■ REFERENCA · VEB SAJT

Marlo Medic

Kako smo kroz savremen dizajn, custom development i animacije napravili digitalno iskustvo koje prati inovativnost tehnologije koju Marlo Medic predstavlja.

KLIJENT: Marlo Medic ↗
DELATNOST: Medicinska tehnologija
USLUGE: UX/UI dizajn · RazvojCustom animacije · Motion sistem
NAŠA ULOGA: Dizajn, razvoj i animacije sajta

Marlo Medic povezuje zdravstvene ustanove širom Centralne i Istočne Evrope sa savremenim medicinskim tehnologijama, uz distribuciju, servis, finansiranje i stručnu edukaciju. Kompanija danas posluje kroz šest regionalnih kancelarija i sarađuje sa velikim brojem međunarodnih proizvođača medicinske opreme.

Kada smo radili novi sajt, cilj nije bio samo da postojeće informacije presložimo u moderniji interfejs. Želeli smo da način na koji se Marlo Medic predstavlja online prati ono što kompanija predstavlja u svom poslu: preciznost, tehnologiju, inovaciju i napredak.

Zato smo dizajn i development od početka posmatrali kao jednu celinu, sa posebnim fokusom na animaciju i interakciju.

Izazov

Sajt kompanije iz medicinsko-tehnološke industrije lako može da završi u veoma očekivanom vizuelnom okviru: mnogo bele površine, fotografije opreme, nekoliko korporativnih sekcija i vrlo malo karaktera.

Za Marlo Medic želeli smo drugačiji rezultat.

Bilo je potrebno zadržati ozbiljnost i kredibilitet koji ova industrija zahteva, ali istovremeno napraviti digitalni nastup koji jasno pokazuje da je reč o kompaniji okrenutoj savremenoj tehnologiji i inovacijama.

Zato je glavno pitanje bilo: kako napraviti sajt koji izgleda ozbiljno i profesionalno, ali nikada statično?

■ ISPORUČENO

Šta je ušlo u isporuku.

Dizajn sajta i vizuelni sistem

Custom animacije, tranzicije i interakcije

Struktura kroz četiri pravca poslovanja

Prostor za vesti i aktuelnosti

Fluidan i responsive prikaz na svim ekranima

Rešenje

Dizajn smo izgradili oko čistog vizuelnog sistema, velikih površina, snažne tipografije i pažljivo odabranog sadržaja, dok smo kroz development dodali sloj pokreta koji povezuje čitavo iskustvo.

Umesto da animacije budu dekoracija dodata na kraju projekta, planirali smo ih paralelno sa dizajnom.

Pojavljivanje elemenata, prelazi između sekcija, promene sadržaja, hover stanja i drugi detalji osmišljeni su tako da korisniku daju osećaj kontinuiteta dok prolazi kroz sajt.

Rezultat nije stranica na kojoj „sve leti“, već kontrolisan motion sistem koji podržava sadržaj i identitet brenda.

02.1

Animacija kao deo vizuelnog identiteta

Poseban deo projekta bila je izrada custom animacija koje sajtu daju prepoznatljiv karakter.

Od hero sekcije i prvog kontakta sa brendom, preko različitih interaktivnih elemenata, do tranzicija kroz sadržaj, pokret koristimo kao jedan od osnovnih elemenata iskustva.

Ideja je bila da animacije vizuelno prenesu osećaj preciznosti i savremene tehnologije, ali bez narušavanja čitljivosti i jednostavnosti korišćenja.

Svaka interakcija zato ima funkciju: da usmeri pažnju, naglasi važnu informaciju ili prirodnije poveže dve celine stranice.

02.2

Development koji prati dizajn

Kod ovakvog projekta dizajn ne može da se završi u Figmi, a zatim samo „prenese“ u kod.

Veliki deo konačnog izgleda sajta nastaje upravo u developmentu, kroz fino podešavanje tajminga, tranzicija, ponašanja elemenata pri skrolovanju i različitih interakcija.

Zbog toga su dizajn i development vođeni paralelno, kako bi animacije ostale deo originalne ideje i u finalnom proizvodu, umesto da budu pojednostavljene ili izgubljene tokom implementacije.

Posebnu pažnju posvetili smo tome da sve ostane fluidno i responsive na različitim veličinama ekrana.

02.3

Struktura koja kompaniju predstavlja jasno

Iako je vizuelno iskustvo važan deo sajta, ono nije smelo da stane ispred sadržaja.

Marlo Medic svoje poslovanje predstavlja kroz četiri glavna pravca: distribuciju, servis i održavanje, operativni lizing i Academy, uz regionalno prisustvo, partnersku mrežu i dvanaest kliničkih oblasti.

Sadržaj smo zato organizovali tako da korisnik brzo može da razume čime se kompanija bavi, a zatim da istražuje pojedinačne oblasti bez osećaja da prolazi kroz klasičnu korporativnu prezentaciju.

Vizuelni elementi i animacije prate tu strukturu i daju svakom delu dovoljno prostora da se izdvoji.

02.4

Sajt koji može da raste zajedno sa kompanijom

Novi sajt nije zamišljen kao jednokratna prezentacija.

Pored osnovnih stranica kompanije, razvijen je i prostor za vesti i aktuelnosti, kroz koji Marlo Medic može da komunicira nova partnerstva, događaje, tehnološka dostignuća i razvoj robotske hirurgije i drugih oblasti.

Na taj način sajt ostaje aktivan digitalni kanal koji može da prati dalji razvoj kompanije, novih tržišta i tehnologija koje ulaze u njen portfolio.

Rezultat

Marlo Medic je dobio potpuno novi digitalni nastup u kojem dizajn, development i motion funkcionišu kao jedna celina.

Umesto klasičnog korporativnog sajta za medicinsku industriju, napravili smo iskustvo koje je čisto i profesionalno, ali istovremeno dinamično i tehnološki savremeno.

Custom animacije, tranzicije i interakcije nisu dodate da bi sajt samo izgledao atraktivnije. One su postale deo načina na koji se brend predstavlja i način da digitalno iskustvo prati karakter tehnologije koja se nalazi u centru poslovanja Marlo Medica.

Rezultat je sajt koji ne govori samo o inovacijama, već ih prenosi i kroz način na koji izgleda, kreće se i reaguje.

■ U BROJEVIMA

Regionalnih kancelarija

Glavna pravca poslovanja

Kliničkih oblasti