Streets to Runways
A bold footwear-brand landing page concept with an interactive hero carousel and a matching sign-in flow.
Streets to Runways is a self-directed concept project exploring what a footwear brand's landing page could look like if it leaned fully into streetwear culture: bold typography, high-contrast product photography, and motion that feels closer to a sneaker drop than a standard e-commerce homepage. The visual language borrows the confident, sport-forward logo treatment popularized by brands like Nike as a design exercise in that genre, part of the same discovery-to-prototype process I walk through in my UI/UX design process case study; it was not built for or commissioned by any real footwear company.
The centerpiece is the hero: a full-bleed headline reading "From Streets to Runways: Walk the Trend," sitting above a three-state interactive product carousel that lets a visitor swap between hero shoe colorways without leaving the top of the page. I designed a matching sign-in screen with a friendly, hand-drawn-style illustration so the transition from browsing to account creation felt like part of the same story rather than a jarring drop into a generic form.
The sign-in flow was also where I applied a real usability finding from my broader UX work (the same testing habit I list on my resume): early tests of a comparable checkout/sign-in flow showed users abandoning multi-step forms, so I restructured the flow from 5 steps down to 3, combining redundant fields, deferring optional details, and moving validation inline. That change is now a pattern I default to whenever a flow asks a user to commit before they've seen any value. If you're designing a similar sign-up or checkout flow, let's talk.
