Клиент — производитель и ритейлер головных уборов — обратился с простой и понятной целью: сделать полноценный интернет-магазин «под ключ», который бы одинаково удобно работал и для розничного покупателя, и для оптовиков. В задачу входило: показать ассортимент по категориям, подробно и наглядно оформить карточки товаров (с составом и таблицей размеров), организовать простой путь «в корзину → оформление заказа», подключить оплату онлайн и опцию оплаты по счёту для юр. лиц, а также обеспечить быстрый контакт через мессенджеры и телефон. Это видно из структуры сайта — каталоги и карточки товаров с кнопкой «В корзину», страницы для оптовых клиентов и раздел «Оплата и доставка».
Я взял проект «с нуля» и реализовал весь цикл: от визуальной концепции до настройки корзины, форм и интеграций.
1. Дизайн и UX. Начал с аналитики ассортимента и целевой аудитории, затем сделал адаптивный визуал — чистая шапка, понятная рубрификация, карточка товара с крупной фотографией, кратким описанием и выдачей ключевой информации (размер, состав, уход). В карточках добавил навигацию по фото (лево/право) и блок с таблицей размеров, чтобы снизить вероятность возвратов и вопросов от клиентов. Структура и элементы каталога реализованы в мобиль-first — меню «бургер», отдельные категории женское/мужское/под заказ.
2. Верстка и платформа. Сайт сделал на платформе Tilda — все медиа и изображения отдаются через CDN Tilda, что даёт стабильную доставку и быструю загрузку материалов. Это позволило быстро сверстать адаптивные блоки каталога и карточек, использовать встроенные возможности корзины и форм, а также сохранить удобство редактирования контента для клиента.
3. Корзина и оформление заказа. Проработал карточку товара с возможностью добавить в корзину и оформить заказ — в оформлении заказа добавлены стандартные поля (контакты, адрес/способ доставки, комментарий), уведомления для менеджера и текст согласия на обработку персональных данных (отображается при оплате). Логика корзины и шаг оформления настроена так, чтобы менеджеры могли либо отправить ссылку на оплату, либо выставить счёт для юридических лиц.
4. Подключение оплаты и каналов связи. Подключил онлайн-оплату через отправку платёжной ссылки и реализовал возможность безналичной оплаты по счёту для ИП/юрлиц; в карточках и на странице доставки видна информация о вариантах оплаты и самовывозе. Настроены быстрые ссылки на Telegram/WhatsApp и кликабельный номер телефона для мгновенного контакта.
5. Контент и админ-удобство. Прогнал базовую оптимизацию мета-тегов, настроил удобный импорт/экспорт товаров (чтобы клиент мог быстро обновлять ассортимент) и обучил менеджеров по работе с заказами и оплатами через панель Tilda.
В итоге клиент получил полностью работоспособный интернет-магазин: четкая навигация по категориям, информативные карточки товаров с фото и таблицей размеров, удобная корзина и отлаженная логика оформления заказов (розница и опт), а также встроенные каналы связи и способы оплаты — всё это размещено на платформе с CDN-доставкой медиа. Переход «посмотреть — добавить в корзину — оплатить/получить счёт» стал очевидным и минимально нагрузочным для покупателя и менеджера.
Практическое применение:
— Менеджеры теперь быстро обрабатывают заказы: при розничной покупке отправляют платёжную ссылку, при оптовых — выставляют счёт и ведут переговоры через мессенджеры.
— Таблица размеров и подробные описания снижают количество возвратов и вопросов по подбору.
— Клиент получил управляемый инструмент — может добавлять коллекции, акции и новости без разработки, а также масштабировать витрину под сезонные коллекции.