Client

North Star offers fun and immersive pinball machines, arcade games, and photo booth experiences. Located in the North Star warehouse in Montreal, this private free-play arcade features a curated selection of games and a relaxed lounge with a jukebox for added enjoyment. Ideal for kids' birthdays, corporate retreats or weddings, North Star is available for rental by the hour or for the entire night, delivering a fun experience for any occasion.

Solution

To meet the North Star team's request, we developed a modern online presence that effectively showcased their background and services. We unified their three separate websites into a single, cohesive platform, enhancing navigation for user-friendly access. The design featured vibrant colors and a bold font, reflecting the brand's personality while engaging visitors.

Challenge

The North Star team - wonderful to work with - approached us with the request to create a modern business online presence that would showcase their background and services in an engaging, fun, and informative way.

1. Context & Initial Steps

At the start of the project, the client's online presence was fragmented across three separate websites: one for the bar, one for arcade rentals, and another for arcade sales. The first step was to hold several collaborative meetings with the client, during which we mapped out the site's structure on paper. Together, we identified which pages to keep and which to eliminate to create a cohesive, user-friendly experience.

3. Key Insights

• Lack of Optimization: Competitors' websites were poorly optimized for different devices.
• Complex Navigation: Customers found it difficult to complete the rental or purchasing process due to confusing navigation.
• Poor Mobile Experience: Limited mobile optimization led to frustrating user experiences.
• Boring Design: Despite offering a unique product, the existing site lacked excitement and engagement.

2. Research Process

Once the structure was defined, I conducted detailed research including:

• Competitor Analysis - Identifying strengths and weaknesses of competitors in the industry.
• Audit of Current Websites - Evaluating the usability and performance of the client's existing sites.
• Analysis of Successful E-commerce Websites - Gathering insights from industry leaders.
• Customer Feedback - Analysing customers across Canada.

4. Solutions Based on Research

• Unified Website: Consolidated all three sites (bar, rentals, and sales) into a single, cohesive platform, eliminating fragmentation and improving user experience.
• New Branding: Introduced a fresh, modern identity with vibrant colors, a sleek, contemporary font that reflects the brand's personality.
• Conversion-Driven Design: Applied effective marketing techniques, such as strategically placed animated call-to-action buttons that catch attention and encourage interaction.

Pixel perfect Figma file | Adaptive screens

We prepared a pixel-perfect design using a spacing system based on 5-pixel increments, optimized for three breakpoints: Desktop, Tablet, and Mobile, ensuring consistency and responsiveness across all devices.

Annotation system

To ensure clarity, we provided detailed annotations wherever needed. These included precise descriptions of animations, link destinations, button behaviors, and edge cases - such as how elements adapt if a block becomes wider or text shorter.

Well-organised UI Kit

We began by consulting with the developer to determine exactly what was needed for a smooth development process. Since the site was being built on Shopify using a theme, we identified that a simple, essential UI kit for the key elements would be sufficient.

Inbound Leads Increased by 500%

The team excelled at project management by delivering on time and within budget, communicating effectively, and managing expectations well. Their talent for branding and design was a highlight of the project.

read full review ↗

Honors & E-commerce Nominee

The North Star website was recognized by Awwwards, earning both an Honorable Mention and an E-commerce Nominee distinction. These accolades highlight the site's exceptional design, usability, creativity, and innovative approach, placing it among the top-rated projects in the global web design community.

check on Awwwards ↗