Website Design & Landing Page for a Streetwear Brand
Duration
5 Weeks
Services
Website DesignLanding Page DesignWeb DevelopmentBrand Art Direction
Section 01
The Challenge
The brand had built its following entirely on Instagram and TikTok, where the culture around the clothing did the selling. Every store template they tried flattened that into a product grid, and the page stopped sounding like the brand the moment someone left the feed.
Existing store templates stripped out the brand voice and left only products
Nothing on the site carried the community the audience actually follows
Four product categories were buried behind menus instead of shown
The Design
Website design — hero built as a collage, not a bannerWebsite design — the headline treatment up close
Section 02
Our Process
We art-directed the page as a zine rather than a catalogue: torn paper, marker type and photography layered the way the brand already posts, with the shop entry points built into that collage instead of bolted on.
01
Full-bleed hero built as a collage, with the headline set in the brand's own marker script
02
Four category tiles placed immediately below the fold, each one a photograph rather than an icon
03
A culture section giving community photography the same weight as the product
04
Film band and newsletter capture placed last, so the page closes on the brand rather than a sale
Website design — four categories, each shown as a photographWebsite design — community photography given equal weight to product
Services Delivered
Website DesignLanding Page DesignWeb DevelopmentBrand Art Direction
Section 03
Outcome & Results
Delivered a complete, mobile-first landing page that reads as an extension of the brand's feed and routes straight into the four category pages.
Six sections: hero collage, category tiles, culture wall, film band, newsletter capture, footer
Four product categories reachable in a single tap from above the fold
Hand-drawn brand marks and marker type used as layout elements, not decoration
Near-black palette with one acid-green accent reserved for the headline and highlights
Website design — film band closing on brand rather than productWebsite design — newsletter capture kept to a single lineWebsite design — footer carrying the brand line and social
The Dashboard
The full analytics view the metrics above are drawn from.
Website design — the full page
Want Similar Results?
Let's discuss how we can help your business achieve these outcomes.
