01 —
Project overview
A ground-up website design for VB Studio, a Mumbai-based luxury interior design practice founded by Vaishnavi Baheti. The brief was to create a digital presence that targets mid-to-premium homeowners and discerning clients seeking bespoke residential and commercial interiors.
The project spanned the full product lifecycle — from UX research and information architecture through to visual identity expression, responsive front-end development, and SEO structure. The central challenge: making a premium, personal, founder-led studio feel both creatively authoritative and genuinely approachable online.
Design Challenge
“How do you communicate both creative authority and approachable warmth at a premium price point — for clients investing in something as personal as their home?”
02 —
site structure
Home
Hero Visuals
Introduction
Services Preview
Recent Projects
Client Testimonials
portfolio
Project Gallery
Case Studies
Before & Afters
Design Philosophy
About us
Founder Story
Design Studio
Process Workflow
Media Mentions
Contact Us
Inquiry Form
Social Channels
Studio Location
Consultation Booking
Design System
A cohesive visual language was developed to ensure consistency across the VB Studio digital experience. The system balances minimalist Hindu modernism with high-end editorial aesthetics, focusing on generous whitespace and sophisticated contrast.
Playfair Display
Heading 1
The Art of Bespoke Living
Primary titles and statement headlines
Snell Roundhand
Subheading
Elegance in Every Detail
Accent headers and decorative script
CORMORANT GARAMOND
Body
Creating soulful spaces that resonate with refined individuals.
Main body copy and narrative text
04—
Homepage layout
07 —
Motion Design Spec
Motion in this experience is purely functional, designed to establish spatial awareness and emphasize hierarchy. It is never decorative; every transition serves to guide the eye toward key content blocks without introducing visual fatigue.
Scroll Reveal
START
END
translateY(30px) → 0 · opacity 0 → 1. Applied only to key content blocks, never every element.
Hero Ken Burns
Slow 20s scale zoom on the hero image. Communicates craft without distracting.
08 —
4
Pages, fully responsive
Outcome
5
Typefaces, strict hierarchy
100%
Screens designed across breakpoints
1
Cohesive visual system, live
✨
The visual system successfully communicates premium, founder-led positioning without feeling corporate or cold.
✍️
A strict 5-typeface hierarchy keeps the script face reserved for emotional moments — never diluted by overuse.
📱
The design holds up cleanly across breakpoints, with the immersive mobile menu carrying the same visual language as desktop.
🎯
A single consistent CTA style is used across all 4 pages, reinforcing one clear visual action throughout the site.