Интернет-магазин климатического
оборудования Мосайр

Сайт mosairshop.ru разработан компанией Afonico M&D

Десктоп

Мобильная версия

Интеграция

22

макетов нарисовано

15

страниц технического задания

358

часов ушло на разработку

6

человек участвовали в разработке

Постановка задачи

  • Сформировать структуру сайта;
  • Разработать прототипы будущего сайта;
  • Нарисовать дизайн на основе прототипов;
  • После утверждения макетов передать дизайн в разработку;
  • Наполнить сайт предоставленным материалом;
  • Перенести готовый сайт на домен.
Tasks Image

Цветовое решение

Цветовая схема из 3-х основных цветов и 2-х
дополнительных для выделения отдельных
элементов сайта.

Основной цвет

#41395e

Основной цвет

#00364e

Основной цвет

#0099cd

Доп. цвет

#ffc10f

Доп. цвет

#34c924

Дизайн-решение

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

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

Page-1

Главная страница

Page-2

Каталог

Page-3

Карточка товара

Fan background
Fan foreground

Мобильная версия

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

Mobile 1 Image
Mobile 2 Image

Меню первого и второго
уровней показаны на одном
экране, а также поиск и кнопки
авторизации.

Mobile 3 Image
Mobile 4 Image
Mobile 5 Image
Mobile 6 Image

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

Mac Photo
Mac main
Mac catalog
Mac card
Mac wishlist
Mac basket
прокручивайте Mouse Photo страницу
Mac on table Photo
loop image

Креативная подача 404-страницы

На термостате кондиционера вместо температурных режимов показана ошибка, символизирующая отсутствие или неправильный адрес страницы с кнопкой перехода на «Главную страницу».

Thermostat Image
Table Image

Технологии разработки

Назад в портфолио