Кейсы

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

Разработали сайт для презентации продуктов компании и преимуществ работы с ней для строительных компаний, дизайнеров и агентств.
2022
Консалтинг
Дизайн
Верстка
Копирайтинг
Маркетинг
Промо-страница
<span>«VITRAJI»</span><br> разработка промо-страницы о светопрозрачных конструкциях в b2b
Наша задача в этом проекте: создать промо-сайт для продажи услуг компании среди компаний и специалистов строительной отрасли.

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

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

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

Начало работ:
февраль 2022
Окончание работ:
май 2022

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

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

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

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

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

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

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

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

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

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

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

В странице создали блок с реализованными проектами компании. Каждый проект – галерея, в которой посетитель сайта может посмотреть проекты в разных ракурсах.
Среди проектов есть как ИЖС (коттеджи, гостевые дома), так и крупные проекты, среди которых многоквартирные дома, рестораны и объекты коммерческой недвижимости.
Широкие компетенции и большой опыт для заказчиков из b2b – один из решающих факторов при принятии решения о сотрудничестве.
Показали опыт компании

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

Для оформления продуктов и первого экрана подобрали тематические стоковые картинки. Для того, чтобы согласовать их, нам пришлось отрисовать более 40 экранов!
Подобрали ключевые визуализации
Посадочная страница
Сверстали
и разместили сайт
Сайт создан на чистом html/css, и представляет собой легкое и качественное решение. Скорость загрузки первого слайда – чуть более 1 секунды, после установки счетчика метрики.
Сайт разместили на хостинге заказчика
от компании Beget.
Вот посмотрите:
Сайт

Немного цифр

Считаем мы всегда, но не все цифры можем показывать.
Но некоторые немножко можем!
3 человека
Проектная команда
для создания сайта
3 месяца
Заняла разработка
сайта под ключ
38 вариантов
Первого экрана страницы нарисовали
до согласования с заказчиком
Заказать проект

У вас есть похожая задача? Напишите нам и мы поделимся опытом и поможем с реализацией!

Написать
Заказать проект
Кейсы
Cмотрите
похожие кейсы
Web-AR для Gauss
Web-AR
3D-моделирование
Сайт-визитка
Web-AR для Gauss
Сделали небольшой промо-сайт и решение с дополненной реальностью на web-ar для компании Вартон
2022
Amarylis
Дизайн
Маркетинг
Брендинг
Bitrix
еще ...
Интернет-магазин
Интеграции
Amarylis
В 2019 году компания перезапускала интернет-магазин, и, столкнувшись с задачей проектирования интерфейса и создания дизайна обратилась
к нам за помощью.
2020
COFFF
Дизайн
COFFF
Разработали дизайн продающего сайта для монобрендового магазина по продаже кофейного оборудования
2023
Конструктор стоек
Маркетинг
Дизайн
Frontend
еще ...
3D-моделирование
Одностраничный магазин
Конструктор стоек
Разработали крутой онлайн калькулятор
для складских стоек.
2020
Autentica-aroma
Дизайн
Верстка
Интернет-магазин
Frontend
еще ...
Маркетинг
Проектирование интерфейса
Autentica-aroma
Крафтовый интернет-магазин нишевой косметики
2023
B.Billionaire / Opium
Фото
Реклама
B.Billionaire / Opium
Фотосопровождение
магазинов люкс сегмента.
2019
Светлица
Дизайн
Landing page
Реклама
Frontend
еще ...
Сайт-визитка
Светлица
Сайт для небольшой строительной компании, которая занимается строительством деревянных домов.
2021
Pro-Cosmetik
Маркетинг
Брендинг
Дизайн
еще ...
Bitrix
SMM
Реклама
Полиграфия
Интернет-магазин
Интеграции
Pro-Cosmetik
Интернет-магазин для сети
магазинов профессиональной
косметики.
2018
Стелла Техник
Фото
Стелла Техник
Фотосопровождение наших друзей
из компании Стелла Техник
2020
Noirot
Фото
Реклама
Noirot
Совместно с компанией ООО Нуаро наша команда провела предметную фотосъёмку для каталога и рекламы.
2019
Smeta Mascotte
Маркетинг
Дизайн
Frontend
Реклама
еще ...
Landing page
Сайт-визитка
Копирайтинг
Smeta Mascotte
Smeta Mascotte: продвижение услуг
по составлению смет
2019
Mascotte Consulting
Маркетинг
Дизайн
Frontend
еще ...
Реклама
Промо-страница
Мультиязычный
Копирайтинг
Mascotte Consulting
Разработали страницу для продажи крайне специфических консалтинговых услуг с английской локализацией и рекламой на двух языках.
2019
Cronwood
Дизайн
Frontend
Одностраничный магазин
Quiz
еще ...
Копирайтинг
Cronwood
Краткий экскурс в мебельный мир Севастополя
2019
Страус-Хаус
Маркетинг
Дизайн
Bitrix
еще ...
Фото
SMM
Сайт-визитка
Полиграфия
Интернет-магазин
Копирайтинг
Страус-Хаус
Маркетинг и позиционирование услуг
2018
AngarPro
Маркетинг
Дизайн
Сайт-визитка
AngarPro
Маркетинг и дизайн сайта-визитки
2024
Panam Pizza
Дизайн
Верстка
Frontend
еще ...
Создание презентаций
Panam Pizza
Разработали набор промо-материалов для франшизы сети пиццерий Панам.


2022
Premium Technologies
Интеграции
Реклама
Одностраничный магазин
еще ...
Промо-страница
Разработка
Маркетинг
Дизайн
Верстка
Landing page
Premium Technologies
Разработали промо-сайт и рекламные кампании для продвижения розничных и мелкооптовых продаж продукции Schüco и дополнительных услуг компании Премиум Технолоджис.
2021
Тележка
Landing page
Дизайн
Копирайтинг
Маркетинг
еще ...
Тележка
Создание лендинга и рекламных кампаний для увеличения продаж
2024
СРО Проф
Quiz
Промо-страница
Frontend
Landing page
еще ...
СРО Проф
Сделали легкую и понятную промо страницу с quiz-ом
2023
Пельменики
Маркетинг
Дизайн
Промо-страница
Фото
еще ...
Полиграфия
Интернет-магазин
Пельменики
Креативное и маркетинговое
сопровождение проекта Пельменики.
2020
Oscar-Et-Valentine
Маркетинг
Дизайн
Интеграции
еще ...
Bitrix
Oscar-Et-Valentine
Случается, что после запуска сайта сразу же требуется его редизайн. С сайтом Oscar Et Valentine произошла именно такая история.
2020
Показать еще