Project / Commerce / UX / CROShopify · UX · CRO2026

Northstar Commerce

A conversion-focused retail experience balancing expressive brand character with clearer discovery, faster decisions and storefront performance.

Concept case study
northstar.store
FORM 01Arc Lamp
FORM 02Low Chair
Client typeRetail / DTC
ScopeUX + UI
PlatformShopify
FocusCRO + Speed
01 / The briefCharacter without friction

Create clarity without losing character.

The storefront needed to feel unmistakable without making shopping harder. Brand moments carry energy while product discovery and comparison stay intentionally calm.

The design system separates campaign expression from transactional clarity so the store can do both jobs well.

StrategyUXUI systemShopify
02 / TechnologyWhat powered the delivery

Built with the right tools for the job.

The stack is documented here so the case study explains how the work was delivered — not only what it looked like.

Commerce

Shopify

Storefront platform, product/catalog operations and commerce foundation.

Templating

Liquid

Reusable sections and theme logic for merchandising teams.

Frontend

JavaScript

Filters, product interactions and progressive storefront behavior.

Motion

GSAP

Controlled campaign motion without compromising shopping clarity.

Lifecycle

Klaviyo

Lifecycle and retention touchpoints connected to the commerce experience.

Tools are selected around the brief, maintainability, performance and the client team.

03 / Case studyChallenge / approach / solution

From problem to production.

A case study should show the thinking between the brief and the final interface — not only the polished screens.

01 01 / Challenge

Brand energy was fighting shopping clarity.

The experience needed to stay expressive without forcing customers to decode the interface. Product discovery, comparison and campaign storytelling were competing for the same visual attention.

02 02 / Approach

Separate expression from transaction.

Campaign modules were given room to be bold while product cards, filters and purchase paths used a calmer system. The result creates deliberate contrast between inspiration and decision-making.

03 03 / Solution

A modular storefront built for merchandising.

The final system connects reusable campaign blocks, structured product storytelling, conversion-aware navigation and a performance-first frontend direction.

04 / OutcomeConcept direction

A storefront that can be loud in campaign moments and quiet when users need to choose, compare and buy.

−31%Target decision friction
+22%Target product discovery
<2sPerformance ambition
Next / Start a projectHave something worth building?

Bring the brief. We’ll bring the system.

Tell us what you are building, what is getting in the way and where you want it to go.

Start a
project