Studija Vibe
Portfolio svetainė grafikos dizainerei, kurioje pats web dizainas tampa jos kūrybinio identiteto dalimi.
Web design / Development / UX / Animations / Interactions
Ne tik darbai, bet ir
kūrybinis charakteris
Atnaujinant „Studija Vibe“ svetainę pagrindinis tikslas buvo ne tik profesionaliai pristatyti grafikos dizainerės darbus, bet ir sukurti skaitmeninę patirtį, kuri iš karto perteiktų jos kūrybiškumą, kruopštumą ir išskirtinį vizualinį stilių.
Animacija, kuri patraukia,
ir problema, kurią atpažįsti
Hero sekcijos pagrindine žvaigžde tapo interaktyvi animacija, kuri iškart patraukia dėmesį ir pristato pagrindinę prekės ženklo idėją. Svetainėje gausu specialiai jai sukurtų grafinių elementų, subtilių animacijų ir macOS įkvėptų detalių, kurios informaciją paverčia ne tik lengvai suprantama, bet ir žaisminga.
Po hero lankytojas iš karto susiduria su jam pažįstamomis problemomis – vizualiniu nenuoseklumu, pasenusiu identitetu ar prekės ženklu, kuris nebeatspindi verslo. Taip žmogus gali greitai suprasti, ar ši paslauga skirta būtent jam, o atpažinus save – turi priežastį tyrinėti svetainę toliau.
Aiški kelionė
iki paslaugos
Toliau paprastai ir vizualiai pateikiamas 3 žingsnių darbo procesas, todėl dar prieš susisiekiant aišku, kaip vyks bendradarbiavimas.
Interaktyvi darbų karuselė leidžia greitai peržiūrėti skirtingus projektus ir pereiti prie išsamesnių case study. Paslaugų dalis iš karto parodo pagrindines kompetencijas, o po jos pateikiami klientų atsiliepimai veikia kaip papildomas pasitikėjimo įrodymas.
Darbai yra
pagrindinis argumentas
„Work“ puslapį sąmoningai išlaikėme minimalistinį. Čia nereikia perteklinių dekoracijų – pagrindinis dėmesys skiriamas pačiam dizainerės darbui.
Projektai pateikiami dideliu formatu, o aiški grid sistema išlaiko tvarką ir leidžia lengvai sekti turinį. Kiekvienas projektas turi savo erdvę, todėl aukštos kokybės vizualai nėra suspaudžiami į standartines portfolio korteles.
Vienas žaismingiausių sprendimų – macOS „Notes“ įkvėpta navigacija, leidžianti vienoje vietoje matyti visus projektus ir akimirksniu tarp jų persijungti. Lankytojui nereikia grįžti atgal į darbų sąrašą ir atlikti papildomų žingsnių.
Mažiau triukšmo,
daugiau aiškumo
Paslaugų puslapio tikslas – neleisti žmogui pasimesti tarp didelio kiekio informacijos.
Paslaugos suskirstytos į aiškias kategorijas ir paketus. Lankytojas gali greitai atsirinkti, ko jam reikia, kas bus atlikta, kiek projektas truks ir kiek kainuos, o susidomėjęs iš karto rezervuoti trumpą pokalbį.
Žmogus
už darbų
Kadangi kūrybinėse paslaugose klientas renkasi ne tik portfolio, bet ir žmogų, „About“ puslapyje pristatoma pati dizainerė, jos požiūris bei darbo principai.
Čia pat integruotas DUK atsako į dažniausias abejones prieš užsakymą – nuo kainodaros ir korekcijų iki pirmojo pokalbio.
Sticky navigacija išlieka pasiekiama visos kelionės metu, todėl lankytojui surinkus pakankamai informacijos ir pasitikėjimo nereikia ieškoti, ką daryti toliau – „Book a call“ visada yra vienu paspaudimu.
Detalės, kurios
sukuria charakterį
Visą svetainę jungia vientisa vizualinė sistema: šviesiai mėlyna spalva, plonos grid linijos, serif ir sans-serif tipografijos kontrastas, bespoke grafika, animacijos bei macOS įkvėpti UI elementai.
Net footeris nėra paliktas kaip techninė svetainės pabaiga – jame atsiranda Apple/macOS stilistikos socialinių kanalų juosta, kontaktai, „Book a call“ CTA ir judantis „Studija Vibe“ ženklas.
Svetainė, kuri pati yra dizainerės vizitinė kortelė
Rezultatas – svetainė, kurioje web dizainas tampa dizainerės kūrybinio identiteto dalimi. Kiekvienas puslapis turi aiškų vaidmenį: hero sukuria įspūdį, „Work“ pateikia įrodymus, „Services“ – aiškumą, o „About“ – žmogų. Bendras vaizdas parodo ne tik tai, ką „Studija Vibe“ daro, bet ir kaip dirba: tvarkingai, apgalvotai ir su charakteriu.