Rooms & Kitchen

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

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

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

Логотип

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

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

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

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

Общий стиль

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

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

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

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

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

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

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

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

Навигация

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

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

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

Каталог

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

Категория

Подкатегория

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

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

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

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

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

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

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

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

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

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

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

Корзина

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

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