Все кейсы
Ритейл
UX\UI-дизайн и проектирование
Интернет-магазин

Проектирование и разработка дизайна интернет-магазина Megatop.by

Клиент
Мегатоп
Дата запуска
Апрель 2020
Что сделали
Провели аудит текущего сайта и анализ конкурентов. Разработали прототипы и дизайн ключевых страниц интернет-магазина.
megatop.by
Проектирование и разработка дизайна интернет-магазина Megatop.by

Цель проекта

Спроектировать и разработать дизайн интернет-магазина Megatop.by

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

Планируем дорожную карту

Работа велась по водопадной модели. Первичный план, без этапов согласования и правок, содержал 7 этапов. Примерная разбивка этапов была такой:

  1. Аудит текущего сайта
  2. Анализ конкурентов
  3. Опрос аудитории
  4. Разработка персонажей и user stories
  5. Разработка прототипов
  6. Разработка макетов дизайна
  7. Правки и доработка макетов  

Аудит сайта

На этапе аудита мы определили основную аудиторию сайта, разобрались с поведением пользователей на сайте и сделали определенные выводы

Исследование аудитории

Провели опрос пользователей

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

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

Возраст аудитории

  • 25–34 лет — 54,9%
  • 35–45 лет — 22,0%
  • 18–24 года — 15,9%
  • 46–55 лет — 4,9%
  • 56 лет и старше — 2,3%

Пол

  • Женский — 85,4%
  • Мужской — 14,6%  

Результаты исследования

Опросили 600 респондентов

Результаты опроса 600 респондентов показали, что подавляющая масса предпочитают выбор и покупку обуви исключительно в торговых точках, поэтому при проектировании основных продающих страниц мы ориентировались на ответы той части аудитории, которая предпочитает онлайн покупки. Ответы этих респондентов мы, конечно же, учли, но при проектировании и разработке страниц, которые помогают узнать в какой точке купить ту или иную пару обуви и как в нее добраться.  

Исследование аудитории

Какие критерии наиболее важны при покупке обуви?

  • Цена / качество — 46,2%
  • Комфорт / удобство — 26,9%
  • Внешний вид / дизайн — 17,7%
  • Натуральные материалы — 6,9%
  • Размер
  • Акции / распродажи  

Персонажи и user stories

Портрет пользователя и сценарии поведения

На основе аудита и опроса респондентов:

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

Средний уровень дохода определяли косвенно — на основе данных о стоимости мобильных устройств пользователей. Такой метрики не существовало, поэтому подход формировали в процессе, сверяя результаты с аналитикой и данными опроса.

Причины неудач при покупке

Причины отказа от покупки и решения

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

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

Выводы по результатам

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

Разработка прототипов

Mobile first

С учетом количества посетителей с мобильных устройств при разработке прототипов и дизайна руководствовались принципом mobile first.

Прототипы в данном случае это макеты со стилистикой но без цвета.

Прототипы страниц
Прототипы страниц

Дизайн сайта

После согласования и утверждения прототипов приступили у отрисовке в цвете

Руководитель проекта
Павел Бокач
Дизайн, UX
Леша Синкевич
Сергей Шишпор
Команда клиента
Павел Сидорович
Андрей Малашевич
Андрей Малашевич
Андрей Малашевич
Руководитель управления маркетинга и рекламы, Paritetbank

ОАО «Паритетбанк» благодарит ООО «Найнсевен» за сотрудничество в рамках разработки корпоративного сайта www.paritetbank.by.

Смотреть отзыв
Екатерина Полещук
Екатерина Полещук
Руководитель отдела маркетинга, ООО «Профессиональные правовые системы»

Выражаем благодарность за завершенный проект по обновлению нашего корпоративного сайта www.business‑info.by.

Смотреть отзыв
Александр Шостак
Александр Шостак
Директор, ООО «ИКомЧардж»

Специалистами ООО «Найнсевен» были неоднократно успешно осуществлены подключения механизма онлайн-платежей

Смотреть отзыв
Павлова Валентина Петровна
Павлова Валентина Петровна
специалист по развитию торговой марки, Аливария
За время сотрудничества компания ООО «Найнсевен» зарекомендовала себя как надежный и ответственный партнер.
В.Т. Одорский
В.Т. Одорский
заместитель Генерального директора по маркетингу, СООО «Мобильные Теле Системы»

ООО «Мобильные Теле Системы» (далее – МТС) выражает искреннюю благодарность команде ООО «Найнсевен» (далее - Найнсевен) за качественное оказание услуг по администрированию и технической поддержке сайта mts.by.

Смотреть отзыв
Н.А. Булаш
Н.А. Булаш
Заместитель Генерального директора по коммерческим вопросам, СООО «Мобильные ТелеСистемы»

СООО «Мобильные ТелеСистемы» выражает благодарность команде ООО «Найнсевен» за профессиональную разработку и техническую поддержку интернет-магазина shop.mts.by.

Смотреть отзыв
Е.А.Ломеко
Е.А.Ломеко
Генеральный директор, Брестское РУП «Фармация»

Брестское РУП «Фармация» с 2018 года сотрудничает с компанией «Найнсевен» по вопросам разработки корпоративного сайта, развертыванию на его базе функционала Интернет-аптеки, по технической поддержке и развитию указанных информационных ресурсов. 

Смотреть отзыв
Лариса Купава
Менеджер по маркетингу, SvitLand Development Limited

Мы довольны сотрудничеством с Nineseven. Удобная программа управления проектом и быстрое реагирование сделали даже удаленную работу комфортной.

Смотреть отзыв
У.С. Савиных
У.С. Савиных
Продюсер, МФР Red Apple

Фестиваль Red Apple сотрудничал с Nineseven с 2013 по 2014 год. Благодаря профессионализму сотрудников был создан эффективный и удобный сайт фестиваля www.festival.ru.

Смотреть отзыв
Алексей Сидоров
Алексей Сидоров
Алексей Сидоров
Основатель и руководитель проекта, Prodengi.kz

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

Смотреть отзыв
Александр Кузьменко
Александр Кузьменко
Александр Кузьменко
Руководитель проекта, Игры@Mail.Ru
Спасибо за работу! Рассчитываем на дальнейшее сотрудничество в таком же ключе.
Смотреть отзыв
А.В. Любимова
А.В. Любимова
Генеральный директор, ООО «Акомпани»
Выражаем благодарность за плодотворное сотрудничество в 2010 году. Благодаря уровню профессионализма и лидерским качествам команды мы достигли значительных успехов.
Смотреть отзыв
Денис Бурлаков
Денис Бурлаков
Руководитель, Интернет-магазин Deniliz.com

Отмечаем творческий подход команды Nineseven: совместно с нами они проработали техническое задание, помогли определить структуру сайта и реализовать проект с учетом потребностей аудитории.

Смотреть отзыв
И. Шумицкий
И. Шумицкий
И. О. директора департамента маркетинга, Банк Хоум Кредит (Казахстан)
Выражаем благодарность компании Nineseven за создание сайта www.homecredit.kz.
Смотреть отзыв
А.Н. Григорьева
А.Н. Григорьева
Генеральный директор, ООО «Тренд Ритейл Групп»

Надеемся на дальнейшее и столь же успешное сотрудничество.

Смотреть отзыв
И.С. Федюкин
И.С. Федюкин
Директор по развитию бизнеса, ООО «НЕВМЕДИА»

Компания ООО «НЕВМЕДИА» благодарит Курдюк Зою за сотрудничество. По нашему мнению, Курдюк Зоя — профессиональный специалист с высокой квалификацией в области дизайна, ответственная и надежная в деловых взаимоотношениях.

Смотреть отзыв
Н. А. Булаш
Н. А. Булаш
Руководитель коммерческого департамента, Мобильные ТелеСистемы

ООО «Найнсевен» является разработчиком интернет-магазина shop.mts.by и на протяжении шести лет обеспечивает его поддержку и обновление.


Смотреть отзыв
Д.С. Костин
Д.С. Костин
Д.С. Костин
Начальник службы по связям с общественностью и СМИ, ПАО «Газпром Трансгаз Беларусь»

Свидетельствую почтение и выражаю благодарность компании Nineseven и лично Дмитрию Хоружко за разработку и реализацию творческой идеи дизайна сайта проекта Многофункционального комплекса «Газпром Центр».

Смотреть отзыв
С.В. Белов
С.В. Белов
Генеральный директор, ООО «Вектор-Парфюм»

Компания ООО «Вектор-Парфюм» благодарит дизайнерскую студию Nineseven за разработку графической части интернет-магазина парфюмерии и косметики Bonange.ru. Сотрудники студии — настоящие профессионалы своего дела и обладают высокой квалификацией в области дизайна.

Смотреть отзыв
И.Е. Адаменко
И.Е. Адаменко
Заместитель директора, ОДО «БелТоргПродукт»
Рекомендуем ООО «Найнсевен» как надежного партнера, добросовестно выполняющего свои обязательства.
Смотреть отзыв

Медиа

Telegram-канал

Из первых уст о внутренней жизни агентства

Перейти в TG-канал
Nineseven
Новые технологии — новые проблемы
Люблю смотреть всякие красивые графики и таблицы. На Pinterest могу долго залипать в подборках инфографики от древности до наших дней. И вот во время одной из таких вылазок пришла банальная мысль: насколько же легче стало упаковывать аналитику в понятный вид и насколько тяжелее при этом стало ее воспринимать.

Объясню в разрезе нашей работы. Чтобы создать дашборд со всякой аналитикой лет 15 назад, нужно было:
1. Собирать данные в одну базу и разгребать их оттуда вручную: продажи, заявки, прогресс по проекту — все ручками

Публикации в СМИ

Обсудим задачу

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

Это бесплатно и ни к чему вас не обязывает.

Поле обязательно к заполнению
Поле обязательно к заполнению
Поле обязательно к заполнению
Пожалуйста, ознакомьтесь и подтвердите согласие
Дмитрий Хоружко
Дмитрий Хоружко CEO Nineseven