Кейс: Разработка крупного маркетплейса Shopping.ua

Клиент

Наш клиент — украинский маркетплейс. SHOPPING.UA — это онлайн-площадка, где собраны только украинские бренды одежды, обуви и аксессуаров.

Задачи

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

Используемые технологии

Front-end: React.js
Back-end: PHP Framework Laravel

Решения

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

Кейс разработка маркетплейса

Поскольку маркетплейс подразумевает продажу большого количества товаров, была разработана структура сайта, согласно правилам и требованиям UX. Основной каталог был сегментирован на 3 основных сегмента: Женщинам, Мужчинам и Детям, что позволяет быстро и легко находить нужный товар. Также для каждого сегмента была разработана стандартная структура каталога по типам одежды, обуви и аксессуаров. Благодаря такой разбивке сайт не кажется «сложным» и даже самый неопытный пользователь не запутается при выборе товара.

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

Кейс разработка маркетплейса

Главная страница – лицо сайта. К ее дизайну и оформлению мы подошли особо ответственно. В самом верху хедера разместили конкурентные преимущества покупки на данном маркетплейсе. Хедер трехуровневый, визуально разделен цветовыми сочетаниями черного, белого и пастельно красного.

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

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

Основная навигация по информационным разделам сайта расположена в футере.

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

Кейс разработка маркетплейса

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

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

Кейс разработка маркетплейса

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

Кейс разработка маркетплейса

Бэкенд сайта реализован на PHP-фреймворке Laravel. Это позволило создать сайт с нуля и реализовать все идеи заказчика на должном уровне.

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