«VITRAJI»
разработка промо-страницы о светопрозрачных конструкциях в b2b

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

2022

Дизайн

Frontend

Маркетинг

Копирайтинг

Адрес:

vitraji.com

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

<span>«VITRAJI»</span><br> разработка промо-страницы о светопрозрачных конструкциях в b2b

Наша задача в этом проекте: создать промо-сайт для продажи услуг компании среди компаний и специалистов строительной отрасли.

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

Создать промо-
страницу для рекламы и продвижения продуктов компании

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

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

февраль 2022

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

май 2022

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

Написали текст

Проработали
структуру страницы

Подобрали ключевые
визуализации

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

Сверстали и разместили
сайт на хостинге

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

Для дизайна – традиционная Figma, и немного Photoshop.
Код - html/css.

Figma

Photoshop

HTML

MS Word

CSS

Написали текст

Целевая аудитория страницы – отраслевые специалисты. Основная задача: показать компетентность и опыт. В тексте использована специализированная терминология, которая не всегда понятна обычным розничным клиентам компании, но понятна и удобна профильным специалистам.

Проработали
структуру страницы

Одно из первых пожеланий команды VITRAJI – сделать послайдовый сайт. Это определило структуру страницы: блоки, при таком подходе должны быть небольшими, так как прокрутка внутри слайда делает интерфейс запутанным для конечных пользователей. Мы предложили структуру с отображением всех продуктов и преимуществ компании.

Предложения компании разделили
на два больших блока:

- профильные системы и фурнитуру, для тех кто подбирает определенный бренд оконных систем;

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

Сделали прототип

В прототипе разместили контент по слайдам и pop-up окнам. Часть окон содержит горизонтальные галереи, и явный элемент управления прокруткой.

К элементам галереи подключены pop-up окна с подробной информацией и предложением: например в конструктивных решениях опубликованы кратко описанные особенности каждого конкретного решения.

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

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

Показали опыт компании

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

Среди проектов есть как ИЖС (коттеджи, гостевые дома), так и крупные проекты, среди которых многоквартирные дома, рестораны и объекты коммерческой недвижимости.

Широкие компетенции и большой опыт для заказчиков из b2b – один из решающих факторов при принятии решения о сотрудничестве.

Подобрали ключевые визуализации

Для оформления продуктов и первого экрана подобрали тематические стоковые картинки. Для того, чтобы согласовать их, нам пришлось отрисовать более 40 экранов!

Фото

Галерея

Дизайн макеты сайта для проекта «VITRAJI»

Посмотреть

Посадочная страница

Сверстали
и разместили сайт

Сайт создан на чистом html/css, и представляет собой легкое и качественное решение. Скорость загрузки первого слайда – чуть более 1 секунды, после установки счетчика метрики.

Сайт разместили на хостинге заказчика
от компании Beget.

Вот посмотрите:

https://www.vitraji.com/