Интернет магазин с историей заказов на Tilda для бренда ROMPICATO

Что было сделано

Аналитика и прототипы

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

Ключевые проблемы, которые снижали конверсию:

• структура не помогала быстро сориентироваться;

• тексты перегружали, а не подводили к покупке;

• важные преимущества «терялись» среди контента;

• карточки товаров не раскрывали преимущества продукции;

• CTA были мало заметны.

Первый экран старой версии

При этом одним из ключевых плюсов оказался сильный фото-контент. Для e-commerce это критично: хороший продукт легко потерять среди конкурентов, если визуал не вызывает доверие. У ROMPICATO с этим всё отлично — и это тот ресурс, который важно правильно «подсветить» в новой структуре.

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

Подборка сайтов конкурентов и референсов

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

• простой и понятной структуре;

• логичном движении пользователя к покупке;

• видимых и уместных CTA;

• удобных категориях и карточках товаров;

• правильной подаче визуального контента.

Прототипы

Мы сразу заложили корректную основу под SEO: разбили каталог на отдельные категории, добавили структурированные описания, продумали перелинковку. Такая архитектура помогает сайту постепенно расти в органике и не зависеть от постоянной рекламы.

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

Тут можно посмотреть видео-презентацию от нашего арт-директора Артёма

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

Этап реализовали за 8 рабочих дней.

Дизайн

Когда структура была согласована, мы перешли к разработке дизайн-концепции — зафиксировали визуальное направление, цветовую палитру, типографику, композицию и общий характер будущего сайта Rompicato.

Мы подготовили две концепции, которые по-разному раскрывают атмосферу бренда и предлагают свои акцентные решения.

Дизайн-концепции

В основе визуальной системы:

• тёплая палитра с шоколадными акцентами и кремовым фоном;

• геометричный заголовочный шрифт + мягкий текстовый;

• лёгкие композиции с большим количеством воздуха;

• крупные фото и аккуратные акценты;

• игра круга и квадрата во второй концепции;

• динамичные детали вроде смещения логотипа при скролле.

Обе концепции легко комбинируются — по итогу мы объединили сильные стороны каждой.

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

Дизайн макеты всех страниц

Этап занял 15 рабочих дней.

Верстка

В первую очередь мы собрали верстку для десктопа, затем адаптировали сайт под мобильные устройства. Добавили интерактив: hover-эффекты, плавные переходы, анимации и микро-интерактивы — включая анимацию логотипа на первом экране в стиле GUCCI (тот самый референс, который особенно понравился заказчику).

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

Этот этап превратил дизайн-макет в полноценный рабочий сайт, готовый к интеграциям и запуску.

Реализовали этап за 9 рабочих дней

Интеграции и фишки

Платежная система

В качестве основной платежной системы мы использовали сервис Юкасса.

Сервисы доставки

Настроили интеграцию с сервисом СДЭК, а так же Яндекс Доставку. Кстати прямая интеграция с Яндекс Доставкой стала доступна буквально в момент релиза проекта, чему заказчик очень обрадовался.

Личный кабинет с историей заказов

Использовали стандартный функционал Тильды, который кстати на момент разработки сайта появился совсем недавно и магазин Rompicato стал нашим первым проектом с этой функцией. Вот тут можно подробнее почитать про возможности личных кабинетов для интернет магазина на Тильда. 

Личный кабинет покупателя

Заказ подробно

Синхронизация цены с магазином на OZON

Тильда не может напрямую по API получать цены с озона, поэтому мы использовали связку API + CommerceML+написали скрипт. Теперь цена синхронизуется автоматически раз в час, а еще можно в любое время запустить синхронизацию нажав на кнопку.

Отзывы с маркетплейсов

С помощью интеграции сервиса Smartwidgets, настроили автоматическую выгрузку отзывов с Wildberries и OZON, теперь не нужно переносить отзывы на сайт вручную.

Пример интегрированных отзывов