MyPlaceDecor
MyPlaceDecor is an interior design company in Gurugram that designs homes and workspaces from concept to handover. The website presents its four main services (residential design, commercial design, turnkey solutions and custom furniture), a portfolio of completed spaces such as living rooms, bedrooms, kitchens, bathrooms and wardrobes, video walkthroughs, and Google reviews from homeowners. A consultation form and WhatsApp chat let visitors start a conversation at any time.
- Delivered at
- Freelance
- Stack
- Next.js, HTML5, CSS3, JavaScript (ES6+), Responsive Design
The problem
Interior design is a highly visual and trust-based service. Clients decide by looking at finished spaces and reading what other homeowners say. The studio needed a website that makes its work look premium, explains its services and process clearly, and gives interested visitors an easy way to book a consultation instead of searching for a phone number.
Goals
- Showcase interior projects visually
- Present residential, commercial, turnkey and furniture services
- Generate consultation enquiries
- Build trust through client reviews
- Explain the design process
- Add video walkthroughs of spaces
- Provide quick WhatsApp contact
Solution & implementation
I built a multi-page static website with HTML, CSS and JavaScript, deployed on Netlify for fast loading. The home page opens with a large visual hero, then moves through services, project highlights, video walkthroughs, client reviews and a “why choose us” section. Separate pages for about, services, portfolio and contact keep the content organised. Animated counters, image galleries and smooth section transitions give the site a polished feel, and the layout adapts to all screen sizes.
Key features
- 01Hero with consultation CTA
- 02Services (residential, commercial, turnkey, custom furniture)
- 03Project portfolio with categories
- 04Video walkthrough section
- 05Google reviews section
- 06Animated stats counters
- 07Enquiry form and WhatsApp chat
- 08Responsive image galleries
Technology stack
- Next.js
- HTML5
- CSS3
- JavaScript (ES6+)
- Responsive Design
Development process
- 1
Scope
Understand the studio’s services, target clients and brand style.
- 2
Design & layout
Plan page structure, project showcase and section flow.
- 3
HTML structure
Build semantic, SEO-friendly pages for home, about, services, portfolio and contact.
- 4
CSS styling
Style responsive layouts, typography and image galleries.
- 5
JavaScript interactions
Add sliders, animated counters, menus and the enquiry form behaviour.
- 6
Media & content
Add portfolio images, video walkthrough sections and review blocks.
- 7
Performance & SEO
Optimise images, add meta tags and improve load speed.
- 8
Deploy & handover
Deploy on Netlify, test on all devices and hand over.
Gallery
Representative imagery, not project screenshots.
See it in action
Explore MyPlaceDecor live.
The case study covers how it was built. The live website shows how it works for real users.
Related projects
PetCard
An AI-enabled pet ID platform with QR Emergency ID and health records to reunite lost pets with owners.
- Html
- CSS
- Java Script
Puff House
E-commerce store for Puff House, a smoke shop selling vapes, water pipes and accessories, with category browsing, timed deals, secure checkout and delivery across world.
- Next.js
- Stripe
- Node.js
Vinsure
Web platform for Vinsure, a tech-driven insurance services company, presenting insurance offerings and capturing customer enquiries through a fast Next.js website.
- Next.js
- Node.js
- Express.js