- Определение предварительного функционала для разработки.
- Разработка детализированного прототипа с нюансами поведения магазина в зависимости от действий пользователя.
- Разработка дизайна и формирование UI kit проекта.
- Параллельная реализация этапов проекта для сокращения времени разработки.
Yeelight — официальный магазин производителя
![Yeelight — Кейс — Makeit Yeelight — Кейс — Makeit](https://api.makeit-da.ru/upload/iblock/5e5/webp_img_90_bg2yiunrii7nfpqns8v2xoqpsdacihz2.webp)
О клиенте
Название:
Yeelight
Отрасль:
E-commerce
![Marvel — Клиент Marvel — Клиент](https://api.makeit-da.ru/upload/iblock/e4c/webp_img_90_f3da1zsaps33sp5ocvgi3l45rccpaqu9.webp)
Интернет-магазин умного освещения c лаконичным дизайном и всем необходимым, чтобы продавать
Задачи
Марвел — официальный дистрибьютор техники компании Yeelight, которому требовался качественный сайт. Учитывая наше предыдущее сотрудничество по нескольким проектам, коллеги обратились к нам. Требовалось:
1
Создать модуль обмена информации с Axapta для получения данных о товарах
2
Разработать модуль для подключения Assist для оплаты и формирования чеков, а также модуль DPD для работы с этой службой доставки, включая формирование штрихкодов, упаковку и забор товаров.
3
Использовать сервис Ahunter для работы с базой адресов для доставки
4
Разработать карточку товара с rich контентом, учитывая возможное подключение голосовых ассистентов и фильтрацию товаров по ним.
5
Создать "шоурум", демонстрирующий использование техники в различных сценариях.
6
Внедрить размещение рекламных баннеров на сайте.
Решение
![Yeelight — Вид сайта на смартфоне Yeelight — Вид сайта на смартфоне](https://api.makeit-da.ru/upload/iblock/01a/webp_img_90_aruqh898b1k570sqh8kcdyt9aiw1wfzq.webp)
Сложности
- Появление "особенностей" в процессе разработки модуля.
- Особенности согласования и получения информации из Китая.
- Большое количество времени, затраченного на тестирование и отладку сайта.
Аналитика и прототипирование
- Проведение анализа конкурентов и персон, учет потребностей.
- Определение основного функционала магазина и нюансов отображения.
- Проработка вариантов отображения rich контента.
- Разработка интерактивного прототипа.
- Написание технического задания.
![Yeelight — Подготовленные прототипы Yeelight — Подготовленные прототипы](https://api.makeit-da.ru/upload/iblock/e67/webp_img_90_swu5hp54m1w5twwbtmgul0927wc0qfbh.webp)
Дизайн
В современном мире ключевую роль в успехе компании играет уникальный брендинг и дизайн, выделяющий её на фоне конкурентов и подчеркивающий её индивидуальность. Разработка фирменного стиля, включая выбор цветов, шрифтов, создание иконок и UI kit, становится фундаментом для создания узнаваемого образа и обеспечения единообразия продуктов компании.
![Определение и установление ключевых элементов бренда, включая паттерны, шрифты и цветовую гамму, для отражения идентичности компании. Определение и установление ключевых элементов бренда, включая паттерны, шрифты и цветовую гамму, для отражения идентичности компании.](https://api.makeit-da.ru/upload/iblock/06d/webp_img_90_j702pu01rs1b8jk95yfyuhlysnf1h6qc.webp)
![Разработка уникального набора иконок, подчеркивающих особенности и ценности бренда, обеспечивающих его узнаваемость. Разработка уникального набора иконок, подчеркивающих особенности и ценности бренда, обеспечивающих его узнаваемость.](https://api.makeit-da.ru/upload/iblock/02d/webp_img_90_rlcpnkmyh6od7k7oum7590s8iip8sea9.webp)
![Разработка UI kit, объединяющего все визуальные компоненты, включая иконки, для обеспечения единообразия и узнаваемости продуктов компании. Разработка UI kit, объединяющего все визуальные компоненты, включая иконки, для обеспечения единообразия и узнаваемости продуктов компании.](https://api.makeit-da.ru/upload/iblock/3fe/webp_img_90_hg8kttdpa8pqgf334d3a7rlgm2h1x62u.webp)
Разработка
Поскольку часть функционала нового сайта уже была реализована ранее в рамках других проектов для заказчика, мы сосредоточились на дизайне ключевых страниц, уникальных для проекта Dreame. Ожидалось неоднократное согласование макетов с вендором и внесение правок для приближения облика сайта к совершенству.
![Реализация проекта на базе 1С-Битрикс Реализация проекта на базе 1С-Битрикс](https://api.makeit-da.ru/upload/iblock/574/webp_img_90_qmlql7q1tt20wq8io3vpnh8sma7811xd.webp)
![Интеграция модулей для оплаты и доставки Интеграция модулей для оплаты и доставки](https://api.makeit-da.ru/upload/iblock/13f/webp_img_90_sfd8lkan4k1f5q89ddj8qy30ynkl9jcr.webp)
![Разработка модуля обмена данными с Axapta Разработка модуля обмена данными с Axapta](https://api.makeit-da.ru/upload/iblock/8ab/webp_img_90_gztlkbd4zw1h1a6d7o8m75kpxv9fc608.webp)
![Создание библиотеки сниппетов для rich контента Создание библиотеки сниппетов для rich контента](https://api.makeit-da.ru/upload/iblock/b3d/webp_img_90_58bj0rb8ijtwip1ta2f4dmty92lj9w0y.webp)
![Внедрение функционала импорта товаров из xls файла Внедрение функционала импорта товаров из xls файла](https://api.makeit-da.ru/upload/iblock/5cd/webp_img_90_ee0z5zg7c7qflrm960ka5xiu7hsdvz5l.webp)
Развитие и сопровождение проекта
Проект успешно опубликован и переведён на этап развития и сопровождения. С ходом времени мы внесли множество технических и визуальных изменений, помогая клиенту готовиться к наплывам продаж и оперативно решать поставленные задачи в рамках SLA.