Y & I Web Lab
Demos & concepts

Demo concepts. Real functionality.

Each project below is a live working demo — explore both the public site and the admin panel to see exactly what your version could do. Your site would be branded for you, not these placeholder identities.

Reformer Pilates Studio — Concept — Reformer Pilates Template

Reformer Pilates Template

Reformer Pilates Studio — Concept

The brief

A boutique Reformer Pilates concept — calm, editorial visual identity paired with a full class booking system, class packs and memberships via Stripe, smart waitlists, per-instructor schedules, and a member cabinet. The independent studio answer to Mindbody.

The solution

  • Branded class booking on your own domain
  • Class packs & monthly memberships (Stripe)
  • Waitlists with automatic promote-on-cancel
  • Per-instructor schedules and admin cabinets
  • Member cabinet (bookings, balance, attendance)
  • Owner dashboard — fill rate, revenue, retention

Built with

Next.js 16React 19Tailwind 4StripeTypeScript
Dog Grooming Salon — Concept — Dog Grooming Template

Dog Grooming Template

Dog Grooming Salon — Concept

The brief

A concept for boutique dog groomers — calm, warm visual identity paired with a proper online booking flow, a per-dog client record (breed, weight, sensitivities), and a salon-owner admin panel that handles bookings, clients, team and pricing.

The solution

  • 4-step booking wizard (service → groomer → date → details)
  • Per-dog client database with breed and care notes
  • Owner dashboard with revenue and per-groomer load
  • Inline price/duration editing
  • Auto-create client record on every new booking

Built with

Next.js 16React 19Tailwind 4TypeScript
Piercing Studio — Concept — Piercing Studio Template

Piercing Studio Template

Piercing Studio — Concept

The brief

A concept project exploring how a modern piercing studio website could be built — underground, artisan aesthetic combined with a proper multi-artist booking and legal consent flow.

The solution

  • Dark, editorial visual identity
  • Per-artist cabinets and schedules
  • Online booking with time slots
  • Digital consent & medical forms
  • Industry-specific gallery filters

Built with

Next.jsFirebaseTailwind
Hair Salon — Concept — Hair Salon Template

Hair Salon Template

Hair Salon — Concept

The brief

A universal hair salon template — warm, welcoming design that can be adapted to any salon brand, with a full booking system and an owner-friendly admin panel.

The solution

  • Responsive, brand-agnostic design
  • Individual stylist pages & cabinets
  • Live editable price list
  • Gallery with categories
  • Client-facing booking calendar

Built with

Next.jsFirebase AuthFirestoreTailwind
Photography Studio — Concept — Photography Template

Photography Template

Photography Studio — Concept

The brief

A portfolio-led concept for photographers — clean imagery, session packages, and a lightweight admin area for uploading new work.

The solution

  • Gallery-led portfolio layout
  • Session types & pricing packages
  • Enquiry form with auto-replies
  • Admin image uploader
  • Client-facing booking

Built with

Next.jsFirebase StorageTailwind
Beauty & Tanning — Concept — Beauty Studio Template

Beauty Studio Template

Beauty & Tanning — Concept

The brief

A concept for beauty & tanning studios — inviting golden visual language, multi-service booking flow, and a flexible admin.

The solution

  • Warm bronze-gold visual language
  • Multi-service booking flow
  • Staff profiles & schedules
  • Flexible pricing packages
  • Email confirmations

Built with

Next.jsFirebaseTailwind
Florist — Concept — Florist TemplateDeploying soon

Florist Template

Florist — Concept

The brief

A boutique florist concept — editorial product layout, local-delivery cart flow, seasonal collections, and a simple product editor.

The solution

  • Boutique editorial layout
  • Cart & checkout flow
  • Postcode-gated local delivery
  • Seasonal collections
  • Owner-friendly product editor

Built with

Next.jsStripeFirestoreTailwind
Deploying soon
ALTA Dance — Real Client · Dance StudioReal client project

Real Client · Dance Studio

ALTA Dance

The brief

A personal brand and booking site for a Latin & ballroom dance instructor — wedding first dance choreography, weekly group classes, private 1-to-1 lessons and travel sessions, with location pages for each studio.

The solution

  • Editorial brand-led landing
  • Service breakdown (wedding dance, classes, 1-to-1s, demonstrations)
  • Locations with class schedules
  • Hair & beauty cross-service section
  • Enquiry & booking forms

Built with

Next.jsTailwindTypeScript

Built for a real client — the admin area, schedule data and booking back-end belong to the studio and aren't shown publicly.

Flavour Project — Real Client · Boutique ConfectionerReal client project

Real Client · Boutique Confectioner

Flavour Project

The brief

A brand and order-enquiry site for a Stafford boutique confectioner specialising in bespoke celebration cakes, dessert tables, and wedding patisserie. Editorial product layout with an occasion-led product catalogue and a structured order form that captures date, servings, dietary needs and inspiration imagery.

The solution

  • Editorial product catalogue (wedding, birthday, christening, corporate)
  • Occasion-led navigation, not bare product grid
  • Structured order enquiry — date, servings, allergens, references
  • Gallery filterable by category
  • About / process page to build trust before enquiry

Built with

Next.js 16React 19Tailwind 4TypeScript

Built for a real client — order management and customer data are private to the studio.

The Painted Fox — Real Client · Fine ArtistReal client project

Real Client · Fine Artist

The Painted Fox

The brief

A bilingual portfolio for a Ukrainian artist working in the UK. The brand plays on the family name (Лисицина → лисиця → fox). Dior-inspired beige aesthetic showcases 36 oil and watercolour works with print enquiry and commission flow.

The solution

  • Bilingual EN / UK with seamless toggle
  • 36-piece works archive with detail pages
  • Print and commission enquiry forms
  • Editorial Dior-beige aesthetic
  • Artist bio and exhibitions sections

Built with

Next.jsnext-intlTailwindTypeScript

Built for a real client — gallery management and contact data are private to the artist.

Your project next

Could yours be the next one here?

We're taking on a small number of new studios this quarter. Start with a free 20-minute call.