Интернет-магазин для VariGoni

Задача:  Спроектировать и разработать удобный интернет-магазин.

Проектирование
Дизайн макетов
Front-End
Клиент: VariGoni
Отрасль: Торговля
Дата выпуска: 5 Августа 2015

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

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

Разработка визуалов для коhgjhfnbdyjuj сайта

Внимательно изучаем текущий сайт

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

Архитектура сайта и прототипы страниц

Согласовываем прототипы и приступаем к разработке дизайн-концепции главной страницы.

Фирстиль компании МегаСтрой

Первые дизайн-концепции

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

Каталог продукции и выпадающее меню

Проектируем поведение шапки сайта

Иконки-иллюстрации для баннеров преимуществ

Прикидываем анимацию элементов.

Главная страница готова!

Дизайн главной страницы интернет-магазина

Приступаем к разработке самой главной части сайта — раздела «Каталог». Работу начинаем с проектирования фильтра по поиску товаров.

Фильтр товаров

Проектируем несколько видов карточек товаров — обычные и акционные.

Дизайн карточек товаров

А так же отрисовываем вид горизонтальных карточек.

Дизайн карточек товаров

Собираем страницу «Каталога».

Дизайн страницы каталога

Разрабатываем карточку товара.

Дизайн страницы каталога

Приступаем к проектированию корзины и процесса заказа на сайте.

Дизайн карточек товаров

Детали всегда на виду

Отрисовываем страницу корзины и все страницы оформления заказа.

Дизайн корзины

Проектируем всплывающие окна и сообщения.

Следующий раздел сайта — личный кабинет пользователя.

Дизайн личного кабинета

Разрабатываем внутренние страницы: статьи, видео, о компании, вопрос-ответ и контакты.

Дизайн внутренних страниц

Смотрим все макеты и дорабатываем последние детали: формы для подачи статьи и окна сообщений.

Фирстиль компании МегаСтрой

Максимально просто и доступно

посмотрите еще работы