B2B · Pramonė · Web dizainas · 2024

Dizainas, kuris
uždirba pasitikėjimą.

Orkos teikia maisto perdirbimo linijų sprendimus. Kompetencija — neginčytina. Problema: svetainė jos nerodė. Potencialūs klientai negalėjo apsispręsti iš ekrano.

Rolė
UX/UI · CRO · Web dizainas
Įrankiai
Figma · Illustrator
Metai
2024
Tipas
B2B svetainė · 5 puslapiai
Situacija
Prieš
Aiški paslaugų struktūra
Vizualinis autoritetas
Kompetencijos demonstravimas
Aiškus CTA
Mobilusis dizainas
Potencialus klientas atėjo, nerado, ko jam reikia, ir išėjo. Svetainė nekalbėjo ta kalba, kuria kalba inžinieriai ir pirkimų vadovai.
Po
Aiški paslaugų struktūra
Techninis autoritetas
Atvejų studijos
Aiškus CTA kiekvienoje sekcijoje
Mobile-first dizainas
B2B klientas supranta paslaugą per 30 sekundžių. Kiekviena sekcija veda link vieno veiksmo: susisiekti.
Vizualinė sistema

Solidu. Techniška. Patikima.

Tamsiai mėlyna signalizuoja patikimumą ir gilią kompetenciją. Šviesi mėlyna — modernumą. Kartu jos kuria B2B autoritetą pramonės sektoriuje.

Tamsi jūros mėlyna
#1A2E44
Pagrindas · svarumas
Pramoninė mėlyna
#2D6A8F
Akcentas · CTA
Šviesi mėlyna
#5B9FCC
Detalės · šviesa
Techninė balta
#F0F4F8
Fonas · sekcijos
Orkos Solutions
Manrope 800Display
Hero antraštės, paslaugų pavadinimai
Food processing line engineering
Inter 400Body
Techninis turinys, paslaugų aprašymai
Svetainė

Struktūra, kuri veda B2B klientą iki užklausos.

Kiekviena sekcija turi tikslą: hero parodo kompetenciją, paslaugų — aiškumą, case studies — patikimumą, CTA — galimybę veikti.

Puslapiai ir sekcijos

Kompleksinės paslaugos — aiškiai paaiškintos.

Pramoninės įrangos paslaugas dažnai sudėtinga paaiškinti. Struktūra ir vizualinė hierarchija leidžia klientui suprasti per sekundę.

Ką padariau

Strategija. Struktūra. Svetainė.

Šeši etapai — vienas aiškus B2B komunikacijos įrankis.

01
UX strategija
Apibrėžti pirkėjų keliai: nuo pirmo apsilankymo iki užklausos. Kiekviena sekcija grindžiama šiais keliais.
02
Informacinė architektūra
Paslaugų struktūra, navigacija, puslapių hierarchija — viskas suprojektuota taip, kad B2B klientas atsakymą rastų greitai.
03
Spalvų ir tipografijos sistema
Tamsi jūros mėlyna + pramoninė mėlyna + techninė balta. Sistema veikia tiek svetainėje, tiek pardavimų prezentacijose.
04
Pagrindinis puslapis
Hero su aiškiu CTA, paslaugų apžvalga, case studies, kontaktų forma. Vienas CTA vienoje sekcijoje.
05
4 papildomi puslapiai
Paslaugos, apie mus, projektai, kontaktai — visi iš tos pačios sistemos. Nuoseklus balsas visoje svetainėje.
06
Figma prototipas
Pilnas interaktyvus prototipas klientui peržiūrėti. Komanda gali kurti naujus puslapius be papildomo dizainerio.
Gyvas projektas

Pamatyti gyvai

Galutinis rezultatas — svetainėje

orkos.lt ↗