Rooms & Kitchen

Проект — Rooms & Kitchen

Заказчик

Rooms & Kitchen

Агентство

Медиа Цель

Ссылка на проект

http://rooms-kitchen.ru

Роль в проекте

Веб-дизайн

Описание

Интернет-магазин элитной мебели «Rooms & Kitchen». Целью проекта было разработать дизайн сайта, который визуально подчеркнёт эксклюзивность товаров и бренда.

Исходные данные

Ко мне обратилась веб-студия «Медиа Цель» с задачей по редизайну сайта «Rooms & Kitchen». Попросили сделать с намёком на эксклюзив, строгость и ультра-дорогую мебель. По готовому дизайну студия дальше будет верстать сайт и дорабатывать функционал.

После проведённого небольшого исследования были установлены сроки в 5 рабочих дней: 2 дня на проработку общего стиля, компоновку блоков и отрисовку главной страницы, плюс 3 дня на внутренние страницы.

Логотип

Редизайн сайта я начал с переработки логотипа. Проблемой старой версии было смешение разных стилей в виде объемного и реалистичного знака ключа и плоского логотипа.

В обновлённой версии знак и логотип были приведены к общему стилю. Теперь они смотрятся цело и органично, не теряя изначальной идеи и привычного очертания.

Так же проведена работа над расстоянием между символами и элементами, проработан общий баланс и вес линий. Логотип стал контрастнее и увереннее.

Rooms & Kitchen
Rooms & Kitchen

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

Общий стиль

Для того чтобы подчеркнуть эксклюзивность, была подобрана цветовая схема, которая перекликается с текущими брендовыми элементами. Тёмный фон выгодно выделяет компанию среди конкурентов, а брендовый красный акцентированно используется только для привлечения внимания, либо для интерактивных элементов.

Минимализм и грамотно подобранные расстояния позволяют сайту «дышать». Пользоваться им становится комфортнее. Отсутствие лишнего оформления так же помогает достичь данного эффекта. Каждый элемент на странице был добавлен с определённой целью, а всё лишнее отсекалось.

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

Rooms & Kitchen - главная страница

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

В блоке «Хиты продаж» предлагаем пользователю еще несколько позиций, вызывая интерес у покупателя.

Ярким блоком со скидками усиливаем желание купить.

Далее, повышаем доверие покупателя с помощью блока приемуществ.

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

Навигация

При редизайне была переработана структура сайта. В шапке теперь ёмко располагается вся необходимая информация.

Rooms & Kitchen - шапка

При скролле шапка остаётся фиксированной для быстрой навигации по магазину. Высота шапки, при этом, становится чуть меньше, чтобы не затруднять просмотр основного контента.

Rooms & Kitchen - шапка при скролле

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

Rooms & Kitchen - шапка с категорией

Каталог

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

Rooms & Kitchen - каталог

Категория Rooms & Kitchen - категория

Подкатегория Rooms & Kitchen - подкатегория

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

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

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

Rooms & Kitchen
Rooms & Kitchen
Rooms & Kitchen

Так же заказчику были переданы рекомендации по подготовке фото товаров. Без них можно и обойтись, а с ними пусть будет :wink:

Страница товара

Страница выполнена с учётом стандартной стратегии сбыта. Яркое изображение товара привлекает внимание. Подробное описание, а так же разного рода плашки вызывают интерес. Цена, преимущества, отзывы пробуждают желание обладать этим товаром. И, наконец, яркая кнопка побуждает к действию.

Rooms & Kitchen - страница товара

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

Rooms & Kitchen - галерея

Внутренние страницы

Список партнёров

Rooms & Kitchen - партнёры

Страница партнёра

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

Rooms & Kitchen - страница партнёра

Корзина

Rooms & Kitchen - корзина

Отзыв клиента

Слух, круто
Блин, ты реально быстрый какой-то)))
Паш, так нельзя)))
преза вообще какой-то космос
блин, агонь
всё
включаюсь в работу
приянли диз)))
всё круто
спасибо!!!