Бренд мужской одежды FATAKH
Онлайн-магазин с удобным каталогом и личным кабинетом с историей заказов. Для товаров не в наличии сделали возможность оставить предзаказ, а в карточках товаров показали возможные образы с вещами.
Бренд мужской одежды FATAKH
Онлайн-магазин с удобным каталогом и личным кабинетом с историей заказов. Для товаров не в наличии сделали возможность оставить предзаказ, а в карточках товаров показали возможные образы с вещами.
FATAKH — ЭТО ИСКЛЮЧИТЕЛЬНЫЙ СИМВОЛ ИЗЫСКАННОСТИ И ВЛАСТИ В МИРЕ МУЖСКОЙ МОДЫ
Ниша:
География:
Instagram:
Магазин мужской одежды
Москва
@fatakh.men
Бренд создает одежду для современных мужчин, которые понимают, чего хотят, готовы идти вперед и знают цену времени и деньгам. Каждое изделие отличается глубиной цвета и фактур, а в основе коллекций лежат лаконичные линии, несложные силуэты и природные оттенки.
Создали онлайн-магазин с личным кабинетом с историей заказов
Задачи
• Бренд обратился к нам перед запуском первой коллекции. Мы разработали для него фирменный стиль и теперь стояла задача создать сайт.
• У бренда было много идей и пожеланий, которые хотелось реализовать. Одним из основных было добавить личный кабинет для покупателей с полезной информацией и историей заказов.
• Также нужно было добавить в каталог функционал предзаказа для товаров, которых нет в наличии.
• Визуал должен был быть строгим, но стильным, обязательно с использованием цветов и графики из брендбука, чтобы поддержать единую визуальную концепцию бренда.
Этапы работы
Разработка структуры
Прототип
Дизайн-концепты
Дизайн сайта
Верстка
Тех. настройки
Структура и прототип
Перед тем, как перейти к дизайну, мы тщательно продумали структуру и логику всего сайта. Показали основные смысловые составляющие каждой страницы и их связь друг с другом. В онлайн-магазинах этот этап особенно важен. Ведь чтобы помочь пользователю совершить покупку, нужно сделать навигацию максимально удобной и логичной.
Затем отрисовали прототип. Это черно-белый вариант сайта без дизайна, но со смыслами и важными акцентами. Здесь же мы продумали весь важный функционал сайта: что будет в раскрывающемся меню, что будет внутри карточек товара, как пользователь сможет взаимодействовать с каталогом и пр.
Дизайн сайта
У бренда был разработан фирменный стиль и подобраны референсы, которые мы учитывали при разработке дизайна. Поэтому согласование дизайн-концепта прошло очень быстро и в дизайн страниц практически не было внесено правок.
Мы сделали фон сайта белым, разбавив его темно-зеленым и бежевым фирменными цветами. Также добавили скошенные углы у фотографий и линии, чтобы сделать визуал более интересным и целостным.
Каталог и карточки товаров
Все товары мы добавили на сайт через удобный функционал каталога. В дальнейшем можно будет с легкостью добавлять новые изделия и вносить изменения в существующие. При помощи кода добавили уникальный функционал в карточки товаров., чтобы сделать удобнее процесс выбора и покупки.
Если товара нет в наличии, то вместо неактивной кнопки корзины появляется форма для предзаказа. При этом товар определяется автоматически, так что покупателю остается только указать контакты, чтобы ему сообщили, когда товар появится в наличии.
В виде раскрывающегося списка оформили дополнительную информацию: состав, размерная сетка, рекомендации по уходу и образы с конкретным товаром.
Во вкладке с образами подобрали подходящие фотографии и сделали ссылки на изделия из каталога, использованные в подборке.
Lookbook
Одна из главных особенностей бренда — создание коллекций, вещи из которой отлично вписываются в любой гардероб, а также без проблем сочетаются между собой.
Мы наглядно это показали, составив образы с изделиями из новой коллекции. Также прикрепили ссылки на товары из подборки.
Личный кабинет с историей заказов
Мы связали личный кабинет Тильды со сторонней базой данных. Таким образом покупатели могут зарегистрироваться на сайте магазина и попасть на закрытые страницы, доступные только им.
На страницах личного кабинета разместили историю заказов с подробной информациях о купленных товарах и ссылкой на каталог и заявления на возврат.
Сбор заявок через CRM
Корзину и все формы на сайте подключили к CRM. Чтобы было легче работать с заявками, создали разные листы для разных случаев: покупки, предзаказы, подписки на рассылку, заявки на возврат и пр. Все заявки с сайта автоматически попадают в CRM, но при необходимости можно добавить информацию также вручную.
Внутри каждого листа можно настроить этапы обработки заявки и просто мышкой перетягивать карточки, чтобы нагляднее отслеживать весь процесс. Тут же можно посмотреть всю информацию, оставить комментарий или дать доступ менеджеру, который занимается обработкой заявок.
Верстка: Аккуратно перенесли дизайн на Тильду и провели все технические настройки
Сверстали весь сайт точно по отрисованному дизайну. Добавили интересную анимацию, которая притягивает взгляд к странице, но не отнимает внимание от главного. Адаптировали все страницы для разных девайсов. Подключили домен, формы обратной связи и оплату.
Настроили все кнопки, фавикон и бейдж, чтобы сайт хорошо смотрелся, когда им делятся в соцсетях. Провели базовую настройку SEO, чтобы сайт хорошо индексировался поисковиками и его можно было продвигать. Записали видео-инструкцию по работе с каталогом и заявками.
(Сайт расположен по адресу https://fatakh.ru/)
Результат нашей работы
Создали закрытые страницы на сайте, куда имеют доступ только зарегистрированные пользователи. Разместили на них историю заказов, информацию о доставке и заявление на возврат.
Подключили личный кабинет с историей заказов
Для товаров не в наличии добавили возможность оформить предзаказ. При этом вся информация о выбранном товаре автоматически отображается в заявке. При этом работа с каталогом осталась простой и удобной.
Добавили необходимый функционал в карточки товаров
Настроили CRM, в которую автоматически попадают все заявки с сайта. Разбили ее на отдельные листы, а листы на этапы. Так процесс обработки заявок стал простым и наглядным.
Продумали удобный процесс обработки покупок и заявок
Хотите так же?
Заполните короткую форму, мы свяжемся с вами в WhatsApp или Telegram, проконсультируем по услугам и ответим на все ваши вопросы.