Skip to content
Phase 1 · Homepage concepts · For client review

Eight directions for the Roshious homepage

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.

The concepts

Open any concept; each has an “All concepts” link in its bottom-left label to return here.

01

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.

Type: Oswald + BarlowSignature: crest hero, mega-menus for Men/Women
View concept 01
02

Kinetic Sport

Performance · 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.

Type: Archivo (wide italic) + Inter TightSignature: activity switcher, pointer-tilt hero
View concept 02
03

Editorial Luxury

Luxury · magazine

A seasonal “issue”: oversized serif headlines, framed photo prints with gold hairlines, numbered sections, alternating collection stories with pull-quotes.

Type: Cormorant Garamond + JostSignature: editorial spread hero, story blocks
View concept 03
04

Contemporary Minimal

Product-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.

Type: ManropeSignature: live client-side category filter
View concept 04
05

Street Drop

Gen-Z · streetwear · bold

Bento-grid hero with sticker energy, rotating text ring, ticker marquee, neo-brutalist cards with hard shadows and mono price tags.

Type: Bricolage Grotesque + Space MonoSignature: bento hero, marquee, sticker cards
View concept 05
06

Gallery Commerce

Visual 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.

Type: Fraunces + DM SansSignature: hotspots, 360° studio, quick view
View concept 06
07

Monochrome Accent

Fashion-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.

Type: Syne + IBM Plex Sans/MonoSignature: split hero index, numbered rules
View concept 07
08

Family Boutique

Warm · 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.

Type: Outfit + LoraSignature: family navigation, size helper
View concept 08

Comparison

Indicative 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.

ConceptBrand fitDistinct­ivenessUsabilityFashion appealMobileConversion pathContent adaptabilityBest forTrade-offs
01 Heritage Athletic5443444Leaning into the badge; sport-heritage positioningLess “luxury”; strong reliance on the logo, which needs a better master file
02 Kinetic Sport5544443Sports/running-led catalogue; younger, active buyersDark theme less suited to formal/occasion footwear; needs strong action photography
03 Editorial Luxury3545433Premium positioning; formal, boots, occasionTension with the sporty logo; copy-heavy and depends on editorial content from the client
04 Contemporary Minimal3354555Fast product discovery; large cataloguesLower brand personality; the logo's colour energy is under-used
05 Street Drop4544443Sneaker/street audience; drop-style launchesMay feel too loud for family, formal or older shoppers
06 Gallery Commerce4545443Strong photography; showcasing the 360° viewerOnly works with high-quality, consistent product and lifestyle photos
07 Monochrome Accent4445444Balanced premium + sport; mixed catalogueGrayscale imagery hides colourways until hover; restrained palette
08 Family Boutique4353555Men/Women/Kids family shopping; trust and clarityLeast “premium fashion”; carousel heroes are often skipped by shoppers

How to give feedback

Please tell us

  1. Which single concept (or which parts of two concepts) to take forward.
  2. What to change: colour, type, hero, navigation, density, tone of copy.
  3. Whether the brand should feel more sporty or more premium/luxury.
  4. Who approves the design, so we can record the approval.

Still needed from Roshious

  • Vector or transparent logo, plus official colours and fonts.
  • Real categories and brands sold, and product photography.
  • Size chart, shipping and returns terms, WhatsApp number.
  • Confirmation of payment gateway (Razorpay or Cashfree).