TEK

Задача

Привлечь новых клиентов в консервативной нише — на рынке продажи электроэнергии. С помощью сайта рассказать о преимуществах работы с компанией. Использовать WOW-эффект, чтобы привлечь более молодую аудиторию.

Решение

Мы создали креативную концепцию, где WOW-элементы — это интерактивная сетка и светящиеся частицы. Они помогают провести чёткую ассоциацию с нишей — централизованной поставкой электричества. Эффект усиливает и глубокий синий цвет.

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

WOW-эффект и UX

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

Мы позаботились об удобстве пользователя: прочитав заголовок, человек сразу понимает, что это за компания и какую услугу она продаёт. С любого экрана можно зайти в меню и перейти в другой раздел.

Композиция

Создавая дизайн, использовали «Golden canon grid» сетку. С её помощью сделали интересную, а главное — удобную для восприятия композицию и грамотно расставили акценты на контенте.

Вовлечение

Все кликабельные элементы (иконки и кнопки) имеют свою анимацию при наведении курсора. Это даёт пользователю чёткое представление: если он нажмёт на неё, то случится магия.

Сделали плавную анимацию появления текста и фотографий. Её задача — акцентировать внимание на появлении элементов, которые нужно изучить пользователю.

Просто о сложном

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

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

Инструкция

Люди не любят читать много. Особенно — если это инструкции. Мы визуализировали процесс подключения к компании в четырёх шагах с помощью отдельных иллюстраций. Вместе они образуют одну иллюстрацию — последовательность движения электроэнергии.

Детальнее о подключении рассказали на отдельной странице. Использовали классическую схему размещения контента «текст + иллюстрация».

Компания

На трёх экранах ближе познакомили пользователя с компанией. Показали её реальные достижения в цифрах — они говорят сами за себя.

Документы

Сделали удобную вложенную структуру. В этих разделах есть все необходимые документы для ознакомления (больше 100 шт). Их наличие на сайте компании — требование законодательства.

Мобайл