A ground-up redesign of the web app for RealSnap, an AI fashion visual studio. As the product grew, more than 20 tools ended up listed on a single screen, and the sidebar and home grid used two different naming systems. New users had no clear place to start. I restructured the app into four destinations (Home, Create, Explore, Assets) and grouped every tool by what it produces: Image, Video or Design. Each tool’s thumbnail shows its own interface in motion, so users learn the tool’s name and its output together.

Guests can browse tools and styles freely, and sign-up comes only at the moment of generating. First-time members get free credits and a three-step guide to their first lookbook. Every tool shares one workspace layout: settings on the left, results in the center, and a prompt bar at the bottom. Every plan includes every tool, with credits as the only difference between them. I designed 44 screens across desktop, tablet and mobile, with a quiet, neutral design system that lets the generated fashion imagery carry the color.