про клиента и задачу

Shmel PRO — ставропольская компания, которая занимается потолочными работами и владеет собственным складом и магазином. У неё уже был сайт, но заказы поступали в основном от частных клиентов, тогда как хотелось привлекать студии, дизайнеров интерьеров и корпоративных заказчиков.

С этой задачей компания пришла к нам — нужен был новый, «нормальный», но современный сайт: с каталогом, понятной структурой и простой формой заявки, который поможет выйти на более дорогую и профессиональную аудиторию.

провели анализ конкурентов и построили site map

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

определили направление работы над сайтом и собрали его структуру

/собрали референсы и определили с клиентом направление работы/

На основе пожеланий клиента собрали референсы и предложили несколько путей реализации задачи:

1. Сделать безопасно и скучно — как у конкурентов. Функциональнее и чище, но незапоминающееся.
2. Удобно, функционально, но более свежо, с попыткой в журнальную верстку — что больше будет попадать в ту аудиторию, которую хочет привлечь клиент.
3. Чуть больше вау-дизайна и журнальности.

Клиент сначала выбрал первый вариант — из-за чистоты и простой сетки. Второй же вариант не понравился из-за строительных референсов. Мы помогли клиенту посмотреть на эти референсы под другим углом — с точки зрения дизайна, и в итоге выбрали его.

/визуализировали задумку с помощью фрэнки/

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

задизайнили сайт и помогли клиенту с созданием контента

/презентовывали один вариант концепта и сразу его согласовали/

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

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

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

/облегчили восприятие: рассказали о клиенте ещё и на прелоудере/

Клиенту понравилась концепция, но он переживал, что за красивыми формулировками будет неясно, чем занимается компания. Чтобы избежать недопонимания, мы добавили на прелоудер чёткую надпись: «натяжные потолки в Ставрополе под ключ».

А ещё по просьбе клиента растянули видео на главной на весь экран — пришлось немного переработать первый экран, но результат того стоил.

заверстали сайт

Фронтенд собрали на Next.js с TypeScript — всё быстро, стабильно и по красоте. Одним из вызовов стал плавный переход от прелоудера к главной — справились с помощью Framer Motion. А ещё — все раскрывающиеся списки на сайте работают на одном кастомном компоненте, который мы написали с нуля.

результаты и выводы

• Подготовили сайт, соответствующий пожеланиям клиента — точно для той ЦА, на которую хочется выйти, при этом с учетом всех пожеланий и, как следствие, — минимумом правок.
• Клиент смог улучшить качество контента и в частности фотографий своих работ — теперь у него есть такие презентационные материалы, которые не просто нестыдно показать, но и легко повысить на них ценник.
• Клиент смог наконец разобраться в тонкостях диджитала и дизайна — теперь он лучше понимает работу и функцию сайта, что от него ожидается и чего самому ждать на каждой итерации работы над сайтом.