Обложка кейса SMART SECRET

SMART SECRET

Редизайн интернет-магазина смарт-замков на конструкторе Tilda

[ 01 ]

Задача клиента

Smart Secret — бренд электронных замков для квартир, домов и коммерческих помещений. Клиент обратился к нам с сайтом на Tilda, который не справлялся с основной задачей — продажей продукта.
Вёрстка работала нестабильно, изображения были низкого качества, а у страниц не было понятной структуры. Сайт показывал ассортимент, но практически не объяснял преимущества замков и не помогал посетителю выбрать подходящую модель.

[ 02 ]

Структура сайта

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

Блок-схема структуры сайта
Блок-схема структуры сайта

[ 03 ]

Разработка сайта

Для сайта разработали единую визуальную систему: продумали типографику, композицию страниц и подачу продукта. Дизайн полностью собрали в Zero Block с использованием собственного кода, без стандартных шаблонов Tilda.
Чтобы качественно показать замки, организовали предметную фотосессию. Каждую модель сняли с разных ракурсов, а с помощью макросъёмки показали материалы, механизмы и детали.
Главным визуальным акцентом стала созданная с помощью нейросетей анимация, в которой замок разбирается на части и собирается обратно. Она добавила сайту вау-эффект и подчеркнула технологичность продукта.

Главный экран

Главный экран до переработки

Карточка товара

Карточка товара до переработки

Карточка товара (преимущества)

Карточка товара (преимущества) до переработки

Адаптивы

ДО
Адаптив Smart Secret до переработки
ПОСЛЕ
Адаптив Smart Secret после переработки
ДО
Продуктовый адаптив Smart Secret до переработки
ПОСЛЕ
Продуктовый адаптив Smart Secret после переработки

[ 04 ]

реализация и запуск

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

[ 05 ]

результат

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