Разработка интернет-магазина

Задачи проекта

Клиент к нам пришел с задачей сделать редизайн сайта, фактически одной страницы - карточки товара. Раньше она была информационной (картинка товара и текст, без форм "купить/заказать", цен и тд.), а нужно было сделать ее продающей, "как у интернет-магазина". Уже в процессе обсуждения проекта с заказчиком обнаружилось, что неплохо было бы сделать личный кабинет для клиентов, оплату через сайт, интеграцию с 1С и с внутренней CRM, а так же пошаговый калькулятор на каждый тип продукции. Чтобы подтвердить и уточнить свои гипотезы, мы разработали UX-стратегию, где однозначно определили задачи проекта, проработали портреты ЦА, создали CJM-карту с A-B Shift-ом. Итоговую и самую важную задача клиент зафиксировал так: "Сайт должен быть удобен, прост и красив!... Мы хотим создать уникальный сайт, не имеющий аналогов в нашем сегменте рынка... И быть лучшими во всём!" А таким задачам мы всегда рады!

Создание прототипа

После того, как анализ был нами выполнен, мы приступили к следующему большому этапу: разработка интерактивной прототипа будущего сайта. Именно на этом этапе были продуманы все 18 калькуляторов продукции. Целевая аудитория проекта большая, включает и мужчин, и женщин разных возрастных групп, различных интересов и степени пользования интернетом и нам следовало спроектировать эти калькуляторы так, чтобы каждому пользователю было просто и удобно ими воспользоваться.

Разработка дизайна сайта

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

Внутренние страницы сайта

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

18 калькуляторов

Помимо 18(!!!) калькуляторов с разной логикой оформления заказа, где каждый товар формируется с учетом различной цены при разном объеме товара, для каждого товара уникальным образом задается список цветов, который можно для него выбрать, в том числе и для различных частей одного товара (пр.: цвет кружки и цвет крышки могут быть разными), и для каждого товара задается свой уникальный список параметров, влияющих на цену (размер, объем, количество цветов, метод нанесения логотипа и тд.). Так же необходимо было решить вопрос с последующим наполнением сайта: изначально мы продумывали всю логику исходя из того, что будет настроена интеграция с 1С, но уже в ходе работ пришлось искать другой, не менее удобный, способ - загрузка через xml-файл. Весь этот огромный функционал мы реализовали на CMS Netcat, партнерами которой являемся еще с 2013 года.

Путь пользователя

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

Прототип личного кабинета

После разработки и запуска основного сайта, мы приступили к разработке Личного кабинета. В силу того, что анализ сайта у нас уже был продуман на первой этапе разработки, то мы начали сразу с проектирования интерфейса.

Дизайн, верстка и программирование ЛК

Наиболее трудоемким, как обычно, оказался этап программирования - более 130 часов. Проект давно сдан, но работы по его улучшению продолжаются.

Адаптация

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

Итого разработка данного интернет-магазина заняла 1065 часов, а именно:

Создание прототипа было выполнено нами за 150 часов.
Дизайн вместе со страницами адаптации - 145 часов.
Верстка, программирование и отладка всего того, что было нарисовано заняло более 600 часов.