продвижение бизнеса

Разработка мобильной версии сайта для завода «Лабрадор»

  • С 2001 года на рынке Санкт-Петербурга
  • Более 130 000 окон ПВХ ежегодно
  • Самый крупный завод пластиковых окон в СПб

Оконный завод «Лабрабор»

Первое место среди оконных заводов Санкт-Петербурга

Завод светопрозрачных конструкций «Лабрадор» был образован в Санкт-Петербурге в начале 2001 года как предприятие, занимающееся изготовлением и установкой металлопластиковых (ПВХ) и алюминиевых окон, дверей и конструкций.

Начало проекта Декабрь, 2021

Окончание Март, 2022

Цель Увеличить конверсию сайта среди пользователей мобильных устройств.

Инструменты Дизайн: Figma, Affinity design, Adobe Photoshop
Разработка: HTML, CSS, JavaScript

ЗАДАЧА

У заказчика была устаревшая мобильная версия сайта, стояла задача увеличить конверсию, так как более 80% трафика идёт на мобильную версию. Мы поняли, что наша ключевая задача - разработать новую мобильную версию сайта:

  • Сохранить фирменный стиль компании
  • Разработать конверсионную структуру, удобную навигацию для пользователей
  • Акцентировать трафик на основные продукты - услуги компании

РЕШЕНИЕ

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

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

Дизайн и разработка

У компании уже был логотип и фирменный стиль, поэтому нам не пришлось придумывать все с нуля. Основным цветом сайта мы выбрали голубой и его оттенки, так как он яляется частью фирменного стиля компании. В качестве акцента выступает яркий оранжевый
  • #FFFFFF
  • #F6F5F5
  • #FA7115
  • #3379BE
  • #0C2D48
  • #000000
  • При создании визуальной составляющей сайта мы сделали упор на минимализм, чтобы сосредоточить пользователя на УТП. При разработке структуры мы постарались сделать путь пользователя от перехода на сайт до совершения заказа максимально беспрепятственным, интуитивным и быстрым. После каждого блока с преимуществами продукта мы поставили форму заказа с призывом к действию
  • На главной странице сайта мы отразили ключевые преимущества компани и услуги, которые она предоставляет. Услуги мы также продублировали в левом боковом выплывающем меню, чтобы пользователь мог легко получить к ним доступ из любого места на сайте
  • Так как при выборе окон пользователи активно пользуются калькулятором, мы сделали на сайте калькулятор под каждую услугу компании. Сайт стал более интерактивным, а пользователи получили возможность узнать примерную цену и далее отправить заявку

Стек технологий

РЕЗУЛЬТАТЫ

  • Новый сайт показал себя отлично. В первый же месяц число конверсий выросло более чем на 500%, в сравнении с прошлым месяцем и с тем же месяцем в прошлом году

  • Продуманная структура и современный дизайн обеспечели высокие показатели вовлеченности и стабильный поток заявок для Заказчика

ПОСМОТРЕТЬ САЙТ