Меню
Интернет-магазин
одежды
для бренда

ПРОЕКТ

Kudadi — российский бренд одежды из натуральных тканей, продающий товары онлайн.

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

ЗАДАЧА

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

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

ИССЛЕДОВАНИЕ

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

ДИЗАЙН И СБОРКА НА ТИЛЬДЕ

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

ТЕХНИЧЕСКИЕ НАСТРОЙКИ

Сделала базовую оптимизацию для SEO (прописала title, description, заголовки h1, h2, получила SSL сертификат и др.). Подключила эквайринга Тинькофф банка для онлайн-оплаты, интегрировала почтовый сервис СДЭК, настроила корзину и возможность добавлять промокоды. Подключила системы аналитики.

ОБУЧЕНИЕ КЛИЕНТА

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

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

Главная страница

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

Количество товаров в этом блоке клиент может легко менять сам — можно добавить еще несколько товаров, а можно оставить только 2 или 3, в зависимости от того, что актуально в данный момент.
Видео, передающее атмосферу и стиль бренда.
Периодически в магазине проходит предзаказ на новые модели со скидками. Клиент может добавлять или скрывать этот блок в зависимости от текущей ситуации, а также самостоятельно менять количество моделей и дату окончания на таймере.
Для блока распродажи сделан новый формат карточек, который не используется на сайте до этого. Это позволяет привлечь внимание покупателя и не дать ему заскучать среди одинаковых карточек.
Отзывы оформлены в едином стиле — текст легко читается, при этом рядом есть скриншот этого отзыва из инстаграмма, чтобы подтвердить, что это сообщения реальных покупателей.

Каталог

В каталоге сделана удобная система навигации — можно смотреть как все товары в магазине, так и отдельные категории. Между категориями легко переключаться, при этом каждая категория — это отдельная страница. Это позволяет давать ссылки на конкретные категории, например, при рекламе в таргете или у блоггеров.

Также предусмотрен поиск по товарам и несколько фильтров.

Карточка товара

В карточках товаров предусмотрен интуитивно понятный выбор цвета и размера.

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

Подробное описание модели и наличие мерок облегчают выбор покупателю.

Адаптив

Учитывая, что основной трафик на сайт будет идти из инстаграма, мобильной версии было уделено особое внимание. Она получилась удобной и функциональной, не уступая в визуале десктопной версии.

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

Хотите также?

Оставьте заявку и расскажите о своем проекте — я с радостью разработаю для вас классный сайт!
Made on
Tilda