a website acting as a mat for the client's portfolio
concept
year
2025 — 2026
softwear
Figma
Visual Studio Code
Visual Studio Code
INTERIOR DESIGN WEB-SITE AND BRAND IDENTITY
INTERIOR DE-
SIGN WEB-
SITE & BRAND
IDENTITY
SIGN WEB-
SITE & BRAND
IDENTITY
2026
2025
jan
dec
nov
oct
sen
aug
PROJECT WORK PROCESS
development of the user scenario
interview
layout design
prototyping
web page design
А/Б tests
hosting
goals and objectives
AIMS AND OBJECTIVES
and problems
aims
develop a visual identity that sets the client's portfolio apart — interior renderings and photographs
target action — filling out the form to contact the designer
problems
displaying tariffs for easy comparison, as they contain many items and differ significantly from one another
objectives
analysis of the market and competitors, references and analogues
development of a corporate identity to promote the company and make its portfolio stand out from the competition
UX and UI for the website
Responsive layout: 1920px, 1440px, 360px
website layout using HTML, CSS, and JS, and its hosting
TARGET
audience
demographic characteristics
35 – 55 years
higher education
above-average standard of living
importance for the client
estimate the cost of the project
view the designer's services
evaluate portfolio
evaluate the designer's style
customer pain points
there is no understanding of ergonomics or composition for developing the layout
lack of knowledge for selecting the necessary materials for furniture manufacturing
the complexity of accounting for all stages of interior design
selection of necessary interior elements with a justified price-quality ratio
lack of time to plan and develop interior design solutions independently due to the pace of life
It is difficult to figure everything out on your own
COMPETITOR
analysis
website sections
competitor websites most frequently feature the following sections: projects or portfolio, services, prices, about us, and contacts
prices
Price calculator based on square footage and desired services
tariffs with different service packages
description of payment stages
project list view
projects are displayed using a segmentation into houses, apartments, and public spaces
project submission format
the project always includes the name, floor area, and photographs of the interior
sometimes the client's request is included,
along with the problems the studio solved during the design process
along with the problems the studio solved during the design process
CORPORATE
identity
moodboard
a restrained, atmospheric palette with an emphasis on texture
a neutral base highlights the interiors, while a wine-pink hue adds warmth and expressiveness
a neutral base highlights the interiors, while a wine-pink hue adds warmth and expressiveness
colors
the website serves as a "mat" for the client's renders and interior photography, so the color palette was selected to complement the visual content
pink was chosen as the accent color at the client's request; the color palette was selected to complement the client's visual content
fonts
Roboto was selected as the typeface, in Light and Bold weights
UI
kit
mesh
a flexible modular grid has been developed that structures content and maintains a clean rhythm, while being adaptable to various formats
components
the set of components is built around a card-based system, with an emphasis on visual content and ease of interaction
information blocks and services are presented as cards with a clear hierarchy
dropdown lists and form fields share a unified style with soft rounded corners, while the accent button guides the user toward the target action
ADAPTABILITY
1920px
1440px
360px