UX/UI · Web
2020
Interior Design Studio
An end-to-end UX/UI project developed from initial research to a complete responsive prototype for a premium interior design studio.
View live websiteProject overview
A refined digital experience built entirely from the ground up.
About the project
Created as an individual project during a Webdesigner & Usability certification program, Interior Design Studio covered the complete design process—from research and definition to the final responsive prototype.
Problem
The studio had no previous digital presence or established identity for online use. The new portfolio needed to communicate premium quality through a clean, discreet visual language while remaining intuitive across every device.
Solution
A spacious responsive grid, generous white space, neutral colors and carefully selected imagery established a calm, sophisticated experience. Clear hierarchy, mobile-first navigation and subtle motion keep the work central without distracting from it.
Design process
From research to a complete responsive prototype.
The Double Diamond method structured the project around audience research, problem definition, concept development and delivery. Persona, Jobs to be Done and information architecture informed the identity, grid system and final interface.
- 01
Discover
- Competitor analysis (design studios and portfolios)
- Market research (target audience and interior design trends)
- User questionnaire
- Website audit (if redesigning an existing site)
- 02
Define
- Create a persona
- Define primary user needs and problems
- Build Jobs to Be Done
- Set key objectives: conversion, portfolio visibility and contact flow
- 03
Develop
- Wireframes (low fidelity, then high fidelity)
- Sitemap and structure
- Design system and UI kit
- Interactive prototype
- 04
Deliver
- Usability testing on mobile and desktop
- Final design handoff to developers
- Performance and accessibility checks
Visual design
A quiet digital framework that gives space, material and atmosphere room to speak.
- Complete UX/UI project developed from scratch
- Double Diamond process translated into a clear design system
- Responsive grid and mobile navigation treated as core design decisions
Selected gallery
The project in detail.
13 images
Color and typography
Visual identity
A quiet palette with a clear typographic voice.
Neutral, architectural tones keep the interface calm and tactile. A condensed display face creates character, while Open Sans supports clarity across navigation, content and interaction.
HEADING
Spaces made for living.
Form follows everyday life.
Thoughtful interiors balance comfort, function and atmosphere.
Explore the collection ↗
Persona
User Persona
Saskia
- 35 years old
- Architect
- Married
- 2 children · 8 and 11 years old
Main goal
Build a modern, welcoming, high-quality home that harmonizes work and family life. A carefully designed space should support professional routines while meeting practical day-to-day needs.
Needs
Saskia values regular project updates and complete financial transparency, which build trust and reduce uncertainty. She wants innovative, sustainable and smart solutions, easy access to design and technical experts, long-term guarantees for materials and workmanship, and a fully customized home that reflects her family’s vision, style and everyday needs.
Biography
Saskia lives with her husband and two young children in a quiet residential neighborhood in a large city. She wants a home that combines comfort and elegance while expressing her family’s values and lifestyle. Because her husband works from home and needs a quiet, functional environment, the design must be aesthetically refined and practical for the family’s daily routine. For Saskia, functionality and beauty carry equal weight.
Pains
Finding a reliable interior design company in a saturated market is difficult. Limited information, infrequent updates and no real-time visibility during construction create stress. Unexpected delays, hidden costs, unsuitable materials and a visually appealing result that fails to support everyday life are her main concerns.
Site map
A quiet structure from discovery to contact.
Four primary routes organize the studio’s story, services and portfolio, keeping every destination clear without adding unnecessary navigation layers.
- Handmade Furniture
- Modern Lighting
- New Interior Design
- Contact
- Our Mission
- Our Team
- Handmade Furniture
- Modern Lighting
- New Interior Design
Job to Be Done · JTBD
More than inspiration. A process the client can trust.
The client needs more than visual inspiration: reliability, professionalism and a clear process. The central concern is not only the aesthetic result, but whether the studio can deliver what it promises.
As a discerning client planning a home renovation, I want to find an interior design studio I can fully trust, so the project is carried out with transparency, quality and no surprises.
Must have
- Responsive design across mobile, tablet and desktop
- Consistent visual identity with an elegant palette and premium imagery
- Clear navigation across Home, Projects, Team and Contact
- Subtle animation that supports rather than overwhelms
- A high-quality portfolio with residential and commercial filters
- An integrated contact form with lead tracking
Should have
- An inspiration journal focused on design trends
- Customer testimonials that build trust
- Real-time project updates covering progress and budget
- Social media integration to extend reach
Could have
- An interactive style configurator for colors and furniture
- 360° virtual tours of featured projects
- Downloadable PDF catalogues
Grid system
Grid system
A clean, flexible grid for a timeless experience.
A consistent 12-column desktop grid and a focused 4-column mobile grid create balance, clarity and rhythm across every screen size.
- 12 columns for desktop structure
- 4 columns for focused mobile layouts
- Consistent spacing and content-first hierarchy
Interface design
