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

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

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

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

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

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

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

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

Конкуренты

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

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

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

Чат команды:

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

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

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

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

Берём выше

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чат команды:

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

Не, не то…

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

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

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

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

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

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

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

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

В этом кейсе мы осветили лишь часть работы над проектом. Но нашей целью
и не было показать всё. Главное - мы показали сам процесс работы, как внутри
команды, так и взаимодействие с заказчиком.
Игорь Костромин, CEO студии ONE PAGE
Выясним какая у вас задача, как мы можем или не можем
её решить. Выясним главные нюансы уже в первом
телефонном разговоре: какие есть пути, инструменты,
какие больше вам подходят, а какие лучше
не рассматривать.
Оставить заявку

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

Игорь Костромин
CEO студии
© Все права защищены
ООО  «Смарт Бизнес»
ИНН 5646033391, ОГРН 1165658057234
Веб-студия ONE PAGE
info@one-page-site.ru
МОСКВА
info@one-page-site.ru
САНКТ-ПЕТЕРБУРГ
Оставить заявку
ПО РОССИИ