M – Format d.o.o.
Beauty industrija vizualno je zahtjevna i konkurentna — profesionalci koji biraju dobavljača opreme za svoj salon očekuju da i sam dobavljač izgleda profesionalno i pouzdano.
- Beauty
- Web stranica
- Klijent
- M-Format d.o.o.
- Sektor
- Beauty
- Usluga
- Web stranica
- Tehnologije
- Corel Draw, WordPress, PHP, HTML/CSS, JavaScript
- Web stranica projekta
- mformat.hr (vanjska stranica)
O klijentu
M-Format je renomirana tvrtka iz Rijeke specijalizirana za uvoz i distribuciju profesionalne opreme i preparata za frizerske i kozmetičke salone. Njihov asortiman obuhvaća proizvode nekih od najcjenjenijih svjetskih i europskih brendova — Wahl, Panasonic, Gamma Più, Termix, Olivia Garden, Jaguar, Mavex, Magnetic Nail Design i mnoge druge. Uvozom većih količina direktno od proizvođača klijentima osiguravaju vrhunsku kvalitetu po konkurentnim cijenama, a ciljana publika su isključivo profesionalci — frizeri i kozmetičari koji opremaju ili obnavljaju svoje salone.
Izazov
Specifičan izazov ovog projekta bila je dvostruka priroda zadatka — logotip i web stranica morali su nastati kao jedinstvena cjelina, a ne kao dva odvojena isporučena elementa. Vizualni identitet definiran logotipom trebao je biti živa nit koja prolazi kroz svaki element stranice i daje tvrtki prepoznatljiv i konzistentan nastup. Uz to, stranica nije samostalni web shop nego prezentacijski sloj koji vodi na odvojenu e-commerce platformu — što je zahtijevalo jasnu i intuitivnu navigaciju koja posjetitelja bez trenja provodi od upoznavanja s tvrtkom do konkretne kupnje na drugoj domeni.
Rješenje
Beauty industrija vizualno je zahtjevna i konkurentna — profesionalci koji biraju dobavljača opreme za svoj salon očekuju da i sam dobavljač izgleda profesionalno i pouzdano. M-Format je imao dobro razvijenu mrežu klijenata i etabliranu distribucijsku ulogu na tržištu, ali bez jakog vizualnog identiteta i moderne digitalne prezentacije nije mogao na jednak način komunicirati svoju poziciju premium distributera vrhunskih brendova. Projekt je obuhvatio dvije međusobno povezane stvari — izradu logotipa koji će biti temelj vizualnog identiteta tvrtke, te razvoj prezentacijske web stranice koja taj identitet prenosi u digitalnu sferu i usmjerava posjetitelje prema web shopu na odvojenoj platformi.
Preuzeli smo projekt u cijelosti — od dizajna logotipa do razvoja i implementacije web stranice, uključujući digitalnu pristupačnost.
Rezultat
Isporučen je kompletan vizualni identitet tvrtke — logotip i prezentacijska web stranica koji zajedno komuniciraju profesionalnost i pouzdanost M-Formata kao premium distributera opreme za beauty profesionalce. Stranica zadovoljava WCAG standarde digitalne pristupačnosti, responzivna je na svim uređajima i uspješno služi kao digitalna posjetnica i konverzijski most prema web shopu.
Ključne funkcije
Dizajn logotipa
Logotip je bio polazna točka cijelog projekta jer je trebao definirati vizualni jezik koji će se potom provući kroz stranicu. Dizajn je morao komunicirati profesionalnost i pouzdanost — vrijednosti ključne za B2B distribucijsku tvrtku u beauty sektoru — a istovremeno biti dovoljno fleksibilan za primjenu na različitim medijima, od digitalne prezentacije do ambalaže i poslovne dokumentacije. Rezultat je čist, moderan logotip koji odražava poziciju tvrtke kao ozbiljnog i pouzdanog partnera frizerima i kozmetičarima.
Stranica je dizajnirana i razvijena u WordPressu s jasnom svrhom — profesionalno predstaviti tvrtku, njene usluge i asortiman brendova te posjetitelje usmjeriti prema web shopu gdje mogu pregledati i naručiti proizvode. Arhitektura stranice podijeljena je na dva jasna segmenta prema ciljnoj skupini: frizeri i kozmetičari, svaki s vlastitim pregledom relevantnih kategorija proizvoda i direktnim linkom na odgovarajući dio web shopa. Vizualni identitet logotipa dosljedno je primijenjen kroz cijelu stranicu — u tipografiji, kolornoj paleti i općem dojmu — čime je osiguran kohezivan i profesionalan nastup brenda u digitalnom prostoru.
Digitalna pristupačnost
Projekt je uključivao implementaciju digitalne pristupačnosti sukladno WCAG smjernicama, što potvrđuje i Izjava o pristupačnosti objavljena na stranici. Implementacija je obuhvatila semantički ispravan HTML kroz sve elemente stranice, odgovarajući kontrast boja koji zadovoljava WCAG AA standard, punu navigabilnost tipkovnicom, ARIA oznake za interaktivne elemente i dinamički sadržaj, pravilno označene navigacijske strukture te tekstualne alternative za sve vizualne sadržaje uključujući logotipe brendova koji su prikazani u galeriji partnera. Pristupačnost je, kao i na prethodnim projektima, integrirana u razvoj od samog početka — a ne naknadno zakrpana — što je jedini način da se dosljedno primijeni kroz cijelu stranicu.
Responzivnost
Stranica je u potpunosti responzivna i prilagođena svim uređajima. Obzirom da frizeri i kozmetičari često istražuju ponudu opreme i preparata između klijenata, na mobitelu, mobilno iskustvo je posebno važno za ovu ciljnu skupinu.
