Разработка промо-сайта для Cristal LED

1. Вводная задача от заказчика, проблематика, цели

Задачи

Cristal LED, дочерний бренд SignageLab, занимается интеграцией всех видов профессиональных дисплеев — от медиафасадов до технологий COB и GOB.

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

Клиент просил сделать технологично, сочно, ярко, динамично. Аудитория проекта крайне разнородна (от руководства стадионов, до креативных компаний), поэтому ключевая задача — создать строгий, деловой и одновременно современный дизайн.

Дизайн-концепция

Мы искали визуальный язык, который свяжет физику света и цифровые технологии.

Основа: глубокий черный фон (идеальная среда для LED), который уравновешивает цветовую насыщенность контента.

Акценты: неоновая графика и технологичный шрифт с характерными «пикселями», визуально связывающий текстовую часть и графические элементы интерфейса.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Этап 1. 3D-визуализация

Лендинг должен продавать глазами, но продавать было нечем. Китайский поставщик подвел с материалами: на руках остались только «мыльные» черновики и низкокачественные исходники, которые убивали всю премиальность продукта.

Нам нужно было показать «вау-эффект» и инновационность, не имея ни одного реального красивого кадра.

Решение

Мы не стали спасать исходники ретушью, а создали визуал с нуля:

3D-визуализация. 
Смоделировали сцены, где экран вписан в реальную среду (витрина ТЦ, лобби).

Эффект прозрачности. 
Вместо абстрактной девушки (из исходников клиента) использовали изображение тигра. Это позволило показать глубину и эффект голограммы, когда изображение парит в воздухе на фоне интерьера.

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

Этап 2. Дизайн и верстка

Сайт разделили на два смысловых потока под два флагманских продукта:

• Прозрачные экраны: акцент на легкости, монтаже на стекло и 3D-эффектах.
• COB-экраны: акцент на надежности, защите глаз и идеальной картинке.

Реализация

Остановились на темной теме, так как это было единственно верное решение для продажи света. Контент буквально светится на мониторе.

Решили проблему качества исходного фонового видео (720p давало артефакты на больших мониторах). Пересобрали и оптимизировали футажи, чтобы сохранить четкость без потери скорости загрузки.

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

3. Результаты сотрудничества

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

Что получил клиент:

• Визуальная отстройка. Сайт выглядит дороже и современнее, чем у конкурентов с шаблонными решениями.
• Инструмент продаж. Лендинг снимает основные возражения по яркости, прозрачности и монтажу еще до звонка менеджеру.
• Контент. Мы не просто сделали дизайн, а создали банк 3D-изображений, которые клиент теперь использует и в других каналах.