бренд дизайн
адаптивный дизайн
веб дизайн
прототипирование
html / css
сайт, как паспарту для портфолио заказчика
концепт
год
2025 — 2026
ПО
Figma
Visual Studio Code
ИНТЕРЬЕРНЫЙ САЙТ
И ФИРМЕННЫЙ СТИЛЬ
ИНТЕРЬЕР-
НЫЙ САЙТ
И ФИРМЕН-
НЫЙ СТИЛЬ
2026
2025
янв
дек
ноя
окт
сен
авг
РАБОТА НАД ПРОЕКТОМ
проработка пользовательского сценария
интервью
разработка макетов
прототипирование
проектирование веб страниц
А/Б тесты
хостинг
цели и задачи
ЦЕЛИ И ЗАДАЧИ
и проблемы
цели
разработать фирменный стиль, который выделит портфолио заказчика — рендеры
и фотографии интерьеров
целевое действие — заполнение формы для связи с дизайнером
проблемы
отображение тарифов для удобного сравнения их друг с другом, так как тарифы содержат много пунктов и имеют значительные отличия
задачи
анализ рынка и конкурентов, референсов и аналогов
разработка фирменного стиля для продвижения компании и выделении портфолио на фоне конкурентов
UX и UI для сайта
адаптивная верстка 1920px, 1440px, 360px
верстка сайта при помощи HTML, CSS, JS и его хостинг
ЦЕЛЕВАЯ
аудитория
демографические признаки
35 – 55 лет
высшее образование
уровень жизни выше среднего
для клиента важно
оценить стоимость проекта
ознакомиться с услугами дизайнера
оценить портфолио
оценить стиль дизайнера
боли клиента
нет понимания эргономики и композиции для разработки планировки
недостаток знаний для подбора необходимых материалов при изготовлении мебели
сложность в учете всех этапов проектирования дизайна интерьера
подбор необходимых элементов интерьера с оправданным соотношением цена – качество
недостаток времени для планирования
и проработки интерьерных решений самостоятельно из-за ритма жизни
тяжело продумать все самостоятельно
АНАЛИЗ
конкурентов
разделы на сайтах
чаще всего на сайтах конкурентов используются разделы: проекты или портфолио, услуги, цены, о нас и контакты
цены
калькулятор цены по метражу и типу желаемых услуг
тарифы с разным набором услуг
описание этапов оплаты
вид списка преоктов
для отображения проектов используется сегментирование на дома, квартиры
и общественные пространства
вид подачи проектов
всегда в проекте содержатся название, метраж и фотографии интерьера
иногда добавляют запрос заказчика
и проблемы, которые студия решила при проектировании
ФИРМЕННЫЙ
стиль
moodboard
сдержанная, атмосферная палитра с акцентом на фактуры

нейтральная база подчёркивает интерьеры, а винно-розовый добавляет тепла и выразительности
цвета
сайт выступает в роли «паспарту» для рендеров и интерьерной фотографии заказчика, поэтому цветовая палитра подбиралась с акцентом на поддержку визуального контента
в качестве акцентного цвета был выбран розовый — по желанию заказчика
шрифты
в качестве шрифта выбран Roboto в начертаниях Light и Bold
UI
kit
сетка
разработана гибкая модульная сетка, которая структурирует контент и сохраняет аккуратный ритм, адаптируемая под разные форматы
компоненты
набор компонентов выстроен вокруг карточной системы с акцентом на визуальный контент и удобство взаимодействия
информационные блоки и услуги оформлены в виде карточек с чёткой иерархией
выпадающие списки и поля формы выполнены в едином стиле с мягкими скруглениями, а акцентная кнопка направляет пользователя к целевому действию

АДАПТИВНОСТЬ

Дизайн интерьера Дизайн интерьера Дизайн интерьера
1920px
1440px
360px