Интернет-магазин

Lab-des

Lab-des – интернет-магазин мебели и товаров для оформления интерьера.

Lab des является частью масштабного проекта – на одном ядре реализуются два сайта: сайт салона и интернет-магазин.

http://lab-des.com/
Lab-des
Сделано:
  • Аналитика
  • Прототипирование UX
  • Дизайн UI
  • Адаптивная верстка
  • Программирование 1С-Битрикс
  • Интеграция с эквайрингом, “Мой склад”
Особенности проекта:
  • Разработали адаптивную объемную удобную карточку товара со всеми необходимыми данными. Для отстройки от конкурентов в дизайне карточки товара левая часть с фотографиями зафиксирована и подстраивается под размер экрана, правая часть скроллится.
  • В карточке товара реализовали автоматический подбор аналогичного типа мебели других брендов. Предусмотрели блок с ручным подбором мебели по разным свойствам: цвет, тип мебели и др.
  • Проработали разные сценарии подбора мебели посетителями сайта. На главном экране выделили следующие категории товаров: в наличии, new, sale. Также каталог разделили на типы мебели и отдельно показали мебель по брендам.
  • В каталоге при скроллинге кнопки “Фильтр” и “Сортировка” всегда в поле зрения пользователя для оперативного формирования новой подборки товаров.
  • В разделе “Бренды” при наведении на название бренда появляется окно с кратким описанием производителя и фотографиями мебели, что позволяет пользователям понять настроение бренда и сориентироваться в выборе.
  • Для вдохновения пользователей разработали блок “Интеры в деталях” с панорамой интерьера и разметкой товаров.
  • Нестандартная интеграция с "Мой склад". Выгружаются только остатки товаров без номенклатуры. Скрипт-обработчик при обмене удаляет лишние товары, которые не надо выгружать на сайт.
Lab-des
Lab-des

Клиент

Laboratory – команда профессионалов, решающих нестандартные интерьерные задачи. В портфолио компании около 1000 международных фабрик, с которыми открыты прямые рабочие контакты.

Аналитика

На основе аналитики определили простую и интуитивно понятную структуру функционального сайта для конечных пользователей и поисковых машин. Аналитика для интернет-магазина включала:

Анализ российских и зарубежных сайтов

Анализ российских и зарубежных сайтов

Проведение интервью со всеми стейкхолдерами и составление общих и непротиворечивых требований к проекту

Проведение интервью со всеми стейкхолдерами и составление общих и непротиворечивых требований к проекту

Глубокая проработка структуры проекта

Глубокая проработка структуры проекта

Сбор семантического ядра

Сбор семантического ядра

Подход к работе

Проекты ведем по стандартам PMI. Контролируем сроки, качество и бюджет. В работе над проектом используем документы: 1 – для предпроектного анализа, 2 – для ведения проекта.

1
Предпроектный анализ

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

2
Ведение проекта

Документы для систематизированного сбора требований по проекту

Требования бизнеса

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

Требования бизнеса
Требования рынка и предложения конкурентов

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

Требования рынка и предложения конкурентов
Требования пользователя

Общее описание пользователей и сценарий их взаимодействия с сайтом. При необходимости проводим глубинное интервью с пользователями

Требования пользователя
Бизнес-кейс [ Business case ]

Вносим общие исходные данные о проекте

Бизнес-кейс [ Business case ]
Устав [ Project charter ]

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

Устав [ Project charter ]
Расчёт рисков [ Risk register ]

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

Расчёт рисков [ Risk register ]
Диаграмма Ганта [ Project schedule ]

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

Диаграмма Ганта [ Project schedule ]
Внутренний документ по изменениям в проекте [ Change log ]

Вносим комментарии после встреч с заказчиком, идеи и прочее

Внутренний документ по изменениям в проекте [ Change log ]
Уроки проекта [ Lessons learned register ]

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

Уроки проекта [ Lessons learned register ]
Требования бизнеса
Требования рынка и предложения конкурентов
Требования пользователя
Бизнес-кейс [ Business case ]
Устав [ Project charter ]
Расчёт рисков [ Risk register ]
Диаграмма Ганта [ Project schedule ]
Внутренний документ по изменениям в проекте [ Change log ]
Уроки проекта [ Lessons learned register ]

прототипирование

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

Lab-des
Lab-des
Lab-des
Lab-des
Lab-des

внутренние страницы

Lab-des
Lab-des
Lab-des
Lab-des
Lab-des
Lab-des
Lab-des
Lab-des
Lab-des
Lab-des

Технологии

Lab-des
Lab-des
Lab-des
Lab-des
Lab-des
Lab-des
Lab-des

команда проекта

Владимир Волчанин

проектный менеджер

Тимур Ислакев

дизайнер

Виктор Любчиков

дизайнер

Сергей Шаврин

верстальщик

Екатерина Комягина

верстальщик

Артем Николенко

программист

Андрей Байдак

DevOps-инженер

УЗНАЙТЕ стоимость и сроки РАЗРАБОТКИ
ТАКОГО ПРОЕКТА

Андрей Кузнецов

Руководитель отдела по работе с клиентами