Alia · 2025

A full-site redesign, from first brief to shipped product.

How we took an AI-powered Shopify popup tool from a site that didn't match its product — to a conversion-grade, motion-forward web experience. Three months. Designed and shipped, end to end.

Client
Alia Popups
Sector
SaaS · E-commerce
Duration
3+ Months
Year
2025
Deliverables
UX Flow Visual Identity Motion Design
Scope
Design Development
Alia case study hero
The Brief

A product built for serious brands, on a website that couldn't keep up.

Alia is an AI-powered popup tool built for Shopify brands serious about growth. Their product had real depth. Their website didn't reflect it. We came in as their product design and development partner — redesigning the full site experience, from UX flow and visual identity to motion design and Webflow build. Three months. Designed and shipped, end to end.

The Challenge

Four things that needed to change.

01

A site that didn't match the product

Alia's UI was advanced. The website looked like a startup template. The gap was costing conversions and credibility.

02

Visual language that felt dated

The existing aesthetic hadn't kept pace with where Alia was heading. It needed a direction that felt current and built trust with growth-focused founders.

03

UX that didn't guide visitors

Visitors weren't being taken through the product's value. Nothing on the page was translating the intelligence behind the tool into something a visitor could feel.

04

Founders pulled into site maintenance

Shaan and Cory were focused on building and scaling. The website kept falling behind. They needed a partner who could own it — fully.

The Process

From "can you redesign this?" to a live product.

A five-phase build where every step replaced guesswork with a clear decision — direction before design, design before code.

01

Discover — Get in the room

Before any design work, we got in the room — figuratively and literally. Brainstorming sessions with the founders, mood boarding, exploring multiple visual directions. We explored together, narrowed together, and only moved forward once the direction felt right for everyone.

02

Define — Lock the direction

We locked the visual direction and defined the full site structure. Color, typography, motion language, and component system — all decided before any page was built. Expensive engineering only happens once the direction is confirmed.

ABC Distype Mono Lime Yellow Green Dark Blue
03

Design — Designing for how visitors actually think

Not just what looks good. The design was grounded in actual product positioning and competitive research — not just aesthetics. Every section was designed to guide, convince, and convert. Figma-first, with full component coverage and motion specs.

Figma
04

Build — Full Webflow implementation

Pixel-perfect Webflow build with custom interactions, scroll-driven animations, and a CMS that lets the Alia team publish content without touching a line of code.

WebflowGSAPWebflow CMS
05

Ship — QA, launch, handoff

A full round of internal and client testing — responsive behavior, motion, CMS flows, cross-browser QA — before handing the keys to the Alia team. Launched. Focused. Still scaling.

The Toolchain

Built with the right tools for the job.

Figma

Full design system, component library, and motion specs

Webflow

Full-site build with custom interactions and CMS

GSAP

Scroll-driven animations and motion design

Webflow CMS

Content management without developer dependency

The Architecture

Three layers. One complete product.

Design System

Figma-based component library. Full visual identity, motion specs, and interaction states.

Webflow Build

Pixel-perfect implementation. Custom interactions and CMS-powered content management.

Live Product

Alia's live site. Founder-editable. No developer needed for content updates.

No handoff gap. One team owns the outcome from first pixel to live URL — design system → Webflow → live product.

The Result

A site that finally matched the product.

Alia live homepage
Popup templates showcase Mobile responsive view
Result detail 1 Result detail 2
+316%
Opt-in rate growth via Alia
4,000+
Shopify brands powered by Alia
3 mo
Discovery to launch

"We could stay focused on our product and growth while Elux took care of our site — smooth, reliable, and on point."

— Shaan, Co-founder, Alia Popups
Why This Works

What a dedicated design partner delivers.

Direction before code

We settle visual direction in Figma before touching production — so expensive engineering only happens once.

Designed for conversion

Every section is a decision. What does this visitor need to see to take the next step? Strategy drives the design.

Motion as a feature

Interactions aren't decoration — they're how the product's intelligence becomes something a visitor can feel.

One team, end to end

No handoff gap between design and development. One team owns the outcome from first pixel to live URL.

Founder autonomy

CMS-powered so the team can update content, publish copy, and manage media — no developer in the loop.

Built to scale with you

The design system and Webflow build were structured to grow. Not a one-off — a foundation.

Build with us

Have something you want to see
built — not just pitched?

We'll answer "can you redesign this?" the same way we did for Alia: with clarity, fast direction, and a shipped product.