™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_0
Назад

Промо-сайт ПРОФИНВЕСТ

™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_1
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_2
ПРОФИНВЕСТ: гибридная B2B-платформа, объединяющая инженерные решения и e-commerce

Компания «ПРОФИНВЕСТ» работает в двух направлениях: поставка сложных алюминиевых систем для архитекторов и застройщиков, а также продажа комплектующих для производителей и монтажников. Перед нами стояла задача создать единый цифровой ресурс, который в первую очередь работает на имидж инженерного партнёра, но при этом предоставляет удобный инструмент для быстрых онлайн-закупок фурнитуры.
Мы разработали платформу на CMS Drupal, где корпоративная презентация и интернет-магазин гармонично сосуществуют, не мешая друг другу.

Вызов №1: визуальное разделение и приоритет корпоративного бренда

Главная сложность заключалась в том, чтобы сайт не превратился в обычный магазин. Он должен выглядеть как дорогой, технологичный ресурс для профессионалов, где магазин является лишь вспомогательным инструментом.
Наше решение – архитектура интерфейса:
– Зонирование главного экрана: мы отказались от стандартных баннеров. Вместо этого реализована интерактивная схема – центральная, крупнейшая зона отведена под инженерные «Профильные системы» (корпоративная часть), а справа размещён вертикальный сайдбар «Фурнитура» (вход в магазин). Это сразу разделяет потоки посетителей.
– Дизайн доверия: минималистичный стиль, качественная типографика и акцент на фотографиях реализованных объектов формируют образ надёжного B2B-партнёра, а не просто продавца.

Вызов №2: навигация для специалистов и работа с техническими данными

Аудитория сайта – архитекторы и конструкторы – нуждается в быстром доступе к спецификациям, чертежам и технической документации. Маркетинговые тексты здесь не работают.
Наше решение – профессиональная структура данных:
– Сегментация аудитории: блок «Для кого подходят наши системы» позволяет каждому типу специалиста в один клик получить релевантную техническую информацию.
– Инженерный каталог: карточки систем содержат не просто описание, а подробные технические характеристики, галереи сечений и узлов.
– Центр документации: реализована возможность просмотра и загрузки PDF-каталогов непосредственно со страниц систем, а также через специальный виджет «Каталоги», который всегда доступен пользователю.

Вызов №3: удобный интернет-магазин для закупок

Для раздела «Фурнитура» и комплектующих была необходима совершенно иная логика – быстрый поиск, выбор и оформление заказа. Инженерная сложность здесь должна была уступить место удобству использования.
Наше решение – полноценный функционал магазина:
Несмотря на то, что магазин является частью корпоративного сайта, он обладает полным набором функций для комфортных покупок:
– Специализированная фильтрация: реализованы фильтры по техническим параметрам, которые позволяют менеджерам по закупкам быстро находить совместимые комплектующие (ручки, петли, уплотнители).
– Полный цикл покупки: пользователь может добавлять товары в корзину, оформлять заказы, выбирать способы доставки и оплаты, как в привычном интернет-магазине.
– Личный кабинет: для постоянных клиентов предусмотрена история заказов и возможность формировать списки «избранного» для повторных закупок.

Результат: единая экосистема для строительного бизнеса

Сайт «ПРОФИНВЕСТ» успешно решает двойную задачу. Для архитектора это – подробная база знаний и источник вдохновения. Для менеджера по закупкам – быстрый и удобный магазин. А для бизнеса – управляемый инструмент, который транслирует экспертность и генерирует продажи в двух направлениях одновременно.
Что мы сделали
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_3
UI/UX, дизайн
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_4
Программирование
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_5
Верстка
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_6
Наполнение
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_7
Тестирование
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_8
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_9
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_10
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_11
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_12
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_13
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_14
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_15
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_16
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_17
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_18
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_19
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_20
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_21
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_22
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_23
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_24
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_25
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_26
Ушло времени
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_27
Промо-сайт ПРОФИНВЕСТ На ноутбуке
Промо-сайт ПРОФИНВЕСТ На планшете
Главная страница
™ Глянец, студия веб-дизайна - Промо-сайт ПРОФИНВЕСТ_28
Инструменты и технологии
которые мы использовали в работе над сайтом
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Git
Figma
Adobe Photoshop
ChatGPT
Промо-сайт ПРОФИНВЕСТ
Внутренние страницы
Меню специальных возможностей
Настройки контрастности
Размер шрифта
Расстояние между буквами
Высота строки
Изображения
Шрифт
Сброс настроек