Обратный звонок

Разработали дизайн для интернет-магазина обуви

Разработали прототипы, отрисовали в общей сложности 5 шаблонов

Кейс по дизайну интернет-магазина

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

  • Разработаны были прототипы
  • Подобраны и оттестированы шрифтовые пары для текстов (заголовки и текст)
  • Подобраны основные цвета дизайна
  • Разработка иконок для социальных сетей
  • Отрисовали разделы, карточки товаров.
Процесс работы

Провели эксперименты

Набросали скетчи страниц, предложили Заказчику

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

Добавили в прототипы отрисовку функционала и основных элементов

Отрисовали слайдеры с товарами

Провели отрисовку двух слайдеров - в разделах и в карточках товаров

Отрисовка табов

Отрисовали табы переключения между типами одежды

Отрисовали карточки товаров

Вывели главное изображение, миниатюры, размеры, цену, название

Отрисовали плиткой вывод товаров

Вывели плиткой наиболее популярные товары

Содержание страницы

Отрисовали прототипы структуры страниц

Отрисовали прототипы структуры страниц

Прототипировали структуру, функционал, элементы, без добавления цвета и стиля
Подобрали цвета и шрифты

Подобрали цвета и шрифты

Протестировали ряд стилей и цветов на прототипах, применили к макетам
01

Цели и задачи

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

Проработали структуру сайта в прототипах

Проработали структуру сайта в прототипах

Отрисовали весь функционал сайта

Отрисовали весь функционал сайта

Отрисовали текстовые элементы страниц

Отрисовали текстовые элементы страниц
02

Технологии дизайна

Дизайн - FIGMA
Дизайн - FIGMA
IDE - JetBrains Rider
IDE - JetBrains Rider
Отрисовка - в Adobe Photoshop, Illustrator
Отрисовка - в Adobe Photoshop, Illustrator
03

Команда

Антипов Иван
Антипов Иван
Веб-разработчик, тим-лид
Потапова Анна
Потапова Анна
UI UX дизайнер
Свиридова Екатерина
Свиридова Екатерина
Старший контент-менеджер
Зорин Иван
Зорин Иван
Бэкенд разработчик PHP
04

Похожие проекты

Дизайн по акции со скидкой в 15%
При первом обращении в нашу компанию!
ОФОРМИТЬ ЗАКАЗ

Остались вопросы?

Оставьте почту и номер. Наш менеджер свяжется с Вами для подробной консультации.

Как нас найти
050000, г. Алматы, улица Кунаева, дом 32, БЦ Эталон, офис 248
Время работы: ПН – СБ с 9 до 21
Россия, г. Санкт-Петербург, 197198, ул. Лизы Чайкиной дом 25
Время работы: ПН – СБ с 9 до 21
Эл. почта наша:
hello@site-promote.com