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

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

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

Первый этап - анализ целевой аудитории и конкурентов

Конкуренты
Изучили 30 сайтов конкурентов
в разных сегментах:
Основные конкуренты.
Их позиционирование или УТП
Конкурент 1
Чем больше техники, тем больше
скидка на кухню
Столешница в подарок
Конкурент 2
Воплощаем ваши идеи в жизнь
Конкурент 3
Кухни для жизни. Оформляем пространство, а не продаём кухни
Конкурент 6
При покупке 2 единиц техники,
ещё 2 в подарок
Конкурент 5
Конкурент 4
Кухни по оптимальным ценам
с гарантией 5 лет
Кухни как кухни…
Главное - идея
Чат команды:
Идея проекта -
самый сложный
и продолжительный
по времени этап
Это важно. Идея  придаёт индивидуальность обычной услуге и отличает её,
даже на эмоциональном уровне
На идею потрачено:
48
трудочасов
чашек кофе
36
штук идей идеи
5
часов обсуждений
10
Чат команды:

Дизайн концепция и подбор визуальных образов

Разработка идеи проекта и структуры сайта.

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

Разработка дизайна всего лендинга

Несколько версий дизайна на выбор.

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

Верстка, программирование, настройка админ-панели

Полный макет готов
Сделали 3 адаптивные
версии сайта
ТЗ для верстальщика
Продумали пользовательское взаимодействие
и интерактивные элементы
Последние приготовления
Оптимизировали производительность страницы
и ускорили её загрузку
В этом кейсе мы осветили лишь часть работы над проектом. Но нашей целью
и не было показать всё. Главное - мы показали сам процесс работы, как внутри
команды, так и взаимодействие с заказчиком.
Москва
info@one-page-site.ru
Санкт-Петербург
Мессенджеры:
Бесплатный звонок по России
Через 10 минут вы уже чётко будете представлять
объём работ, сроки и примерный план действий.
Давайте обсудим ваш проект
У нас нет такого: «сейчас уточню», «завтра перезвоню».
Поговорим сразу о деле: какая у вас задача, как мы можем
или не можем её решить. Выясним главные нюансы
уже в первом телефонном разговоре: какие есть пути,
инструменты, какие больше вам подходят и т.д.
Игорь Костромин
Руководитель студии
© Все права защищены
ООО  «Смарт Бизнес»
ИНН 5646033391, ОГРН 1165658057234
Веб-студия ONE PAGE
info@one-page-site.ru