Сайт 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 года. За это время мы реализовали не только дизайн сайтов компаний, но и разработали множество интерфейсных решений. От совместной работы у нас остались самые положительные впечатления.
У вас есть проект?
info@lepshey.ru