Компетенции
  • Интеграции
  • UI/UX
  • E-commerce
  • Концептуальный дизайн
  • Backend-разработка
  • Frontend-разработка
spectr-shop.ru
Магазин светильников
О проекте
В магазине SPECTR представлены светильники известных мировых производителей. Учтены стилевые направления дизайна интерьеров, виды светильников, ценовые категории. Используя каталог SPECTR, дизайнеры могут еще на этапе разработки дизайн-проекта заложить реальные приборы освещения, а после приобрести их без наценки.
Задача

Главное задача, которая стояла перед нами — сделать редизайн сайта, так как он устарел с эстетической точки зрения и удобства. Также необходимо было проработать карточки товара и каталог.

Решение

Помимо переработки дизайна, уделили особо внимание лицу сайта — главной странице. На нее вывели основные категории товаров, чтобы пользователь сразу мог найти нужное. Добавили страницы "Статьи", где все разбито по хэштегам, также продумали блок "Проекты", где на примере реальных объектах мы показываем те товары из каталога, которые были задействованы.

Типографика

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

Цвет

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

Провели исследование: анализ рынка и конкурентов
Первым делом клиент заполнил бриф и мы приступили к исследованию. На самом первом этапе прорабатываем портрет целевой аудитории, проводим тщательный анализ конкурентов, анализ спроса, то есть закладывается фундамент проекта.
Некоторые страницы дизайна
Мокап
Мокап
Мокап
Мокап
Мокап
Мокап
Мокап
Мокап
Мокап
Мокап
Адаптивная версия
Мокап
Мокап
Мокап
Мокап
Формы Pop-up
Мокап продукта
Мокап продукта
Мокап продукта
Мокап продукта
UI KIT
Для удобства Frontend-разработчиков, а также для сохранения общей стилистики при возможном расширении сайта в будущем, был подготовлен подробный Ui Kit c элементами дизайна.
Мокап продукта
Мокап продукта
Мокап продукта
Маркетинговый план
Мы запустили два вида рекламы:
  1. Таргетированную.
  2. Контекстную.
Сверстали и запрограммировали сайт

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

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

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

В меню сделали удобный и интуитивно понятный каталог. Фильтр для каталога выполнинили в виде сайдбара.

Мокап продукта
Мокап продукта
Мокап продукта

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