Александра Федорова - дизайн жилого и общественного интерьера

31.10.2023
Логотип Fedorova Elements - Агентство FOURO

Александра Федорова - дизайн жилого и общественного интерьера

перейти на сайт
Дизайн сайта Fedorova Elements - Агентство FOURO | фото 1

Заказчик:

Архитектурное бюро Александры Федоровой занимается проектированием жилых и общественных зданий, работает в сфере дизайна жилого и общественного интерьера, имеет большой опыт в проектировании вилл у моря.

Задача:

Создать сайт-каталог продукции бренда Fedorova Elements, работающий постоянно и требующий минимальной поддержки администратора.

Отбор и анализ референсов

  • Знакомство с современными трендами
  • Анализ конкурентов
  • Изучение разных стилей
  • Исследование пользовательского опыта
Дизайн сайта Fedorova Elements - Агентство FOURO | фото 2
Дизайн сайта Fedorova Elements - Агентство FOURO | фото 3

Разработка дизайн-концепции

  • Вид и стилистика сайта
  • Цветовая палитра
  • Шрифтовые решения
  • Стилеобразующие и структурные графические элементы
  • Сетка вёрстки, расположение элементов в композиции
  • Общее настроение, эмоциональный посыл
01

Главная страница

Первый экран главной страницы представлен в виде видео, которое начинает воспроизведение сразу после загрузки страницы.

После первого экрана представлен каталог товаров в виде категорий.

На главной странице реализован блок “LOCATION OF FURNITURE”, где на карте изображена география реализованных проектов.

Дизайн главной страницы сайта Fedorova Elements на макбуке - Агентство FOURO
Дизайн главной страницы сайта Fedorova Elements на планшете - Агентство FOURO
Дизайн главной страницы сайта Fedorova Elements на мобильном устройстве - Агентство FOURO
02

Разводящая выбранной категории товаров

Выбирая определенную категорию товара происходит переход на разводящую страницу.

На разводящей странице представлены товары выбранной категории, объединенные в группы.

При выборе интересующего товара происходит переход в карточку товара.

Дизайн каталога сайта Fedorova Elements на макбуке - Агентство FOURO
Дизайн каталога сайта Fedorova Elements на планшете - Агентство FOURO
Дизайн каталога сайта Fedorova Elements на мобильном устройстве - Агентство FOURO
03

Карточка товара

Карточка товара представлена в следующем виде:

  • фото/видео
  • информация о товаре (материал, размер, описание товара)
  • технические характеристика товара
  • ссылки на товары других категорий
Дизайн карточки товара сайта Fedorova Elements на макбуке - Агентство FOURO
Дизайн карточки товара сайта Fedorova Elements на планшете - Агентство FOURO
Дизайн карточки товара сайта Fedorova Elements на мобильном устройстве - Агентство FOURO
04

Проекты

Проекты представлены в виде разводящей страницы с переходом на отдельную страницу проекта.

На странице проекта представлены фотографии в виде карусели.

Дизайн раздела Проекты сайта Fedorova Elements на макбуке - Агентство FOURO
Дизайн карточки проекта на сайте Fedorova Elements на планшете - Агентство FOURO
Дизайн карточки проекта на сайте Fedorova Elements на мобильном устройстве - Агентство FOURO
Дизайн раздела Проекты сайта Fedorova Elements на мобильном устройстве - Агентство FOURO

UI kit

Для проекта была выбрана цветовая гамма в стиле минимализм

Color

#262420
#86663
#2918F
#FCBC7
#4D3D2
#7D7D7
#2F2F2

Button / Hover

Default
Hover
Pressed

Gilroy

Gilroy

Gilroy

Gilroy

Gilroy

Gilroy

Gilroy

  • HEADING LARGE 42
  • HEADING MEDIUM 36
  • HEADING SMALL 22
  • Large 18
  • Base 16
  • Small 1 14
  • Small 2 12

Gilroy

Gilroy

Gilroy

Gilroy

Gilroy

Gilroy

Gilroy

grid

grid

grid

grid

grid

grid

grid

grid

grid

grid

grid

grid

Макет главной сайта Fedorova Elements - Агентство FOURO

Результат

Мы воплотили в новом сайте основной принцип бренда Fedorova Elements: гармоничное сочетание эстетики и функциональности.

Основной акцент сайта - оригинальные детали интерьера, созданные под руководством основателя бренда Александры Федоровой.

Сайт Fedorova Elements на ноутбуке - Агентство FOURO Сайте Fedorova Elements на экране MacBook
Появились вопросы?
Хочу консультацию