Heritage Athletic
Sport-heritage · badge-led
The badge as a varsity crest on a textured navy panel. Pennant and ticket-shaped categories, numbered “jersey” product cards, striped heritage bands.
View concept 01
Phase 1 · Homepage concepts · For client review
Each concept is a complete, responsive homepage built in plain HTML, CSS and JavaScript. They share the same demo catalogue and the client's actual logo, but differ in art direction, layout, typography, hero, navigation and merchandising. Please choose one direction (or an agreed hybrid) to take into the full React storefront.
Prototype only. Products, prices, sizes, ratings and reviews are fictional demo data. Cart, wishlist, search, newsletter and WhatsApp are simulated; nothing is stored or sent.
Photography is placeholder stock from Unsplash (Unsplash License), loaded live from the internet, and screened to exclude third-party brand logos. It is not Roshious product photography. Offline, the pages fall back to simple illustrations.
Logo is the client-supplied JPEG shown with a circular display crop only. A vector or transparent master is still needed.
Open any concept; each has an “All concepts” link in its bottom-left label to return here.
Sport-heritage · badge-led
The badge as a varsity crest on a textured navy panel. Pennant and ticket-shaped categories, numbered “jersey” product cards, striped heritage bands.
View concept 01Performance · dark · energetic
Full dark stage using the logo's orange-to-teal gradient. Shop-by-activity switcher (Run / Train / Court / Lifestyle), diagonal sections, quick-add size overlay, demo drop countdown.
View concept 02Luxury · magazine
A seasonal “issue”: oversized serif headlines, framed photo prints with gold hairlines, numbered sections, alternating collection stories with pull-quotes.
View concept 03Product-first · Swiss clarity
White space, a single teal accent and a strict grid. Live “Shop the edit” filter chips, hover image swap and size chips, full-width mega-menu.
View concept 04Gen-Z · streetwear · bold
Bento-grid hero with sticker energy, rotating text ring, ticker marquee, neo-brutalist cards with hard shadows and mono price tags.
View concept 05Visual lookbook · shop-the-look
A photo mosaic hung like a gallery with “+” product hotspots, a 360° studio as the signature section, staggered masonry grid and an accessible quick-view dialog.
View concept 06Fashion-house restraint · sport DNA
Split-screen hero with an index of featured products, typographic category index, grayscale photos that turn to colour on hover, orange as the only accent.
View concept 07Warm · trustworthy · Men/Women/Kids-first
Accessible hero carousel, big “Shop for” cards, always-visible search, Find-your-size helper (chart pending), FAQ teaser and a strong trust band.
View concept 08Indicative scores (0–5) from the design team using the agreed rubric. They are judgements to guide discussion, not measurements; the client's view of brand fit should outweigh them.
| Concept | Brand fit | Distinctiveness | Usability | Fashion appeal | Mobile | Conversion path | Content adaptability | Best for | Trade-offs |
|---|---|---|---|---|---|---|---|---|---|
| 01 Heritage Athletic | 5 | 4 | 4 | 3 | 4 | 4 | 4 | Leaning into the badge; sport-heritage positioning | Less “luxury”; strong reliance on the logo, which needs a better master file |
| 02 Kinetic Sport | 5 | 5 | 4 | 4 | 4 | 4 | 3 | Sports/running-led catalogue; younger, active buyers | Dark theme less suited to formal/occasion footwear; needs strong action photography |
| 03 Editorial Luxury | 3 | 5 | 4 | 5 | 4 | 3 | 3 | Premium positioning; formal, boots, occasion | Tension with the sporty logo; copy-heavy and depends on editorial content from the client |
| 04 Contemporary Minimal | 3 | 3 | 5 | 4 | 5 | 5 | 5 | Fast product discovery; large catalogues | Lower brand personality; the logo's colour energy is under-used |
| 05 Street Drop | 4 | 5 | 4 | 4 | 4 | 4 | 3 | Sneaker/street audience; drop-style launches | May feel too loud for family, formal or older shoppers |
| 06 Gallery Commerce | 4 | 5 | 4 | 5 | 4 | 4 | 3 | Strong photography; showcasing the 360° viewer | Only works with high-quality, consistent product and lifestyle photos |
| 07 Monochrome Accent | 4 | 4 | 4 | 5 | 4 | 4 | 4 | Balanced premium + sport; mixed catalogue | Grayscale imagery hides colourways until hover; restrained palette |
| 08 Family Boutique | 4 | 3 | 5 | 3 | 5 | 5 | 5 | Men/Women/Kids family shopping; trust and clarity | Least “premium fashion”; carousel heroes are often skipped by shoppers |