Роботи/03/ 26

108 Electriclline

Електрики · Бренд, сайт і відео

Брендбук, система логотипів, форма й брендування фургона, сайт і пояснювальні відео для електриків з Аксбриджа, які працюють по всьому Західному Лондону.

108electriclline.co.uk
108 Electriclline: website, first screen
108 Electriclline: website on a phone
КатегоріяЕлектрики · Бренд, сайт і відео
Живий сайт108electriclline.co.uk
Блоків розібрано06
Задача

Сайт має перетворити пошук електрика в Західному Лондоні на заявку: показати, що робить команда з Аксбриджа, довести, що роботу виконують охайно, і тримати дзвінок, WhatsApp чи форму за один дотик.

Що ми зробили
  • Брендбук
  • Сайт
  • Відео
  • Брендування фургона
Блок за блоком

Блок за блоком

Справжні скріншоти живого сайту, комп’ютер і телефон. Що робить кожна частина і чому вона зроблена саме так.

01 / 06
  • UX
  • Структура
  • Бренд

Послуги як щиток

Замість шести карток послуг ми намалювали електрощиток: «Flip a switch to see what each one covers». Кожен автомат (B32 Home, B20 Commercial, B6 CCTV, Security, Fire, B16 Smart) відкриває свою панель із фото, шістьма пунктами й двома кнопками — «Learn more» і «Get a quote». Перелік послуг стає предметом, з яким електрик працює щодня.

Комп’ютер · 1440Телефон · 390
108electriclline.co.uk
108 Electriclline: Services as a fuse board
108 Electriclline: Services as a fuse board (phone)
02 / 06
  • Контент
  • Довіра
  • Структура

Реальні типи робіт

«Work we take on» показує конкретні роботи, а не категорії: повна заміна проводки у вікторіанському будинку, пожежна сигналізація для спільного житла, відеонагляд для сімейного дому, світло в магазині, розумне опалення. Кожна картка каже, що саме зроблено, і веде на «See the job», а «All 14 types of job» відкриває всі сторінки.

Комп’ютер · 1440Телефон · 390
108electriclline.co.uk
108 Electriclline: Real types of job
108 Electriclline: Real types of job (phone)
03 / 06
  • Анімація
  • Текст
  • Довіра

Слайдер «до і після»

«From fuse box to consumer unit. Drag the handle.» Відвідувач сам тягне повзунок між старим щитком і новим, а два прості речення пояснюють, навіщо це: запобіжний дріт не захищає від удару струмом, щиток з ПЗВ вимикає лише несправну лінію. Кнопка «About this job» стоїть одразу під поясненням.

Комп’ютер · 1440Телефон · 390
108electriclline.co.uk
108 Electriclline: Before and after slider
108 Electriclline: Before and after slider (phone)
04 / 06
  • Конверсія
  • UX
  • Текст

Тест щитка за 30 секунд

«Is your fuse box due an upgrade?» ставить пʼять питань «так/ні», на які відповість будь-хто, відчинивши шафку: запобіжний дріт, деревʼяна основа, немає ПЗВ, вибиває автомати, щитку понад 20 років. «Nothing to sign up for» знімає барʼєр, примітка чесно каже «a rough guide, not an inspection», а результат веде до «Book a check».

Комп’ютер · 1440Телефон · 390
108electriclline.co.uk
108 Electriclline: A 30-second fuse box quiz
108 Electriclline: A 30-second fuse box quiz (phone)
05 / 06
  • Бренд
  • Довіра

Шукайте синій

Бренд заходить на сайт як обіцянка: «Look for the blue». Вишите золоте 108 на блакитній робочій сорочці — за ним клієнти впізнають команду на обʼєкті. Далі чотири короткі стандарти, привʼязані до логотипа: рівні кабельні траси «like the lines in our logo», підписані щитки, чистота щодня, у формі й вчасно.

Комп’ютер · 1440Телефон · 390
108electriclline.co.uk
108 Electriclline: Look for the blue
108 Electriclline: Look for the blue (phone)
06 / 06
  • Конверсія
  • Кнопки · CTA
  • Мобільна версія

Форма заявки з фото

«Tell us about the job.» просить імʼя, телефон, поштовий індекс, вибір послуги й до трьох фото «the fuse board, the wall or the space» — саме те, що потрібно електрику для ціни. Хто любить покроково, має посилання на quote planner. Поруч картка директора: дзвінок, WhatsApp, пошта, «Save contact» і цифрова візитка; на телефоні нижня панель тримає Call, WhatsApp і «Get a quote» на екрані.

Комп’ютер · 1440Телефон · 390
108electriclline.co.uk
108 Electriclline: Quote form with photos
108 Electriclline: Quote form with photos (phone)
Бренд

Бренд

Айдентика, на якій стоїть сайт: файли, якими клієнт користується не лише в інтернеті.

108 Electriclline: Van livery: azure with the gold 108 badge
Брендування фургона: блакитний із золотим бейджем 108
108 Electriclline: Business cards with a QR code to the site
Візитки з QR-кодом на сайт
108 Electriclline: Uniform: the badge embroidered on the chest
Форма: бейдж вишитий на грудях
108 Electriclline: Brand book: how the 108 is built
Брендбук: як побудовано 108
108 Electriclline: Brand book: colourways of the badge
Брендбук: кольорові версії бейджа
Що всередині

Що всередині

  • Інтерактивний щиток: шість перемикачів відкривають шість панелей послуг
  • Порівняння «до і після» з повзунком
  • Тест із 5 питань «так/ні» з результатом
  • Форма заявки з завантаженням до 3 фото та покроковий планувальник ціни
  • Закріплена мобільна панель: Call · WhatsApp · Get a quote

Хочете так само?

Розкажіть про свій бізнес у WhatsApp. Ми відповімо планом і фіксованою ціною ще до початку роботи.

Наступний кейс Get Smart Tennis Спорт · Сайт і логотип