๐Ÿ“ LA --:-- ๐Ÿ‡ซ๐Ÿ‡ท Paris --:--
โ† All postcards Case study ยท Brand, app & web ยท 2025

After 9

A Los Angeles clothing label built around one idea โ€” style doesn't clock out. I built the identity from the ground up, then translated it into a shopping app and website.

RoleBrand & product designer
Year2025
PlatformiOS app ยท Website
DeliverablesLogo, wordmark, packaging, app, web
After 9 brand and app shown on phones and a laptop on a dark set

After 9 is a Los Angeles label for people whose style doesn't stop when the workday does. The brief had two halves: an identity that feels like LA at night, and a shopping experience that sells the mood as much as the clothes.

The wordmark pairs a high-contrast serif with a hand-drawn 9 โ€” elegant, a little rebellious. The palette stays strict: black, cream, and a single pink accent for the small crown.

After 9 logo: serif wordmark with a script 9, Los Angeles Black After 9 hoodie with piping and a small logo
Decision

The logo had to survive at tiny sizes โ€” on a hoodie chest, a garment tag, a phone header โ€” so the details live in the 9 and everything else stays clean.

After 9 lookbook grid: dresses, trousers, cardigan and bag
Lookbook direction โ€” warm neutrals, black and soft tailoring.

To move fast on commerce basics, I started from an open-source e-commerce UI kit, then rebuilt the visual layer around the After 9 identity: editorial photography, a serif headline system, and quiet UI that steps back so the clothes come first.

Home: new arrival hero with Explore collection button Product grid with removable filter chips Product page with colors, sizes and Add to basket Payment method screen with card
Decision ยท Filters

Active filters stay visible as removable chips above the grid โ€” "Women ร—", "All apparel ร—" โ€” so shoppers always see what is narrowing their results and can undo it in one tap.

Decision ยท Product page

Color and size sit right under the photo, with "Add to basket" pinned to the bottom of the screen โ€” the purchase never scrolls out of reach.

Mobile and desktop were designed side by side in Figma from the same components, so the app and the website feel like one brand.

Figma workspace with After 9 mobile and desktop frames
After 9 on phone, tablet and laptop in daylight

The website opens on a full-bleed campaign image and a single line โ€” "Style beyond time" โ€” before handing over to collections for women, men and accessories.

Four After 9 app screens laid out on a beige surface After 9 app screens: payment, product and campaign

If I took it further

1

Test the product page with real shoppers โ€” size guidance is the first thing I'd improve.

2

Add a lookbook mode where every outfit links to its shoppable pieces.

Next postcard

Cali Runner

A sunset-beach endless runner โ€” designed, coded and playable โ†’