Сайт для мебельного салона Azimut
Компания Azimut, основанная в 1993 году, - лидер на мебельном рынке премиум-сегмента в Казахстане уже более 30 лет. На сегодняшний день Azimut включает в себя несколько строительных компаний, две галереи мебели в Алматы и Астане, салоны текстиля, фарфора и предметов интерьера.
перейти на сайт
Задача:
- Редизайн сайта компании Azimut, создание адаптивного дизайна для мобильных устройств
- Создание удобной навигации по сайту
- Разработка новых блоков и страниц
- Подбор шрифта с учетом мультиязычности сайта
Разработка структуры сайта
На начальном этапе работы с проектом разрабатывается структура сайта, в которой схематично прописывается, какие страницы и блоки должны быть на сайте, а также указывается, куда ведут те или иные ссылки.
Разработка дизайн-концепции
- Вид и стилистика сайта
- Цветовая палитра
- Шрифтовые решения
- Стилеобразующие и структурные графические элементы
- Сетка вёрстки, расположение элементов в композиции
- Общее настроение, эмоциональный посыл
Главная страница
Главная работает как конструктор.
На ней можно разместить произвольное количество полноэкранных блоков, каждый из которых ведет на свой раздел сайта.
Собирается главная страница в админке сайта.
Каталог
Каталог представляет собой разводящую страницу, включающую в себя фильтр, сортировку, а также карточки товара.
На сайте Azimut пользователь сам определяет количество выводимой информации: по 16, 24, 32 товаров на странице.
На разводящей странице есть возможность перейти в категории внутри выбранного раздела.
После карточек товаров идет текстовый блок, а ниже расположена форма для обратной связи.
Карточка товара
В карточке товара представлены все необходимые параметры:
Наименование и описание товара, Цвет, Бренд, Модель, Размер, ID товара, Стиль, Материал, Возможные размеры, Статус товара (в наличии/под заказ), Цена.
Помимо кнопки “В корзину”, добавлена функция “Купить в один клик”.
Также на страницу карточки товара добавлены необходимые логические блоки для удобства навигации пользователя.
Бренды
Все бренды собраны на одной странице, внутри каждого бренда разбивка по категориям товара.
При клике на категорию товара внутри бренда происходит переход на разводящую страницу с выбранной категорией.
Также на странице есть возможность отфильтровать бренды по определенной категории товара.
UI kit
Для проекта была выбрана цветовая гамма в стиле денимColor
Button / Hover
Gilroy
Gilroy
Gilroy
Gilroy
Gilroy
Gilroy
Gilroy
Heading large
- *
- *
- *
- *
- *
42
Heading meduim
- *
- *
- *
- *
- *
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 ключевые идеи создателей марки: актуальная информация о наличии товаров, удобная навигация по сайту, подробное описание товара и бренда.
