Homepage design concepts
Twenty different directions for the Tini Mini Nursery homepage. Open each on desktop and on a phone. Every concept includes school selection, product merchandising, offers, kits, trust content, reviews, creators, a WhatsApp opt-in and a full footer.
School First
The hero is a big “Find your school” search. Picking a school filters the products and keeps it in a “Shopping for…” bar. Clean white retail with red as the only action colour.
Premium Editorial
A magazine-style brand experience: serif headlines, warm paper tones, arch-framed product art, a school marquee, a lookbook and curated collections. Feels like a premium uniform label.
Playful Kids Retail
Bright and friendly, with happy kids in round photo frames. It uses rounded shapes, a floating pill header, school badge carousel, shop-by-class tiles and category bubbles. Bright, but limited to yellow and purple.
Conversion Marketplace
A dense, deal-driven layout in the style of large Indian marketplaces. It has a mega-menu, pincode check, hero slider, school/class finder, Deals of the Day with a timer, price stores and a mobile tab bar.
Kit Builder Journey
The homepage is a guided 4-step tool: School → Class → Child → Sizes. It builds the full official uniform list with a kit price and a sticky “Add kit to cart” bar. Ready-made school kits come next.
Atelier Noir
A black-and-gold luxury label. Serif type, a select-your-school form in the hero, a numbered school list, a department list with hover previews and a private-list WhatsApp form.
Bento Grid
The whole page is a grid of tiles: a photo tile, a school finder tile, stats, offers and a 13-tile category board. Bestsellers can be filtered by Uniform or Gear.
Split World
A split Boys / Girls hero. Switching sides recolours the whole page. Includes shop-the-look hotspots on a photo and an age slider that suggests sizes.
Chapters
Full-screen chapters you scroll through like a story, with side dots, a table of contents and product shelves at the end of each chapter.
Bold Type
A loud, brutalist look: huge type, a moving ticker, black-and-white school tiles that turn colour on hover, and receipt-style kits.
Nordic Calm
Quiet pastel minimalism with an arch-framed hero photo, shop-by-class tabs, soft category swatches and lots of white space.
Scrapbook
A handmade school scrapbook: taped polaroids, luggage-tag schools, price tags, a cut-out coupon, envelope kits and sticky-note reviews.
App Style
Looks and feels like a shopping app: a sidebar on desktop, a tab bar on phones, story rings for schools, a banner slider and a size bottom sheet.
Session Planner
A back-to-school planner with a countdown to the new session, a checklist with a progress ring that adds ticked items to the cart, and a school calendar.
School Directory
A searchable directory of schools by city. Opening a school shows its own storefront with uniform, shoes and bags tabs, plus a request-a-school form.
Cinematic
Dark and full-bleed, like a film trailer: a slow-zooming photo reel in the hero, poster-style school cards and products with text over the photo.
Classroom Notebook
A chalkboard hero and ruled notebook pages: a class register of schools, flash-card products, a timetable of kits and report-card reviews.
Glass Gradient
Soft moving colour blobs behind frosted-glass cards, a round photo hero with floating chips, and Trending / New / Deals tabs.
Monochrome Lookbook
A black-and-white fashion lookbook. Photos turn to colour on hover, with an index of schools, key pieces and a film-strip of creators.
Chat Concierge
The hero is a chat with “Tini”. Pick the school and class, and it builds the full uniform list with a total and an “Add all to cart” button.
All school names, products, prices, reviews and creator handles are sample content for design review. Photos are free sample images from Unsplash and Pexels, to be replaced with Tini Mini product photography and real school logos.