Магазин подарков 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
Proxima Nova
Proxima Nova
Proxima Nova

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

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

1 Удобный слайдер с выбором категорий
2 Интересный блок для анонса новой продукции
3 Стильный блок с новостями
4 Удобное меню

Каталог

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

1 Для удобства пользователей в разделе
«Каталог» реализована сортировка
по цене и по типу товара.
2 Функционал карточки товара прост
в использовании. Можно добавить
нужное количество товара, нажав
на плюс, развернуть описание
товара или же добавить
в избранное.
3 На сайте реализована стильная
анимация кнопок и ссылок.

Внутренние страницы

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

Особенности реализации

Главной особенностью реализации стала разработка удобного онлайн-конструктора для создания эксклюзивного подарка.

1 Выбор нужного раздела
2 Выбор товара
3 Выбор наполнителя
4 Выбор открытки
5 Поздравление
6 Выбор коробки
7 Оформление заказа

Управление контентом

Сайт разработан на базе CMS «1С-Битрикс», которая позволяет
клиенту легко редактировать контент.