UtilityTrading оновлений стиль і сайт для оптового трейдера електроенергії
Коротко
UtilityTrading — ліцензований оптовий трейдер електроенергії. Компанія купує енергію на оптовому ринку й постачає її бізнесу по всій Україні.
Бізнес-задача — отримувати заявки від компаній, які шукають постачальника електроенергії. Рішення про постачальника клієнт ухвалює, коли довіряє, тож за хвилину на сайті він має зрозуміти, хто такий UtilityTrading, як проходить оптова покупка і чому з компанією надійно працювати.
Головне, що мав передати стиль, — відчуття струму. Тому сайт живе на відео: лінії електропередач, мапа України й захід сонця, перефарбовані в колір бренду.
Стиль
Перший екран, зібраний шар за шаром
-
Спершу — сенси й порядок: хто компанія, скільки енергії продала, як проходить покупка, де залишити заявку. Сірий екран без декору — уся увага на змісті.
-
Чорний дає глибину й вагу, помаранчевий — енергію: знак, акценти, кнопки. Двох кольорів сайту достатньо.
-
Unbounded — широкий гротеск із технологічним характером. Великі заголовки звучать упевнено, як і має звучати компанія, що працює з мегаватами.
-
Знак із шести смуг нагадує дроти ліній електропередач. Ми оновили логотип і дали знаку об’єм: смуги світяться, як дроти під напругою, а в написі UTILITY — щільне, TRADING — легке.
-
Останній шар — живе відео. Лінії електропередач у кольорі бренду, по яких біжить струм.
- Прототип
- Колір
- Шрифт
- Логотип
- Відео
Відео
Відео, яке говорить кольором бренду
Лінії електропередач, мапа України й захід сонця отримали шар фірмового помаранчевого в режимі Linear Burn: сині й бірюзові відтінки згоряють у червоний, а світло стає помаранчевим. Знизу — градієнт у чорне, щоб текст лишався читабельним. Потягніть шторку.
3D-відео+ #FF4F00 · Linear Burn+ Градієнт у чорне= Кадр сайту
Нічні лінії електропередач зі світловими імпульсами — струм, що біжить дротами.
3D-відео+ #FF4F00 · Linear Burn+ Градієнт у чорне= Кадр сайту
Мапа України, де світяться межі областей, — під блоком про роботу по всій країні.
3D-відео+ #FF9445 · Linear Burn+ Градієнт у чорне= Кадр сайту
Захід сонця над опорами — тепліший відтінок під фінальну пропозицію й форму заявки.
Сайт
Одна сторінка — уся компанія
Темні енергетичні блоки чергуються зі світлими, де читають деталі: про компанію, чотири кроки оптової покупки, переваги, клієнти, нормативна база, слово CEO й форма заявки. Знак із шести смуг повторюється в кроках покупки й нормативній базі, а мобільна версія зберігає той самий ритм. Наведіть курсор, щоб роздивитися ближче.
Результат
UtilityTrading отримав сайт, що веде клієнта від першого екрана до заявки: за хвилину він пояснює, хто компанія, як купити електроенергію оптом і чому їй довіряють.
Оновлений стиль із відчуттям струму робить компанію впізнаваною з першого кадру й додає ваги в розмові з великим бізнесом. Сайт: utility-trading.com.ua.
Що зробимо для вас
Стиль і сайт, які приводять заявки
Коли компанії треба швидко пояснити ринку, хто вона, і перетворити інтерес клієнта на заявку. Пройдемо той самий шлях, що з UtilityTrading: від сенсів до сторінки, яка веде до розмови з менеджером.
-
01 Сенси й прототип Що клієнт має зрозуміти за хвилину і в якому порядку. -
02 Оновлений стиль Логотип, шрифт і колір, що передають характер бізнесу. -
03 Сторінка, що веде до заявки Від першого екрана до форми — один зрозумілий шлях.
Команда
- Агенція
- DOGMA
- Що зробили
- Прототип, оновлення логотипа, шрифтів і кольорів, дизайн сайту, розробка на Webflow
- Клієнт
- UtilityTrading
