Разработка сайта по продаже высоких дверей «APS-Porta»
для бизнес-центров

ufficioporta.ru

Клиент:

Компания «АПС-Порта» занимается изготовлением и монтажом офисных дверей для бизнес-центров класса A, B, B+.
 

Задачи:

Разработать современный сайт, на котором нужно сделать акцент на отличительной высоте этих дверей.


1

Разбор задачи и структура сайта

► Индивидуальный дизайн двери: дверь может быть изготовлена в цвет мебели

► Высокий уровень звукоизоляции и двери достигается за счет заполнения полотна и возможности установки выкидного автоматического порога

► Возможность изготовить двухстворчатую дверь с притвором в любом цветовом варианте полотна.

► Возможность выбрать цвет полотна из 1500 вариантов возможных для внутренней части двери под цвет кабинета и внешней стороны двери под цвет коридора.



Для каждого преимущественного пункта мы разработали уникальные изображения с использованием контента заказчика.



Размещение контента



Когда ставилась задача по разработке сайта, было оговорено с клиентом, что необходимы фотографии с выполненных объектов. За короткий срок контент был предоставлен.



Фотографии контента



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



Подробная информация



То есть, наш сайт должен быть нацелен на две целевые аудитории: конечный покупатель и переработчик. Это абсолютно разные целевые запросы и разные продукты. Поэтому, было решено разделить эти две ЦА на разные страницы.


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

  • Главный баннер, где делаем акцент на итоговом продукте;

  • основные преимущества;

  • блок с выбором цвета двери, чтобы сделать акцент на большой палитре цветов полотна;

  • фотографии объектов после монтажа дверей

  • контактную информацию.



Прототип лендинга



2

Разработали дизайн-макетов по прототипам

Следующим этапом работы была разработка дизайн-макетов по разработанным и согласованным структурам.


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



Макет первой страницы
Макет второй страницы


3

Разработка сайта по макетам и его наполнение

По итогу работы получился двухстраничный сайт, который корректно отображается на всех устройствах:

Адаптивность сайта



Понравился сайт? Поделитесь им с друзьями:

ufficioporta.ru

Понравился сайт? Поделитесь с друзьями: