Интернет-магазин по продаже немецкой бытовой техники для дома

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

• Разработка B2C-архитектуры сервиса и проектирование UX.

• Отрисовка оригинального дизайна и адаптивная верстка под desktop и mobile.

• Разработка платформы на Yii2 и Nuxt.js / Vue.js со сбором системы с нуля.

• Интеграция с дистрибьютором, закрытое тестирование и запуск.

1. Анализ и прототип

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

На основе этого сделали прототип с продуманным интерфейсом:

• удобный просмотр каталога и добавление товаров в «Избранное»;

• наглядное сравнение выбранных позиций и отправка в корзину;

• быстрое оформление и покупка товара.

2. Дизайн и верстка

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

После согласования макетов сверстали кроссбраузерную версию под desktop и mobile. Оформили каталог из 93 категорий и 811 позиций с детальным описанием, а также настроили понятную административную панель и выгрузку товаров от дистрибьютора.

3. Программирование и тестирование

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

• Стек и архитектура: переписали код по стандартам PSR, используя Yii2 для backend и Nuxt.js / Vue.js для frontend.

• Интеграция: настроили связку с внешним API дистрибьютора для автоматического обновления номенклатуры и актуализации цен.

• Работа с данными: наладили стабильную обработку большого объема товаров и внедрили модуль быстрых сортировок и фильтров.

Провели закрытое beta-тестирование, устранили краевые ошибки и 6 сентября 2021 года выпустили сайт в продакшн.

За качество реализации и развития проекта MediaTen получила 2-е место в «Рейтинге Рунета» по Екатеринбургу.

• Современный, удобный интерфейс с трендовым минималистичным дизайном.

• Быстрая и корректная работа сервиса на desktop и mobile устройствах.

• Автоматическая синхронизация каталога и цен через API дистрибьютора.

• Повышение лояльности к бренду и рост показателей продаж.