Kritérium webového designu č. 60: Mogo styl
Každý týden se podíváme na nový web a analyzujeme jeho design. Poukážeme na obě oblasti, které jsou vedeny dobře, kromě těch, které by mohly použít nějakou práci. Nakonec budeme požádáni, abyste nám poskytli vlastní zpětnou vazbu.
Dnešní web je Mogo Style, web pro objednání osobního loga.
Pokud chcete svůj web odeslat jako součást budoucí kritiky designu, trvá to jen několik minut. Za kritiku vašeho návrhu účtujeme 49 USD - podstatně méně, než kolik byste zaplatili konzultantovi, aby se podíval na vaše stránky! Více se dozvíte zde.
O společnosti Mogo Style
Mogo je perfektním nástrojem pro vaši osobní značku a je určen pro jednotlivce, kteří chtějí vyniknout z davu. Použijte je pro své vizitky, e-maily a profily. Osobní jako fotografie, ale profesionální jako logo. Udělejte úžasný dojem pokaždé.
Zde je část domovské stránky:
Počáteční dojem
Nejprve se musím vyjádřit ke službě. Je to opravdu zajímavý nápad. To, co dělají, je vyfotit vás a proměnit ho v ilustraci, která je v podstatě čtvercem připomínajícím ikonu iPhone. Jedná se tedy v podstatě o digitální avatarovou službu, která vám poskytne úhlednou malou osobní ikonu pro Facebook, Twitter, vizitky a další.
Domovská stránka webu to velmi dobře komunikuje. Navzdory skutečnosti, že společnost má velmi jedinečný koncept, mi trvalo jen sekundu, než jsem to pochopil. To je asi tak vznešený cíl, jak tady můžete doufat, a přibili jej.
Celkový design je čistý a minimální, což opravdu upoutá vaši pozornost na prezentaci vysvětlující službu a ukázky příkladů. Řekl bych, že stránka je téměř dokonalá, ale určitě mám několik doporučení. Pojďme se blíže podívat.
Zarovnání
Zarovnání je jednou z mála věcí, které si myslím, že je třeba se zabývat. Je to téměř perfektní, ale pokud jde o zarovnání, jsem nadšený z kontroly a ten prvek na místě, který mě tady opravdu obtěžuje. Text ve stylu Mogo je zarovnán se zbytkem prvků, ale malé srdce je jakoby plovoucí v zemi nikoho.
Problém je v tom, že logo a text jsou vizuální jednotkou. Nevnímáte je jako dva samostatné prvky, ale jeden. Celé logo by se mělo zarovnat na levém webu se zbytkem obsahu na stránce. Řešení je zde snadné, jen přesuňte logo doprava, takže srdce nyní sedí tam, kde se text nachází.
Příběh
Jak jsem již zmínil výše, web odvádí skvělou práci při komunikaci o jeho konceptu. To je do značné míry díky velké prezentaci na domovské stránce, která vás seznámí s Mogo Style a co dělají. Zde jsou čtyři obrázky, které uvidíte, seřazené podle vzhledu.
První věc, kterou vidíte, je několik příkladů produktu, který dodávají. V tomto případě má obrázek skutečně hodnotu tisíc slov nebo více. Nelze nabídnout jasnější vysvětlení služby. Dále vás ohromí. První snímek vás zaujme, ale nyní je čas komunikovat o kvalitě. Zde tvrdí, že každé logo je ručně kresleno. Je těžké odůvodnit, že někdo zaplatí za to, že vloží vaši fotografii do programu automatického sledování, ale vlastní ručně kreslená ilustrace je úplně jiná záležitost. Následující dva diapozitivy jsou věnovány ukázce toho, proč tento produkt potřebujete, a to znázorněním některých případů použití.
Nastavení je zde skvělé hřiště: Zde je to, co prodáváme, tady je důvod, proč je to skvělé, a tady je důvod, proč to potřebujete. Kdykoli strukturujete prezentaci pro domovskou stránku, měli byste mít na paměti podobné komunikační cíle.
Čitelnost
Nyní řeknu, že nejsem blázen čitelností textu na fotografických diapozitivech. Návrhář se pokusil situaci vylepšit tučným textem a vrženým stínem, ale stále to mohlo být mnohem lepší. Fotografie zde jsou prostě příliš zaneprázdněny, aby se text snadno přečetl. Pokud nemáte velké pole poměrně pevné barvy, neměli byste to ani zkusit.
Naštěstí je řešení téměř vždy snadné: pokud nemáte pevné barevné pole, udělejte to! Jednoduchý černý pruh zde vede dlouhou cestu. Abych to trochu vylepšil, snížil jsem krytí černé lišty a rozmazal jsem obraz za ní.
Porovnejte tento text se skutečným příkladem a okamžitě uvidíte, že čitelnost byla drasticky zlepšena a stále vypadá docela stylově, možná ještě více.
Stránka „Naučte se“
Při přechodu na stránku „Naučte se“ vidíme další dobře navržený prostor, tentokrát s mnohem lineárnějším rozvržením, které obsahuje tři primární sekce a dole dole nějaký příběh na pozadí.
Myslím, že tato stránka je skvělá, líbí se mi rozšíření podrobností o důležitých bodech a použití různých, ale úzce souvisejících snímků. Bylo by snadné udělat tuto oblast zcela zbytečnou s domovskou stránkou, ale je to dobrá práce, když stojíte na vlastní pěst.
Mám sklon si myslet, že sociální loga po každém odstavci jsou trochu nadbytečná. Vizuálně to vypadá skvěle, ale z koncepčního hlediska není tolik důvodu opakovat tento prvek tolikrát. Domnívám se, že tato stránka by velmi prospěla z mírně sníženého zaměření na sociální média a zvýšeného zaměření na získání uživatelů na stránce nákupu. Tlačítko „get yours now“ nebo něco podobného by pomohlo.
Kde je FAQ?
Můj poslední komentář k webu je, že z pohledu designéra není dostatek technických informací o produktu. Je to rastr nebo vektor? Pokud je to rastr, jaké je rozlišení a velikost doručeného souboru a je na průhledném pozadí? Jak snadné je změnit barvu? Jaké formáty souborů to přichází?
Je pravda, že většina zákaznické základny tohoto webu nebude mít ponětí, o čem jsou tyto otázky, ale existuje šedá oblast lidí, kteří nejsou zcela návrháři, ale stále vědí dost na to, aby měli dotazy ohledně dodávaného produktu.
Další otázka, která přichází na mysl, se každý zeptá: Jaký je čas obrátky? Mluvíme hodiny, dny nebo týdny? Myslím, že je to snadné a elegantní řešení: stránka FAQ. Toto je prefekt pro umístění všech náhodných bitů informací, na které se někteří zákazníci nevyhnutelně budou ptát. Slouží také důležitému účelu pro zákazníky, kteří prostě nejsou dostatečně informováni, aby položili takové otázky, ale jsou dokonale schopni porozumět odpovědím.
Závěr
Stručně řečeno, Mogo Style je skvělý malý web a velmi unikátní služba. Domovská stránka komunikuje koncept velmi dobře a potřebuje pouze mírné přizpůsobení zarovnání a možná přepracování textu na snímcích. Stránka „Naučte se“ také vypadá skvěle, ale mohla by použít několik méně sociálních ikon a několik dalších výzev k akci, pokud jde o nákup. Nakonec se domnívám, že by stránka měla velkou výhodu ze stránky FAQ.
Tvůj tah!
Nyní, když jste si přečetli moje komentáře, zapojte se a pomozte tím, že poskytnete návrháři nějaké další rady. Dejte nám vědět, co si myslíte o designu skvěle a co si myslíte, že by mohlo být silnější. Jako vždy žádáme, abyste také respektovali návrháře webu a nabídli jasné konstruktivní rady, které zbaví jakékoli tvrdé urážky.
