LAP — интернет-магазин светотехники на 5000+ товаров

О компании

LAP - Интернет-магазин сенсорного оборудования для автоматизации освещения.

Задача

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

Результаты

  • Помощь в разработке структуры и логики сайта
  • Отрисовано 150+ макетов в общей сумме
  • Макеты подготовлены к разработке
  • Идет верстка при нашем взаимодействии с разработчиками на данный момент

Пул работ

  • Анализ рынка и конкурентов
  • Разработка логики сайта
  • Разработка прототипов страниц по результатам анализа
  • Разработка дизайна
  • Адаптивный дизайн

Часть рабочей области в Figma с макетами

Этапы работы

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

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

Разработка структуры и прототипа

На основании анализа и информации заказчика разработали структуру сайта и прототипы всех страниц (30 штук).

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

Разработали удобный каталог с фильтрами, карточку товара с подробным описанием товара и характеристиками, корзину и страницу оформления заказа.
Личный кабинет, страницы проектов, обучений и технические страницы.

Разработка дизайна

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

В качестве дополнительных цветов использован белый, серый. Визуальная концепция интернет-магазина отражает современность и функциональность светильников, а также подчеркивает их качество и уникальность.
Шрифт Noto Sans. Хорошо читабельный, универсальный, без засечек.

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

Разработали адаптивы сайта для всех страниц под 6 разрешений.

Макеты каталога, карточки товара и корзины в разных разрешениях

Made on
Tilda