Mustang Tattoo
2017 год
01
О проекте

Mustang Tattoo — производители одной из лучших линеек тату- оборудования в России. Компания вышла на рынок в 2016 году и сразу же захватила его.

02
03
Вызов и решение
История Mustang Tattoo — это история быстрого успеха. После него компании нужен был интернет- магазин, который подтверждал бы статус лидеров рынка. Мы разработали имиджевый отзывчивый сайт с сложной анимацией. Анимированные элементы улучшают опыт пользователя — с ними страница становится понятнее и приятнее для пользователя.
04
05
06
Каталог

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

07
08

Так каталог выглядит и функционирует на сайте:

09
10
Корзина

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

11
12
Карточка товара
Интернет-магазин должен быть удобным для покупателей. Поэтому мы убрали из карточки товара всё ненужное — например, раздел «Вы смотрели», который только мешает. Зато мы добавили отзывы тату- мастеров, обзор 360° и информацию о том, для каких стилей татуировки этот товар подойдёт лучше всего.
13
14

Так карточка товара выглядит в интернет-магазине:

15
16
О команде

Mustang Tattoo отличается ещё и тем, что у компании есть своя команда известных и опытных тату-мастеров. Они тестируют продукты и оставляют свои отзывы и рекомендации о них. Страницу «О команде» мы оформили, вдохновляясь традиционными стилями тату.

17
18
О компании

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

19
20
Дизайн
До интернет-магазина мы разработали для Mustang Tattoo фирменный стиль.


Руководствуясь им, создали лаконичный и броский дизайн обновлённого сайта с яркими цветовыми акцентами.
21
22
23
Адаптивная версия

Адаптивность — это обязательное условие в современной веб-разработке. Более того, необходимость докупить оборудование может возникнуть в любой момент, и сайт должен адекватно работать на мобильных устройствах.

24