COINSBRAND - Fashion eCommerce из Ростова-на-Дону

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

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

 Если кратко – взрослый e-commerce для серьезного бренда женских аксессуаров.

Разработка интернет магазина

Когда пришла заявка на разработку интернет-магазина для бренда женских сумок, наши дизайнеры (да чего уж греха таить, и разработчики) были в восторге – наконец-то фЭшн дошел пришел к нам

-----------------

СОЗВОНЫ

-----------------

Вы заметили, что теперь вместо встреч все чаще проводятся созвоны, даже если вы находитесь в одном городе?

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

Мы провели еще несколько установочных созвонов, чтобы дизайнеры и разработчики могли познакомиться с командой заказчика.

-----------------

РЕФЕРЕНСЫ

-----------------

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

Так у нас получилось 3 подборки, условно мы их назвали так:

- с фоновыми изображениями;

- old trends;

- с каталогом.

-----------------

РЕФЕРЕНСЫ :: Фоновые изображения

продукт – король, покажем его на весь экран

-----------------

-----------------

РЕФЕРЕНСЫ :: old trends

сайты делались давно, и с тех пор ничего не поменялось

-----------------

-----------------

РЕФЕРЕНСЫ :: с каталогом

(на первой странице сразу показываем каталог)

-----------------

-----------------

Структура / ux-исследования

-----------------

Хотя заказчик пришел к нам ТЗ и прототипами, часть функционала пришлось все-таки внести в текущие прототипы.

Проводя подбор референсов параллельно мы проводили небольшое ux-исследование:

1. Собрали список конкурентов компании, помимо тех, что указал заказчик на этапе брифинга

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

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

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

5. На основе проведенного анализа сформулировали идеи и рекомендации по улучшению пользовательского опыта в нашем проекте.

После этапа исследований мы откорректировали прототипы и приступили к дизайну концепций.

-----------------

Первые концепции

-----------------

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

Для проекта мы выбрали шрифт Futura PT, т.к. заказчик настаивал на чистом геометричном гротеске.

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

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

-----------------

Полуфинал (или утвержденный дизайн для главной)

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

-----------------

Конструктор кампейнов

-----------------

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

кампейн. все виды блоков на одной странице

-----------------

Интеграции

-----------------

По нашему опыту ни одна интеграция не проходит сразу и без каких либо дополнительных проблем. Это как идеальные отношения, про которые тебе рассказывают психологи из инстаграм – в теории они есть, но на практике это миф.

В этом проекте мы реализовали несколько интеграций:

- 1С;

- Битрикс24;

- СМС-сервис (здесь все прошло штатно и без особых проблем);

- доставка.

-----------------

Оформление заказа и Отложенная корзина

-----------------

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

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

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

-----------------

1С

-----------------

С 1С реализован обмен заказами, остатками, документами на реализацию, а также учет статуса товара если остатки равны 0 (в этом случае ставится отметка предзаказа. Возможности заказать нет, а сам заказ при необходимости можно сделать вручную).

Также, если заказ не оплачен, то он не попадает в 1С. Сначала заказ проходит этапы обработки заказа в Битрикс24 и, только после фактической оплаты заказа, идет передача данных в 1С.

-----------------

Битрикс24

-----------------

В CRM уходят данные не только по сделкам, но и автоматически формируются карточки клиентов и сквозная аналитика по продажам.

Не будем обманывать, что эта работа была выполнена за 2 месяца, без единой правки и без покупки вагона лекарств от головной боли для разработчиков, но при этом проект получился просто