Интернет-магазин

мужской и unisex одежды

для бренда

«LURE»

Интернет-магазин

Сайт под ключ

Tilda

Посмотрите проект

Ко мне обратился новый бренд одежды «LURE». Задача — сделать интуитивно понятный сайт, где пользователь легко сможет найти нужную вещь и сделать заказ. Также важно автоматизировать процесс оплаты и товарного учета.

Задача

Клиент

«LURE»

Проект

Интернет-магазин

Год

2026

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

Анализ ЦА и конкурентов

Глубинное интервью (видеосозвон)

Написание текстов и создание прототипа

Видеосозвон с просмотром референсов для нащупывания стилистики проекта

Создание дизайн-концепции проекта (первые 2-4 блока)

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

Создание дизайн-макета внутренних страниц

Создание дизайн-макета адаптивных версий

Верстка на Тильде с подключением интеграций (PayKeeper, СДЭК, Мой Склад и другие)

Вводные

Компания новая, и в начале разработки почти неоткуда было взять информацию для формирования проекта.

Начало работ

Для отслеживания расписания по проекту создала подробную Диаграмму Ганта с датами начала и завершения этапов, чтобы клиент всегда знал, какие работы ведутся в каждый момент времени.

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

Создала персональную страницу под проект в «Yonote», где систематизировала все материалы: ссылки на видео-презентации и макеты, а также на договор, акты и чеки, чтобы клиент в любой момент смог обратиться к ним.

/01

Аналитика

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

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

/02

Тексты & Прототип

Прописала тексты и выстроила понятную и логичную структуру сайта:

главная страница с перелинковками на ключевые коллекции «Reality I» и «Reality II»;

отдельные страницы данных направлений с категориями изделий (костюмы, футболки, штаны и т. д.);

каталог с фильтрацией;

контакты;

информация для покупателей (оплата, доставка, возврат);

lookbook;

технические страницы (оферта, политика конфиденциальности и другие).

/03

Референсы

Провела созвон с просмотром референсов, на котором клиент озвучил следующие пожелания:

важно передать эстетику и стиль;

нравится минимализм и темные оттенки;

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

/04

Дизайн

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

Однако заказчик попросил сделать дизайн более простым и строгим, а также сократить главную. Вот что получилось у нас в итоге:

/04

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

Дизайн

Использовала чередование черно-графитового и белого фона, что выглядит контрастно и отражает некую «резкость» настроения.

Взяла «роботизированный» и геометричный шрифт «JetBrains Mono», который органично вписался в концепцию.

/05

Добавила 20 товаров, корзину и избранное из стандартного функционала Тильды, но с использованием собственной кастомизации кодом для аккуратности отображения контента.

Верстка

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

/05

Верстка

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

на главной странице есть ссылки на 2 ключевые коллекции изделий;

фиксированная шапка, в которой представлен полный каталог продуктов с делением как по категориям, так и по коллекциям;

на отдельных страницах 2 коллекций есть деление по видам товаров (костюмы, штаны, футболки и т. д.);

в самом каталоге выполнена фильтрация по параметрам: коллекция, категория, цена, размер.

/05

Верстка

В целях автоматизации бизнес-процессов заказчика, выполнила следующие настройки:

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

Сделала личный кабинет для покупателей. Там отображается история покупок, их статусы (в обработке, в доставке и пр.), сохраненные адреса доставки, личные данные профиля.

Настроила доменную почту и автоматическую отправку сообщений о заказе и доступах к ЛК для тех, кто оплатил покупку.

Добавила интеграцию со «СДЭК» для автоматического расчета стоимости доставки.

Добавила интеграцию с сервисом «Мой Склад» для автоматического учета остатков товара.

Подключила Tilda CRM и Bitrix CRM для удобства работы с базой клиентов.

/06

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

Завершение и отзыв

Заказчик остался доволен и написал отзыв

lure-store.com

Ссылка на проект

Сайт находится сейчас под полным управлением заказчика и может отличаться от изначального макета и функционала*

Результат

Автоматизирует бизнес-процессы

Полностью готов для приема трафика

Передает характер бренда и подчеркивает его имидж

Понятно систематизирует товары и их категории

По итогу клиент получил сайт, который: