MOODS Moods StoreAI fashion · web
AI fashion store

Wear your vibe,
your way

A conversational shopping experience where an AI stylist turns a vibe into an outfit: neon-lit browsing, chat-driven product suggestions, live restyle controls and a frictionless cart-to-checkout.

AI  stylist chat Browse  ·  Restyle  ·  Checkout Web  ·  neon dark
Role
Product Designer & Front-End
Timeline
5 months
Platform
Web & Mobile · React
Domain
AI E-commerce
Overview

A store that talks back

Endless grids and filters ask shoppers to do the work of a stylist. Moods flips that. You describe a vibe, and an AI stylist assembles the look for you.

We designed a neon-lit storefront that doubles as a chat surface: browse mood tiles and trends, or open the stylist and let swipeable product cards come to you, recolor and restyle them live, then drop them straight into a cart that never breaks the flow.

We owned the experience and the front-end: the conversational UI, the product-card carousels, the live restyle controls and the checkout, all on a bold neon design language.

What we did

Conversational commerce, end to end

Conversational UX

Designed a chat that returns shoppable cards, quick-reply chips and a voice-friendly input bar.

Neon UI system

Built a glowing dark visual language (cyan, magenta, ember) that stays legible behind product imagery.

Front-end build

Implemented the card carousels, live restyle/recolor controls and the cart-to-checkout flow in React.

Browse & filter

Mood-led navigation by trend, gender, season and color/style so the store reads the room.

AI chatMoods — AI stylist chat & product suggestions HomeMoods — neon home MobileMoods mobile — Discover Moods mobile — stylist suggestions

Two ways to find your look

Browse the neon storefront, or just tell the stylist what you're feeling, Moods does the rest.

Moods home
01 · StorefrontWear your vibe, your way

A neon-lit home with mood tiles, trend filters and a clear path into the AI chat.

Moods AI chat
02 · AI stylistChat your way to an outfit

Describe a vibe and the stylist returns swipeable product cards you can restyle on the spot.

The same store, in one hand

On mobile the sidebar becomes a tab bar, suggestions swipe, and the cart opens as a bottom sheet over the chat.

Moods mobile — Discover
01 · MobileDiscover
Moods mobile — Stylist
02 · MobileStylist
Moods mobile — Product
03 · MobileProduct
Moods mobile — Cart sheet
04 · MobileCart sheet
Moods mobile — Confirmed
05 · MobileConfirmed
Inside the store

Shopping, conversational

AI stylist chat

Natural-language requests turn a vibe into curated, shoppable suggestions.

Live restyle

Recolor and restyle a product in place, see the look update instantly.

Frictionless cart

Add from chat or grid and glide to a checkout that never breaks the flow.

Mood filters

Browse by trend, gender, season or color/style, the store reads the room.

Color system

The Moods palette

Void Black#08070C
Neon Cyan#2EE6E6
Hot Magenta#FF1B8D
Ember Orange#FF7A2F
Signal Gold#F5B83D