Marakk Design Atelier - Interior Design Portfolio
Elegant portfolio website for Bangalore's premier interior design studio, showcasing luxury residential and commercial projects since 2014.
Functionality
Visual-First Design Portfolio
Created an elegant digital portfolio for Marakk Design Atelier that positions the studio as Bangalore's go-to firm for luxury interiors. The site balances rich project imagery with clear service descriptions and makes it effortless for prospective clients to explore past work and initiate consultations.
Project Portfolio Gallery - Filterable showcase of completed residential and commercial interiors with full-screen lightbox viewing
Category-Based Browsing - Projects organized by type: Living Rooms, Bedrooms, Kitchens, Commercial Spaces, and Full Home Transformations
Team Profiles - Individual pages for lead designers highlighting specializations, experience, and featured projects
Consultation Booking Form - Multi-step inquiry form capturing project scope, budget range, timeline, and preferred design style
Before & After Sliders - Interactive comparison views showing transformation from raw space to finished interior
Material & Finish Library - Curated lookbook of fabrics, stones, woods, and finishes the studio works with
Client Testimonials - Rotating testimonials with project photos to build social proof
UI/UX Explanation
"The website itself must feel like a designed space. Every pixel should reflect the studio's attention to detail, restraint, and refined taste. Let the project photography do the talking while the interface stays invisible."
Design Decisions
Minimalist layout with generous whitespace
Rationale: Interior design is about spatial harmony. Ample whitespace between sections mirrors the studio's design philosophy and lets project images breathe.
Gold accent color on neutral backgrounds
Rationale: Gold communicates luxury without being ostentatious. Used sparingly on hover states, dividers, and CTAs to guide attention without competing with project imagery.
Full-bleed project imagery with subtle parallax
Rationale: Large photographs are the primary selling tool. Gentle parallax scrolling adds depth and keeps the browsing experience immersive and magazine-like.
Serif headings paired with sans-serif body text
Rationale: Serif typography evokes sophistication and tradition. Pairing with clean sans-serif body copy maintains readability while establishing visual hierarchy.
Color Palette
Warm Gold
#C5A055
Accent color, hover states, dividers, CTA buttons
Charcoal
#2C2C2C
Primary text, headings, navigation
Warm White
#FAF8F5
Page backgrounds, card surfaces
Soft Gray
#9E9E9E
Secondary text, captions, metadata
Typography
HEADINGS
Playfair Display - Elegant serif for project titles and section headings
BODY
Lato - Clean and warm sans-serif for descriptions and UI text
ACCENT
Cormorant Garamond - Italic pull-quotes and testimonial text
Branding Kit & Guidelines
Brand Colors
PRIMARY
#2C2C2C
SECONDARY
#C5A055
ACCENT
#FAF8F5
Brand Guidelines
Logo presented in charcoal on light backgrounds or warm gold on dark backgrounds; never in full color
Project photography must be professionally shot with natural or warm-toned lighting; no harsh flash
Gold accent reserved for interactive elements and brand moments - never used as a fill or background color
Maintain a minimum of 60px vertical spacing between content sections to preserve the open, airy feel
Tone of voice: Refined, confident, understated - let the work speak louder than the words