UX / UI

Designing a Mobile Network from the Ground Up

A featured project reshaping how SMARTY shows up online, from research through to launch.

What I Did

From early research through to launch, here's the process I ran to take SMARTY's project from concept to a finished, real-world result.

Research & Discovery

Auditing the competitive landscape and current user experience before any design work began.

Trends & Best Practice

Reviewing current UX/UI patterns and technical constraints to inform the direction.

Stakeholder & User Input

Talking to real users and stakeholders to validate assumptions early.

Structure & Planning

Mapping the full structure so every page and flow had a clear place.

Wireframes & Concepts

Translating the structure into wireframes covering every core template and flow.

Testing & Validation

Validating wireframes and flows with real users before visual design began.

High-Fidelity Design

Pixel-perfect designs with a scalable design system and full component library.

Quality & Refinement

QA passes across breakpoints, devices and browsers to make sure everything shipped clean.

Launch & Rollout

Launch support and phased rollout across every platform and channel.

The Situation

SMARTY came to Satch needing an experience that could scale across every touchpoint, backed by a design system built to last. [Placeholder — replace via the project's spreadsheet tab.]

SMARTY — marketing site

The Results

A considered, scalable outcome that improved consistency, simplified decision-making and gave SMARTY a foundation to build on going forward. [Placeholder — replace via the project's spreadsheet tab.]

SMARTY — Welcome screen
SMARTY — Login screen
SMARTY — Add-ons dashboard
SMARTY — Refer a friend
SMARTY — Usage dashboard
SMARTY — Billing history
The Results