Официальный интернет-магазин Dreame в России

Dreame — Кейс — Makeit

О клиенте

Marvel — Клиент
Кейс о разработке сайта Dreame с уникальным дизайном и использованием готовых модулей. Итогом стал высокопроизводительный портал на 1С-Битрикс, выделяющийся специальными страницами и продуманным обликом, основанном на фирменном стиле заказчика.

Задача

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

Решение

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

Нашей целью также была высокая производительность сайта: для интернет-магазина важно выдерживать нагрузку в пиковые моменты.
Dreame — Новый каталог
Dreame — Новый каталог
Дополнительно были разработаны посадочные страницы для черной пятницы, выхода новых линеек продукции и праздников 8 марта и 23 февраля.

Заранее предполагалось, что впоследствии мы будем заниматься сопровождением и развитием проекта.
Dreame — Специальные версии страниц
Dreame — Специальные версии страниц

План

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

В разработке нашёл применение ранее написанный код front-end и back-end части, однако большая часть кода вышла уникальной. В процессе разработки велось постоянное тестирование на предмет соответствия получающегося портала макетам, а по завершении разработки мы провели тестовую покупку, проверили печать чеков, доставку и возврат товара.

Сложности

Параллельно с этим интернет-магазином мы разрабатывали еще три проекта для того же заказчика, что оказалось непростым предприятием и проверило нашу команду на прочность.
Dreame — Страница "О компании"
Dreame — Страница "О компании"

Дизайн

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

В разработке нашёл применение ранее написанный код front-end и back-end части, однако большая часть кода вышла уникальной. В процессе разработки велось постоянное тестирование на предмет соответствия получающегося портала макетам, а по завершении разработки мы провели тестовую покупку, проверили печать чеков, доставку и возврат товара.
Мы разработали дизайн на базе фирменного стиля компании, используя предоставленные паттерны, шрифты, иконки и цвета
Мы разработали дизайн на базе фирменного стиля компании, используя предоставленные паттерны, шрифты, иконки и цвета
Создали набор иконок и выбрали цвета в соответствии с требованиями и целями проекта
Создали набор иконок и выбрали цвета в соответствии с требованиями и целями проекта
Уделили особое внимание на ключевые элементы визуализации дизайна и создали UI кит
Уделили особое внимание на ключевые элементы визуализации дизайна и создали UI кит

Разработка

Мы разработали ключевые функции интернет-магазина на базе платформы 1С-Битрикс редакции "Бизнес". Функционал реализовали на ранее созданном модуле для заказчика. В результате портал поддерживал учет остатков, оплату, печать чеков и доставку. Мы также разработали систему сниппетов для формирования rich контента товаров, которая упрощает процесс наполнения сайта контентом.
Dreame — Новый каталог
Dreame — Обновлённая карточка товара
Dreame — Новое меню сравнения товаров
Dreame — Обновлённая карта магазинов

Другие кейсы

Alektro — Кейс — Makeit
Интернет-магазин
Alektro
Омега — Кейс — Makeit
Веб приложение
Омега
WTD — Кейс — Makeit
Лэндинг
WTD