Игорь
Проект-менеджер
Андрей
Дизайнер
Слава
Верстальщик
Лена
Копирайтер
Катя
Старший дизайнер
Кухни на заказ
Срок разработки: 19 дней
Инструменты:

Разработка лендинга
для KOMANDOR

КЕЙС
Специалисты

Кейс - как мы разрабатывали сайт для мебели на заказ.

Лёгкое начало

Начали работу, углубились в тему и подготовили более
предметные вопросы
заказчику

Целевая аудитория

Просмотрели более 100 отзывов
о разных компаниях
на сайтах-отзовиках.
Выявили основные проблемы,
с которыми сталкиваются
люди при заказе кухни.

«…Вам потом придётся 100 раз возвращаться в магазин, чтобы сдать лишнее и докупить недостающее…» - примерно с такими проблемами сталкиваются
многие при заказе кухни
Потребители:
Примерно понимаем, что на сайте нужно красиво показать кухни
и убедить потенциального клиента,
что проблем у него не будет
Не хотят:
Решать проблемы
Отвечать на глупые вопросы
и вникать в детали
Кухню в качественном
исполнении
Кухню «с картинки». Они
влюбляются в неё, либо сами
уже знают, что примерно хотят
Хотят:
Платить за качество
Готовы:

После просмотра
отзывов и изучения
ЦА делаем выводы

Конкуренты

Изучили 30 сайтов конкурентов
в разных сегментах:

Конкурент 1
Чем больше техники, тем больше
скидка на кухню
Столешница в подарок
Конкурент 2
Воплощаем ваши идеи в жизнь
Конкурент 3
Кухни для жизни. Оформляем пространство, а не продаём кухни
Конкурент 6
При покупке 2 единиц техники,
ещё 2 в подарок
Конкурент 5
Конкурент 4
Кухни по оптимальным ценам
с гарантией 5 лет

Основные конкуренты.
Их позиционирование или УТП

Чат команды:

Кухни как кухни…
Главное - идея

Это важно. Идея  придаёт индивидуальность обычной услуге
и отличает её,
даже на эмоциональном уровне
На идею потрачено:
48
трудочасов
чашек кофе
36
штук идей идеи
5
часов обсуждений
10

Идея проекта -
самый сложный
и продолжительный
по времени этап

Чат команды:
Сайт должен воздействовать на подсознание и вызывать определённые эмоции,
а не прямо рассказывать об услуге
и преимуществах. Дизайн, эмоции, впечатления - вот, что главное. Скидки и акции - в последнем блоке.
«...Это дорогие, стильные кухни
и супер качественные, которые
стоят своих денег. Столешница
в подарок мне не помешает,
но это не так важно для меня...»
- так рассуждают покупатели.

Берём выше

Приняли решение сделать ставку на качество и его визуальную демонстрацию

Текстовый прототип

Билет в дизайн

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

Мы решили отказаться
от «атрибутов» эконома и по визуалу приблизиться
к сайтам кухонь премиального сегмента

Смотрим конкурентов
на предмет «элитарности»

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

Влюбляем в кухню

Подобрали референсы
в поддержку идеи
с крупными фотографиями
и минимумом текста

Воодушевившись таким обилием визуальной информации, нам захотелось сделать максимально удобный и понятный дизайн сайта, основной задачей которого будет
влюбить посетителя сайта в кухню
с помощью правильной подачи информации и фотографий.
Вариант 1
Cетка из трёх колонок
с небольшими отступами по бокам
Крупная типографика
Акцент на фото
Закругленные углы
Кнопки с заливкой
Вариант 2
Стандартная 12-ти колоночная сетка с контейнером 1100px
Элементы на подложках
Акцент на фото
Кнопки с обводкой

Сделали 2 версии дизайна первых трёх блоков

Чат команды:
Чат команды:

Каталог - важный блог

Изначально каталог реализовали в виде слайдера

Дизайн поп-апа

Подробное описание кухни,
при нажатии на карточку,
решили сделать в поп-апе

Чат команды:

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

Не, не то…

То, что надо.
Финальная версия 
поп-апа

Фото
При нажатии на карточку кухни посетитель
сразу видит фото во весь экран. Ему не нужно
дополнительно нажимать на неё, чтобы увеличить.
Характеристики
Цена, технические характеристики,
описание и материалы кухни - важны
посетителю, если ему понравились фото,
и он увидит эту информацию при скролле.
Поэтому весь текст “спрятали” внизу,
под слайдером с фотогалереей.
Кнопки
Наименее важные элементы в самом конце: кнопки «Записаться в салон»,
«Удалённый расчёт»

Полный макет готов

Сделали адаптивные
версии сайта

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

ТЗ для верстальщика

Последние приготовления

Оптимизировали производительность страницы
и ускорили её загрузку

МОСКВА
info@one-page-site.ru
САНКТ-ПЕТЕРБУРГ
Оставить заявку
ПО РОССИИ
В этом кейсе мы осветили лишь
часть работы над проектом.
Но нашей целью и не было показать
всё. Главное - мы показали сам
процесс работы, как внутри команды,
так и взаимодействие с заказчиком.
Игорь Костромин, CEO студии ONE PAGE
Игорь Костромин
CEO студии
Оставить заявку

Давайте обсудим
ваш проект

Выясним какая у вас задача, как мы можем
или не можем её решить. Выясним главные
нюансы уже в первом телефонном разговоре:
какие есть пути, инструменты, какие больше
вам подходят, а какие лучше не рассматривать.
© Все права защищены
ИНН 5646033391, ОГРН 1165658057234
ООО  «Смарт Бизнес»