Сайт для мебельного салона Azimut

03.08.2023
Логотип компании Azimut - Агентство FOURO

Компания Azimut, основанная в 1993 году, - лидер на мебельном рынке премиум-сегмента в Казахстане уже более 30 лет. На сегодняшний день Azimut включает в себя несколько строительных компаний, две галереи мебели в Алматы и Астане, салоны текстиля, фарфора и предметов интерьера.

перейти на сайт
Современный интерьер гостиной - Агентство FOURO

Задача:

  • Редизайн сайта компании Azimut, создание адаптивного дизайна для мобильных устройств
  • Создание удобной навигации по сайту
  • Разработка новых блоков и страниц
  • Подбор шрифта с учетом мультиязычности сайта
Интерьер гостиной - Агентство FOURO

Разработка структуры сайта

На начальном этапе работы с проектом разрабатывается структура сайта, в которой схематично прописывается, какие страницы и блоки должны быть на сайте, а также указывается, куда ведут те или иные ссылки.

Блок-схема структуры сайта - Агентство FOURO | фото 1
Блок-схема структуры сайта - Агентство FOURO | фото 2

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

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

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

Главная работает как конструктор.

На ней можно разместить произвольное количество полноэкранных блоков, каждый из которых ведет на свой раздел сайта.

Собирается главная страница в админке сайта.

Главная страница сайта Azimut на макбуке - Агентство FOURO
Главная страница сайта Azimut на планшете - Агентство FOURO
Главная страница сайта Azimut на мобильном устройстве - Агентство FOURO
02

Каталог

Каталог представляет собой разводящую страницу, включающую в себя фильтр, сортировку, а также карточки товара.

На сайте Azimut пользователь сам определяет количество выводимой информации: по 16, 24, 32 товаров на странице.

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

После карточек товаров идет текстовый блок, а ниже расположена форма для обратной связи.

Каталог сайта Azimut на макбуке - Агентство FOURO
Каталог сайта Azimut на планшете - Агентство FOURO
Каталог сайта Azimut на мобильном устройстве - Агентство FOURO
03

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

В карточке товара представлены все необходимые параметры:

Наименование и описание товара, Цвет, Бренд, Модель, Размер, ID товара, Стиль, Материал, Возможные размеры, Статус товара (в наличии/под заказ), Цена.

Помимо кнопки “В корзину”, добавлена функция “Купить в один клик”.

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

Карточка товара сайта Azimut на макбуке - Агентство FOURO
Карточка товара сайта Azimut на планшете - Агентство FOURO
Карточка товара сайта Azimut на мобильном устройстве - Агентство FOURO
04

Бренды

Все бренды собраны на одной странице, внутри каждого бренда разбивка по категориям товара.

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

Также на странице есть возможность отфильтровать бренды по определенной категории товара.

Раздел брендов сайта Azimut на макбуке - Агентство FOURO
Раздел брендов сайта Azimut на мобильном устройстве - Агентство FOURO | фото 1
Раздел брендов сайта Azimut на мобильном устройстве - Агентство FOURO | фото 2
Сайт Azimut на ноутбуке - Агентство FOURO

UI kit

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

Color

#018093
#0094AA
#33A9BB
#999999
#4D4D4D
#2D2D2D
#000000

Button / Hover

Default Подробнее Скачать PDF Гостиные Мебель
В наличии
#Диван Интервью с партнерами
Hover Подробнее Скачать PDF Гостиные Мебель
В наличии
#Диван угловой Интервью с партнерами
Pressed Подробнее Скачать PDF Гостиные Мебель
В наличии
#Диван угловой Интервью с партнерами

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

Mulish

Mulish

Mulish

Mulish

Mulish

Mulish

Mulish

grid

grid

grid

grid

grid

grid

grid

grid

grid

grid

grid

grid

Дизайн главной страницы сайта Azimut - Агентство FOURO

Результат

Мы воплотили в новом сайте Azimut ключевые идеи создателей марки: актуальная информация о наличии товаров, удобная навигация по сайту, подробное описание товара и бренда.

Появились вопросы?
Хочу консультацию