«AngarPro» – разработка дизайна сайта компании

Сделали современный дизайн сайта-визитки и маркетинг для компании AngarPro

2024

Дизайн

Адрес:

angarpro.com/

Перейти
на сайт

<div class='width90 mt-16'><span>«AngarPro»</span> – разработка дизайна сайта компании</div>

АнгарПро предлагает своим клиентам разработку под ключ быстровозводимых конструкций, с широким набором материалов: от тентовой ткани до сэндвич-панелей.

Задача, поставленная заказчиком

Разработать современный дизайн сайта

Резюме проекта

Начало работ:

апрель 2024

Окончание работ:

июнь 2024

Какие задачи мы решали в проекте «AngarPro»

Проработали позиционирование и написали
текст страниц

Разработали 3 варианта стиля оформления

Нарисовали макеты
для десктопа

Нарисовали макеты планшетной
и мобильной версий

Какими инструментами мы пользовались

Figma

Photoshop

Проработали позиционирование и написали текст страниц

Компания angarPro предлагает услуг по строительству зданий на технологии быстровозводимых конструкций (БВК). Мы сформулировали главную ценность: все, что необходимо для постройки ангара у одного поставщика, от проектирования до возведения. Это гарантирует результат полностью соответствующий техническим характеристикам заложенным в проекте.

Надёжность – то самое слово.

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

Проработали позиционирование и написали текст страниц

Разработали
3 варианта стиля
оформления

Мы сделали 3 варианта оформления сайта. Два из них на светлом фоне, а один на черном, который и выбрал заказчик. Почему черный? Он подчеркивает качество, и для целевой аудитории создает ощущение комфорта.

ЦА – владельцы бизнеса разных отраслей и частные заказчики.

Дизайн

Нарисовали макеты для десктопа

Мы предположили, что основное количество
заказчиков будет посещать сайт с помощью настольных компьютеров. Поэтому начали отрисовку дизайна с макетов шириной 1920px. Структура сайта содержит:

1. Раздел проекты – для демонстрации опыта
2. Раздел новости – для поисковой оптимизации
3. Страница с отзывами – все отзывы реальные
4. Страница О нас – с подробной
информацией о компании и сотрудниках

Каждая версия детально проработана, с точки зрения ux/ui. Посмотреть макеты можно по ссылке:

Посмотреть

Разработали
интерфейс калькулятора предварительного расчёта

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

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

Разработали интерфейс калькулятора предварительного расчёта

Нарисовали
макеты планшетной и мобильной версий

Заказчик планировал передать макеты другой команде, и для их удобства мы отрисовали все интерфейсы сайта в 3-х версиях: десктоп – 1920px, планшет – 768px, мобильные – 375px

Каждая версия детально проработана, с точки зрения ux/ui. Посмотреть макеты можно по ссылке:

Посмотреть