Сайт Modamax.by

Modamax.by

Разработка нового сайта для крупнейшей сети магазинов Second Hand в Беларуси.

UX дизайн

UI дизайн

Back-end разработка

Front-end разработка

Знакомьтесь! Это – Маша. Она обожает покупать одежду, при этом не любит тратить на нее слишком много средств.

Задача

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

Решение

Мы разработали новый визуальный стиль сайта Modamax.by, продумали наиболее эффективное взаимодействие пользователя с сайтом, составив основные сценарии и использовали технологию Vue.js, что позволило значительно улучшить скорость загрузки сайта даже при максимальном наплыве посетителей и упростило работу с редактированием контента.

Технологии

Благодаря использованию технологий: Vue.js, Progressive Web App (PWA), Headless CMS Storyblok.
1. Легкое управление

Менеджер магазина Алена может легко редактировать контент без помощи программистов, так как сайт состоит из простых модулей и собирается как конструктор.

Интерфейс системы управления контентом
2. Быстрая загрузка

У покупателя Маши сайт загружается за 1 секунду, поэтому она может посещать его даже при перегруженном соседками по комнате вайфае.

Высокий показатель Google PageSpeed положительно влияет на SEO продвижение сайта и процент отказов на странице.

3. Возможность сохранить сайт как приложение на смартфоне

Маша даже может сохранить сайт как приложение на смартфоне и получать PUSH-уведомления о новинках.

Сайт работает на любых платформах (Desktop, Mobile, Android, iOS). Рассылка новостей и акционных предложений происходит через удобный сервис.

Вовлечение и удержание пользователей за месяц

Маше настолько понравился новый сайт Modamax.by, что она рассказала о нем всем своим подружкам, а они – своим, таким образом посещаемость сайта новыми пользователями выросла на 30%, а процент роста повторных посещений составил 11%.

Проектирование

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

Мы учли, что:

1) Маша хочет смотреть информацию о магазинах только в Минске

2) Ее брат любит читать новостные рассылки с акциями и выгодными предложениями

3) Мама Ирина всегда интересуется новостями магазина

Продумали основные сценарии взаимодействия пользователей с сайтом:

1) Просмотр информации о магазинах в своем городе

2) Подписка на новостную рассылку

3) Чтение новостей

Дизайн

Чтобы Маша и другие пользователи лучше узнали бренд Modamax, при разработке визуального стиля мы подчеркнули его отличительные особенности – фирменная цветовая гамма, использование имиджевых элементов на английскую тематику (так как закупка товара производится в Англии), отзывчивый дизайн, отвечающий требованиям широкой целевой аудитории, в которую входят даже папа и бабушка Маши.
Главная страница
Список магазинов
Слайдер

Карточка магазина

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

Таблица с ценами

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

Карточки новостей и акций

Новый дизайн дисконтных карт

Теперь в кошельке у Маши есть стильная бонусная карта от Модамакс.

Адаптив

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

UI-Kit

Цвета
#F13836
R241 G56 B54
background
#FFF072
R255 G240 B114
background, hover
#333333
R51 G51 B51
text, icons
#3AB24F
R58 G178 B79
background, elements
Элементы
Елена, директор Модамакс
Компания Модамакс работает с Lepshey с 2011 года. За это время мы реализовали не только дизайн сайтов компаний, но и разработали множество интерфейсных решений. От совместной работы у нас остались самые положительные впечатления.
Got a project?
hello@lepshey.com
Hello!
We use cookies. We inform you that cookies are being used on this site. By continuing to use lepshey.com you are consenting to our use of cookies.
Learn more