Главная | Портфолио | Сайты | Магазин подарков AmaryArt

Магазин подарков AmaryArt

amaryart.ru
Интернет-магазин предлагает не только выбрать готовый подарок, но и собрать собственный подарочный набор при помощи онлайн-конструктора.

Следующий проект

Адаптивный
дизайн

1С-Битрикс

CSS3-анимация

HTML-5 анимация

Проектирование

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

Задачи и таймлайн

Проектирование состояло из трех этапов: UX дизайн, разработка логотипа, UI дизайн.

UX дизайн

2 недели

Анализ конкурентов

Прототипирование

Разработка конструктора

UI дизайн

4 недели

Подбор референсов

Минималистичный дизайн

Создание стилей

Разработка логотипа

1 неделя

Изучение аналогов

Разработка вариантов

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

Сентябрь Октябрь

1 неделя 2 неделя 3 неделя 4 неделя 5 неделя 6 неделя 7 неделя 8 неделя

UX дизайн

UI дизайн

Разработка логотипа

Прототипирование

На первом этапе были созданы два
прототипа главной страницы с разным
расположением категорий товаров.

Онлайн-конструктор

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

Разработка логотипа

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

Дизайн

На основе разработанных прототипов и с учетом логотипа и анализа аналогов мы подобрали цветовую гамму и разработали
главную страницу сайта.

UI-KIT

Выбрана монохромная цветовая гамма с ярким акцентом.

Цветовая палитра

Типографика

h0 h1 h2 h3

HEX #2E2E2E

Proxima Nova

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

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

1 Удобный слайдер с выбором категорий

2 Интересный блок для анонса новой продукции

3 Стильный блок с новостями

4 Удобное меню

Каталог

Особое внимание мы уделили каталогу и карточке товара.

1 Для удобства пользователей в разделе
«Каталог» реализована сортировка
по цене и по типу товара.

2 Функционал карточки товара прост
в использовании. Можно добавить
нужное количество товара, нажав
на плюс, развернуть описание
товара или же добавить
в избранное.