Yeelight — официальный магазин производи­теля

Yeelight — Кейс — Makeit

О клиенте

Marvel — Клиент
Интернет-магазин умного освещения c лаконичным дизайном и всем необходимым, чтобы продавать

Задачи

Марвел — официальный дистрибьютор техники компании Yeelight, которому требовался качественный сайт. Учитывая наше предыдущее сотрудничество по нескольким проектам, коллеги обратились к нам. Требовалось:
1
Создать модуль обмена информации с Axapta для получения данных о товарах
2
Разработать модуль для подключения Assist для оплаты и формирования чеков, а также модуль DPD для работы с этой службой доставки, включая формирование штрихкодов, упаковку и забор товаров.
3
Использовать сервис Ahunter для работы с базой адресов для доставки
4
Разработать карточку товара с rich контентом, учитывая возможное подключение голосовых ассистентов и фильтрацию товаров по ним.
5
Создать "шоурум", демонстрирующий использование техники в различных сценариях.
6
Внедрить размещение рекламных баннеров на сайте.

Решение

  1. Определение предварительного функционала для разработки.
  2. Разработка детализированного прототипа с нюансами поведения магазина в зависимости от действий пользователя.
  3. Разработка дизайна и формирование UI kit проекта.
  4. Параллельная реализация этапов проекта для сокращения времени разработки.
Yeelight — Вид сайта на смартфоне
Yeelight — Вид сайта на смартфоне

Сложности

  • Появление "особенностей" в процессе разработки модуля.
  • Особенности согласования и получения информации из Китая.
  • Большое количество времени, затраченного на тестирование и отладку сайта.

Аналитика и прототипирова­ние

  • Проведение анализа конкурентов и персон, учет потребностей.
  • Определение основного функционала магазина и нюансов отображения.
  • Проработка вариантов отображения rich контента.
  • Разработка интерактивного прототипа.
  • Написание технического задания.
Yeelight — Подготовленные прототипы
Yeelight — Подготовленные прототипы

Дизайн

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

Разработка

Поскольку часть функционала нового сайта уже была реализована ранее в рамках других проектов для заказчика, мы сосредоточились на дизайне ключевых страниц, уникальных для проекта Dreame. Ожидалось неоднократное согласование макетов с вендором и внесение правок для приближения облика сайта к совершенству.
Реализация проекта на базе 1С-Битрикс
Реализация проекта на базе 1С-Битрикс
Интеграция модулей для оплаты и доставки
Интеграция модулей для оплаты и доставки
Разработка модуля обмена данными с Axapta
Разработка модуля обмена данными с Axapta
Создание библиотеки сниппетов для rich контента
Создание библиотеки сниппетов для rich контента
Внедрение функционала импорта товаров из xls файла
Внедрение функционала импорта товаров из xls файла

Развитие и сопровождение проекта

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

Другие кейсы

Отметка — Кейс — Makeit
Веб-сервис / личный кабинет
Отметка
RedFab — Кейс — Makeit
Интерфейс 3D принтера
RedFab
Мегаполис — Кейс — Makeit
Интернет-магазин
Мегаполис