Kritika web dizajna # 60: Mogo Style
Svakog tjedna pregledavamo novu web stranicu i analiziramo dizajn. Izdvojit ćemo oba područja koja su dobro učinjena, osim onih koja bi mogla koristiti neko djelo. Na kraju, završit ćemo traženjem da pošaljete svoje povratne informacije.
Današnja stranica je Mogo Style, web mjesto za naručivanje osobnog logotipa.
Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 49 USD za kritiku vašeg dizajna - znatno manje nego što biste platili za savjetnika da pogleda vašu stranicu! Više možete saznati ovdje.
O Mogo stilu
Mogli su savršen alat za vaš osobni brend, stvoren za pojedince koji žele izdvojiti se iz gomile. Koristite ih za vaše posjetnice, e-poštu i profile. Osobno kao fotografija, ali profesionalno poput logotipa. Napravite nevjerojatan dojam, svaki put.
Ovdje je odjeljak početne stranice:
Početni dojam
Prije svega, moram komentirati uslugu. Doista zanimljiva ideja. Oni fotografiraju vas i pretvaraju ga u ilustraciju koja je u osnovi kvadrat sličan iPhoneu ikona. Dakle, u osnovi je to usluga digitalne avatar koja vam pruža urednu malu osobnu ikonu za Facebook, Twitter, posjetnice i još mnogo toga.
Početna stranica web stranice to vrlo dobro komunicira. Unatoč činjenici da tvrtka ima vrlo jedinstven koncept, trebalo mi je samo sekundu da je razumijem. To je otprilike tako visok cilj koliko se možete nadati ovdje i oni su ga zalijepili.
Cjelokupni dizajn je čist i minimalan, što zaista skreće vašu pažnju na prezentaciju koja objašnjava uslugu i prikazuje primjere. Rekao bih da je stranica prilično blizu savršena, ali definitivno imam nekoliko preporuka. Pogledajmo bliže.
Poravnanje
Usklađivanje je jedna od rijetkih stvari za koju mislim da treba riješiti. Skoro da je savršena, ali ja sam kontrolna nakaza kada je u pitanju poravnanje i onaj element koji nije na mjestu ovdje me stvarno gnjavi. Tekst Mogo Style usklađen je s ostalim elementima, ali malo srce nekako lebdi u nečijoj zemlji.
Ovdje je problem što su logotip i tekst vizualna cjelina. Ne doživljavate ih kao dva odvojena elementa, već kao jedan. Cijeli logotip trebao bi se nalaziti na lijevoj web lokaciji s ostatkom sadržaja na stranici. Ovdje je rješenje jednostavno, samo pomaknite logotip udesno tako da srce trenutno sjedi tamo gdje tekst radi.
Priča
Kao što sam gore spomenuo, web stranica sjajno komunicira svoj koncept. To se velikim dijelom zahvaljuje velikom dijapozitivu na početnoj stranici, koji vas uvodi u Mogo Style i ono što oni rade. Evo četiri slike koje ćete vidjeti prema redoslijedu izgleda.
Prvo što vidite su neki primjeri proizvoda koji se isporučuju. U ovom slučaju slika zaista vrijedi tisuću riječi ili više. Ne može se ponuditi jasnije objašnjenje usluge. Sljedeće vas impresioniraju. Prvi slajd vas zanima, ali sada je vrijeme za kvalitetnu komunikaciju. Ovdje tvrde da je svaki logotip crtan. Teško je opravdati plaćanje nekome da vašu fotografiju zalijepi u program automatskog traženja, ali prilagođena ručno crtana ilustracija sasvim je druga stvar. Sljedeća dva dijapozitiva posvećena su prikazu zašto vam treba proizvod prikazom nekih slučajeva upotrebe.
Ovdje su postavke odlične mogućnosti prodaje: evo što prodajemo, evo zašto je sjajno i evo zašto vam to treba. Svaki put kad strukturirate prezentaciju za početnu stranicu trebali biste imati na umu slične komunikacijske ciljeve.
Čitljivost
Sad ću reći da nisam lud za čitljivošću teksta preko fotografskih dijapozitiva. Dizajner je pokušao poboljšati situaciju podebljanim tekstom i kapom, ali još je bolje. Fotografije su jednostavno previše zauzete da biste ih lako čitali. Ako nemate veliko polje prilično solidne boje, gotovo da ga i ne biste trebali pokušati.
Srećom, rješenje je gotovo uvijek jednostavno: ako nemate čvrsto polje u boji, napravite ga! Jednostavna crna traka ovdje ide daleko. Da stvari postanu malo zamamnije, smanjio sam neprozirnost crne trake i zamaglio sliku iza nje.
Usporedite ovaj tekst sa stvarnim primjerom i odmah možete vidjeti da je čitljivost drastično poboljšana, a i dalje izgleda prilično stilski, možda čak i više.
Stranica "Saznajte"
Prelazeći na stranicu "Uči", vidimo još jedan dobro osmišljen prostor, ovaj put s mnogo linearnijim rasporedom koji sadrži tri glavna odjeljka i nekoliko pozadinskih priča na dnu.
Mislim da je ova stranica sjajna, sviđa mi se širenje detalja o važnim točkama i korištenje različitih, ali usko povezanih slika. Bilo bi lako ovo područje učiniti potpuno suvišnim od početne stranice, ali dobro čini samostalni rad.
Sklona sam mišljenju da su društveni logotipi nakon svakog stavka pomalo suvišni. Vizualno, to izgleda sjajno, ali konceptualno zapravo nema puno razloga da se ovaj element toliko puta ponovi. Mislim da bi ovoj stranici koristilo malo smanjeno usredotočenje na društvene medije i povećani fokus na privlačenju korisnika na stranicu za kupnju. Pomoglo bi vam se tipka "uzmi sada" ili nešto slično.
Gdje je FAQ?
Moj posljednji komentar na mjestu je da, s aspekta dizajnera, nema dovoljno tehničkih podataka o proizvodu. Je li to raster ili vektor? Ako je raster, koja je razlučivost i veličina isporučene datoteke i dolazi li na prozirnoj pozadini? Koliko je lako mijenjati boju? U kojim se formatima datoteka pojavljuje?
Pod uvjetom, većina kupaca ove stranice neće imati pojma o čemu se radi u ovim pitanjima, ali postoji siva zona ljudi koji nisu baš dizajneri, ali još uvijek dovoljno znaju da imaju pitanja o proizvodu koji će se isporučiti.
Još jedno pitanje koje će si zapitati svi: Koliko je vremena preokreta? Govorimo li satima, danima ili tjednima? Mislim da za sve ovo postoji jednostavno i elegantno rješenje: FAQ pitanja. Oni su glavni za postavljanje svih onih slučajnih bita informacija koje će neki kupci neminovno tražiti. On također služi važnoj svrsi kupcima koji jednostavno nisu dovoljno informirani o takvim pitanjima, ali savršeno su sposobni razumjeti odgovore.
Zaključak
Ukratko, Mogo Style je sjajna mala stranica i vrlo jedinstvena usluga. Početna stranica vrlo dobro komunicira s konceptom i treba mu samo neznatno prilagođavanje i usklađivanje, možda, prerada teksta na dijapozitivima. Stranica "Uči" također izgleda sjajno, ali mogla bi upotrijebiti nekoliko manje društvenih ikona i još nekoliko poziva na akciju u vezi s kupnjom. Napokon, mislim da bi stranica imala veliku korist od stranice sa FAQ-om.
Tvoj red!
Sada kada ste pročitali moje komentare, dodajte i pomozite dajući dizajnerima neke daljnje savjete. Javite nam što mislite o dizajnu i što mislite da bi moglo biti jače. Kao i uvijek, molimo da također poštujete dizajnera stranice i ponudite jasan konstruktivan savjet bez bilo kakvih oštrih uvreda.
