Главная страница
Сайт 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