Shmel PRO: как мы натянули сайт для мастеров натяжных потолков

Shmel PRO — компания из Ставрополя в сфере сложных интерьерных решений: от высокотехнологичного освещения до систем натяжных потолков. У ребят собственные склад и магазин, что позволяет контролировать качество на всех этапах.

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

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

Заказчику и нам хотелось сделать сайт от людей и для людей — без заскоков на холодный и пафосный премиум и эксклюзивность решений.

С таким настроением мы и начали работу. Весь процесс мы разделили на три этапа:

- Брифинг клиента, анализ конкурентов и подбор референсов;

- Составление смысловой карты, подготовка концепта и разработка дизайна;

- Верстка сайта.

Работа над проектом началась с погружения в мир натяжных потолков. После анализа конкурентов ожидания подтвердились: сайты большинства были заточены под SEO-роботов, без намеков на контакт с человеком. Мы хотели изменить эту парадигму и показать клиенту, как можно коммуницировать с пользователем, сохранив при этом трафик.

Стоит подметить, что команда Shmel PRO ранее никогда не работала с агентствами, поэтому нам было важно сделать процесс максимально прозрачным. Поэтому еще на этапе знакомства наш дизайнер Дамир провел пару вечеров с заказчиками. Он честно рассказал им, что влияет на визуальный стиль и как повысить доверие крупных клиентов.

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

- Безопасно и скучно, как у конкурентов;

- Удобно, эргономично, но более свежо, с попыткой в журнальную верстку (что больше попадает в ту аудиторию, которую хочет привлечь клиент);

- Много вау-дизайна и полный уход в журнальную верстку.

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

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

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

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

Затем мы перешли к подготовке контента. У заказчика не было штатного фотографа, а старые кадры с производства не подходили под новый стиль. 

Чтобы исправить это, наша команда составила подробное ТЗ с референсами. Заказчик прислушался к советам и оперативно организовал профессиональную съёмку своих объектов.

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

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

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

И здесь арт-директор проекта Ксения предложила лаконичный вариант решения проблемы — вынести позиционирование на прелоудер. В любом случае, он был нужен, чтобы дать время сайту прогрузиться. Теперь там красуется емкая фраза «Натяжные потолки под ключ в Ставрополе».

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

Отдельное внимание уделили скорости загрузки. Для фронтенда использовали связку Next.js +TypeScript.

Одной из задач стал бесшовный переход от стартовой анимации к главной странице — здесь выручила библиотека Framer Motion. Не обошлось и без забавных моментов: в процессе разработки мы случайно создали «метапрелоудер». Это когда экран ожидания загружает... другой экран ожидания. Пришлось еще немного поработать над кодом, чтобы не превратить сайт в бесконечную цифровую матрёшку.

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

Сделали простой сайт для людей, который зашел всем и поднял конверсию  с 1.8% до 4.2%. Средний чек при этом увеличился на 22%.

Мы рады, что нам удалось поработать с ребятами и сделать сайт, который точно отражает позиционирование компании «Shmel PRO».