Процесс создания интернет-магазина «Детские грёзы» с адаптивным дизайном

После разработки логотипа интернет-магазина «Детские грёзы» приступаем к созданию прототипа сайта.

прототип интернет-магазина

Переигрываем вывод блока с товарами, убираем дубликаты из пунктов меню, показываем место для иллюстрации:

прототип интернет-магазина

На основе утвержденного прототипа предлагаем вариант дизайна сайта:

дизайн интернет-магазина

Делаем облачка в шапке сайта более натуралистичными, добавляем иконки в блок с преимуществами, убираем фоновые картинки в товарах:

дизайн интернет-магазина

Создаем иконки для сайта:

иконки для интернет-магазина 

Страницы с описанием товара и общая с типографикой текста:

Делаем адаптивную верстку:

адаптивная верстка интернет-магазина

Производим монтаж сверстанного дизайна на платформу UMI.CMS. Настраиваем систему фильтрации по различным параметрам:

Программируем дополнительный функционал. Просмотренные товары (фиксируем в нижней части экрана):

просмотренные товары в интернет-магазине

Быстрый заказ выбранного товара:

Быстрый заказ выбранного товара в интернет-магазине

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

Визуализация корзины в интернет-магазине

Настраиваем возможность просмотра деталей товара в увеличенном виде:

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

Интегрируем сайт с сервисом приема платежей Robokassa и Яндекс.Маркетом:

Проводим тестирование сайта в различных браузерах на PC, планшетах, iPhone и т.д. Пишем продающие тексты, копирайты и наполняем материалами.

Работа в портфолио и в интернете.


Заинтересовали наши услуги? Вы можете связаться с нами, и мы с удовольствием ответим на ваши вопросы.

Заявка на проект