Адаптивный интернет-магазин
для выставки-продажи шуб и меховых изделий «Галерея меха»

«Галерея меха» — это выставка-продажа меховых изделий. Специфика проекта в том, что данная выставка работает с большим количеством экспонентов. И на первых этапах нам нужно было детально погрузиться во все внутренние процессы компании, понять, как свести функционал сайта с участниками выставки.

Задача

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

Решение

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

Евгения Ерофеева, аккаунт менеджер

Проект последовательно прошел несколько этапов: проектирование, дизайн, верстка и программирование. Проектирование таких сложных адаптивных продуктов позволяет осмыслить проект по разным направлениям: логика, контент, множество адаптивных экранов. Все это позволяет не совершать ошибки на следующих этапах.

Глотов Антон, UX проектировщик

Руководствуясь принципом разработки адаптивных продуктов «mobile first», мы начали проектировать от меньших размеров к большим. Для каждой страницы мы проработали три вида построения интерфейса и контентных блоков, учитывая особенности взаимодействия пользователя с разными устройствами.

В рамках
проекта было
разработано

5
базовых
разрешений
70
дизайн
макетов
220
было
сделано
прототипов

удобство
и контент

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

Иван Егорочкин, арт-директор

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

Артем Суляев, front-end разработчик

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

Использование
видео контента

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

гайдлайны
для фотографий

Для единообразия фотоконтента на сайте были созданы композиционные гайдлайны с безопасными полями и композиционным позированием модели в кадре.

Архитектура
сайта

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

остальные
страницы

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

Вы
классные

кликнуть и посмотреть
отзыв бесценно

вручение
ключа

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