Запрос клиента
Клиент пришёл с идеей протестировать гипотезу через имиджевый сайт: изначально планировался простой многостраничник с каталогом для презентации бренда офлайн-площадкам. В процессе брифинга задача трансформировалась — стало понятно, что бренду нужен полноценный интернет-магазин с удобной навигацией и возможностью покупки онлайн.
Задачи
превратить первоначальную идею имиджевого сайта в полноценный e-commerce проект
разработать понятную структуру каталога и удобную навигацию
интегрировать зарубежную онлайн-оплату и необходимый функционал интернет-магазина
сохранить визуальный характер бренда, совместив имиджевую подачу с коммерческой функцией сайта
Навигация как часть концепции
Мы отказались от стандартного деления каталога на привычные категории вроде «верх», «низ» или «костюмы». Вместо этого сформировали подборки, которые продолжают язык самого бренда: Structured Lines, Soft Movement, Core Pieces, а новинки вынесли в отдельное направление New.
Так фильтрация становится не просто функциональным инструментом, а частью визуального и смыслового опыта: пользователь выбирает вещи не только по типу, но и по характеру образа. А уже внутри каждой подборки каталог раскрывается через нестандартную механику карточек и горизонтальный скролл.
Так фильтрация становится не просто функциональным инструментом, а частью визуального и смыслового опыта: пользователь выбирает вещи не только по типу, но и по характеру образа. А уже внутри каждой подборки каталог раскрывается через нестандартную механику карточек и горизонтальный скролл.
Кастомный каталог
Каталог собрали не по стандартной карточной сетке, а как часть визуальной системы сайта. Для моделей, представленных в нескольких цветах, сделали горизонтальный скролл: одна позиция раскрывается в ряд через все доступные варианты, не перегружая страницу.
Там, где вариантов всего два, вместо привычной сетки работаем с композицией: чередуем левое и правое выравнивание, оставляем больше воздуха и меняем ритм блоков. Так каталог остаётся функциональным, но визуально воспринимается скорее как editorial-лента, чем классическая витрина интернет-магазина.
Там, где вариантов всего два, вместо привычной сетки работаем с композицией: чередуем левое и правое выравнивание, оставляем больше воздуха и меняем ритм блоков. Так каталог остаётся функциональным, но визуально воспринимается скорее как editorial-лента, чем классическая витрина интернет-магазина.
Кастомная карточка товара
Карточку товара продолжили в логике самого каталога — без привычной статичной структуры. На десктопе фотографии собраны в горизонтальную галерею: пользователь сразу видит продукт с разных ракурсов и может последовательно скроллить изображения. Мобильную версию адаптировали под привычный свайп, сохранив быстрый доступ к размеру, цвету и покупке.
Под галереей разместили подробную информацию о товаре в табах — описание, детали, доставку и возврат, размерную сетку. Пользователь сам выбирает, какая информация ему нужна, не перегружая основной экран.
Здесь же можно перейти к другим цветам этой модели, а для вещей в единственном оттенке — подобрать комплект из той же линии, например дополнить рубашку из органзы юбкой из органзы.
Под галереей разместили подробную информацию о товаре в табах — описание, детали, доставку и возврат, размерную сетку. Пользователь сам выбирает, какая информация ему нужна, не перегружая основной экран.
Здесь же можно перейти к другим цветам этой модели, а для вещей в единственном оттенке — подобрать комплект из той же линии, например дополнить рубашку из органзы юбкой из органзы.
Страница "О бренде"
Так статьи одновременно работают на поисковый трафик, знакомят с продуктом и постепенно усиливают доверие к бренду. При этом даже блог не собирали по стандартному шаблону: для материалов разработали собственную подачу и верстку, продолжив общую визуальную систему сайта.
Наш копирайтер сформировал темы, которые действительно могут быть интересны аудитории бренда, что позволило превратить блог в дополнительный канал органического продвижения. Для каждой статьи собирали семантику, прорабатывали SEO-структуру и нативно интегрировали товары бренда в более широкие темы – не как прямую рекламу, а как естественную часть контента.
SEO статьи
Результат
Проект вошёл в зарубежную подборку Made on Tilda. Весь сайт полностью собран на no-code, при этом по уровню решений он далеко выходит за рамки стандартного конструктора: кастомная логика каталога и карточек товаров, нестандартные механики, адаптив и собственный визуальный ритм.
Проект, которым мы действительно гордимся, и который показывает, насколько гибкой может быть разработка без кода при правильном подходе.
Проект, которым мы действительно гордимся, и который показывает, насколько гибкой может быть разработка без кода при правильном подходе.
Над проектом работали
Дизайнер
Ксения Шарова
Менеджер проекта
Варвара Березикова
Копирайтер
Дарья Соломатина
Технический специалист
Екатерина Артамонова
Галерея проектов
СКОРО: Комплексный ребрендинг для бурлеск-объединения Сахарная Фабрика
Переосмысляем бренд целиком: разрабатываем новую айдентику, сайт и систему носителей, объединяя разные проекты «Сахарной фабрики» в одну цельную визуальную систему.
Разработали кастомный интернет-магазин для бренда настольных игр ЖИВУ
Разделили смысловые блоки взрослого и детского направления, подобрали подходящую графику для каждого и сохранили баланс
Разработали сайт маркетингового агентства Шеберг в рамках ребрендинга
Перенесли новую айдентику в digital, сохранив характер бренда через нестандартную типографику, композицию и анимацию.
Номер телефона
Telegram
E-mail
Бросайте в кольцо, а мы возьмём подбор и доведем ваш проект до результата