FaStream

Project name changed for confidentiality

An iOS live-stream marketplace for buying and selling fashion in real time.

ROLE

Product Designer · End-to-end

SCOPE

iOS · 80+ screens · Buyer + Seller · 2 phases

FaStream — hero cover of the shipped product

OVERVIEW

FaStream is a live-stream marketplace for buying and selling fashion on iOS. Buyers and sellers interact in real time: buyers ask questions and get them answered through live chat before they purchase, while sellers showcase products and build trust by demoing them live. I came on as the solo designer to take the founder's idea to a shippable iOS app across both roles, designed and delivered across two phases.

THE PROBLEM

The pitch sounded simple (let people buy and sell fashion via live stream), but the moment we started brainstorming it ballooned. Each role had its own real-time job to do alongside the other: sellers showcasing products with live chat firing off questions, buyers deciding without ever leaving the stream. Designed naively, two real-time roles inside one app turn into a chat client and a video player fighting for the same screen.

THE APPROACH

I owned the whole arc solo: refining the founder's idea, building a persona for each role, then separate user flows, paper wireframes and clickable prototypes for both buyer and seller. The visual prototype was tested with real users and the designs went through several revision rounds before the screens were locked. Visual design followed the client's existing brand guidelines, kept in step with current mobile UX patterns so the app wouldn't feel dated.

DESIGN PROCESS

Solo, and end-to-end.

Seven stages, one designer, two real-time roles, from discovery through handoff across two phases. Keep scrolling to walk the process step by step.

SCROLL TO EXPLORE →

THE DESIGN PROCESS

01 02 03 04 05 06 07

01 / 07

Discovery

Started by unpacking what users actually need from a live-stream marketplace and where the existing options break down. The brief sounded simple, but the moment I started brainstorming, the surface area of features needed to make real-time buying and selling actually work ballooned. The client pointed me at a handful of adjacent apps; auditing how each one handled live interaction gave the work direction and exposed gaps worth designing into.

02 / 07

User Personas

I used personas to stay anchored on the users and stop the appetite for features from outrunning what people actually wanted. Two personas, one per role: Buyer and Seller, each with its own goals, frictions, and reasons to keep coming back to the app.

03 / 07

User Flows

With the personas in hand, I mapped user stories and a complete flow for each role so every path through the app was deliberate, not improvised. Two roles meant two distinct experiences inside the same product, and each got its own flow rather than being squeezed into a shared template.

04 / 07

Wireframes

Sketched every screen on pen and paper to move fast, working from the user flows and current mobile UX patterns. The intent was to pressure-test the shape of the product on paper before anything got polished, so the visual design that followed had its structure already worked out.

05 / 07

Visual Design

~80 polished screens across both roles, designed in Sketch and built on the client's brand colors, typography and icon system. The treatment leaned into current mobile patterns so the app would feel native and modern, and every state, edge case and empty view got the same care as the happy path.

06 / 07

Testing

Built a clickable prototype and tested it with real users on the polished flows, then revised the visual design across several rounds based on what the feedback surfaced before locking the final screens.

07 / 07

Handoff

Delivered the final design source plus a clickable prototype, with ownership transferred to the client so engineering could be added directly and inspect every screen. Component logic and screen-by-screen behavior were specced for clarity at handoff.

OUTCOME

A two-role real-time product that read as one coherent app instead of a chat client bolted onto a video player. ~80 polished, tested screens shipped as a system the engineering team could build straight from, with every interaction specced.

SELECTED WORK

The artifacts behind the product. From flows to wireframes to the polished screens that shipped.

User Flows

A complete flow for each role, mapped before a single screen got drawn, buyer and seller given their own paths rather than being squeezed into a shared template.

Buyer and seller user flow — Buyer & Seller · End-to-end flow

Wireframes

Pen-and-paper sketches for every screen, drawn fast and revised faster. These were the structural foundation the prototype was built from.

Sketches · Profile, live stream & streamlist

Final UI

~80 polished iOS screens across both roles, designed in Sketch on the client's brand system. A selection of the screens that did the heaviest lifting in the product.

Buyer · Seller profile

“

Asad time and time again does amazing work. I recommend him to anyone who is looking for a designer. He goes above and beyond and really deserves 10 stars.

Founder · FaStream

Have a product like this on your plate?

That kind of end-to-end complexity, or a different tangle you need someone to sit with from strategy to handoff. Tell me where you are and I'll tell you how I'd help. Replies within 24 hours.

me@asadamalik.com

REPLIES WITHIN 24 HOURS

NEXT CASE STUDY

Game Event

iOS · SOCIAL

See the work →