Разработка сайта студии дизайна интерьера ALEART DESIGN

Разработали сайт студии дизайна интерьера ALEART DESIGN: портфолио реализованных проектов, услуги дизайна, ремонта и комплектации, расчёт проекта и формы связи с менеджером.

Смотреть сайт Обсудить сайт дизайн-студии

Главная страница сайта студии дизайна интерьера ALEART DESIGN с портфолио проектов

Кратко о проекте

Клиент: ALEART DESIGN
Отрасль: Интерьеры и архитектура
Тип проекта: Сайт-портфолио студии дизайна интерьера

Что реализовали

Портфолио с крупными проектами: сетка и детальная страница проекта
Разделы услуг «Дизайн», «Ремонт», «Комплектация» и «Под ключ»
Раздел состава дизайн-проекта: коллажи, смета, 3D-визуализации, рабочие чертежи
Форма расчёта проекта и связи с менеджером
Международная география проектов: Россия, Казахстан, Узбекистан, США, ОАЭ

Теги

Портфолио

Крупные реализованные проекты представлены сеткой с переходом на детальную страницу — с описанием, фотографиями и составом работ по конкретному объекту.

Сетка крупных проектов
Детальная страница проекта
География проектов

От проекта до реализации

Услуги «Дизайн», «Ремонт», «Комплектация» и «Под ключ» собраны в блок 2×2 на десктопе и горизонтальным скроллом на мобильном — клиент видит весь цикл работы студии на одном экране.

Дизайн

Дизайн-проект

Ремонт

Ремонтные работы

Комплектация

Подбор и закупка

Под ключ

Полный цикл реализации

Состав дизайн-проекта

Раздел показывает дизайн-проект как конкретный продукт: коллажи, смета, 3D-визуализации и рабочие чертежи, а не абстрактное «сопровождение».

Коллажи и подбор материалов
Смета проекта
3D-визуализации
Рабочие чертежи

Расчёт проекта

Форма расчёта проекта и связь с менеджером доступны сразу после знакомства с портфолио и услугами — без промежуточных страниц.

Форма расчёта проекта
Связь с менеджером

Задача

ALEART DESIGN — студия полного цикла: дизайн-проект, ремонт, комплектация и работа под ключ, с проектами в нескольких странах. Сайту нужно было показать портфолио как главный аргумент и при этом объяснить, что входит в конкретную услугу.

Вторая часть задачи — довести посетителя от знакомства с портфолио до расчёта проекта, не перегружая его длинной анкетой на входе.

Макеты сайта

Айдентика проекта

Типографика

TT Wellingtons

Заголовки

Портфолио проектов

Manrope

Текст и навигация

Дизайн-проект

Палитра

Основной фон#F4EFE8
Акцент бренда#8C7A64
Текст#211E1A

Дизайн: editorial-подача вместо декоративных рамок

Первый экран собран в тёплой stone/ivory палитре с одним сильным фото проекта — акцент сделан на реализованной работе студии, а не на графических элементах интерфейса.

Портфолио и разделы услуг выстроены как редакционная подача: крупные фотографии, минимум декора, чёткая сетка карточек.

Тёплая stone/ivory палитра
Крупные фотографии реализованных проектов
Минимум декоративных элементов интерфейса

Адаптивный дизайн

Портфолио и разделы услуг на мобильной версии идут горизонтальным скроллом крупных карточек — так же, как десктопная сетка 2×2, но без уменьшения коллажа.

Форма расчёта проекта доступна с любого раздела мобильной версии за один переход.