SIREL Beauty. Пересборка магазина на Tilda и модуль доставки Ozon

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

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

Структура и визуальная подача

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

Карточки и мобильная версия

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

Доставка через Ozon

Разработал выбор пункта выдачи и серверную обработку заказов через API. Связал данные заказа с доставкой, предусмотрел защиту от дублей и повторные попытки передачи. Серверная часть вынесена в Яндекс Cloud. Работа над этим модулем включала настройку запросов, обработку ошибок и техническую проверку интеграции.

Иллюстрации

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

Карточки четырех средств в версии для ПК.

Составы и текстуры в сохраненной адаптивной версии сайта.

Первый экран на телефоне, сохраненная публикация для согласования.

Сценарий выбора товара в демонстрационной корзине, без оформления и оплаты заказа.

Пересобран интерфейс магазина на Tilda: каталог четырех средств, комплекты, раскрывающиеся описания, адаптивная версия и корзина. Подготовлен собственный модуль доставки с выбором ПВЗ Ozon и серверной обработкой заказов.

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