Kritérium webového designu č. 58: Nabídka Roller
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 Quote Roller, nádherná webová aplikace pro vytváření a zasílání profesionálních návrhů.
Prozkoumejte prvky Envato
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 citaci Roller
„Nabídka Roller pomáhá automatizovat a zefektivnit proces vytváření návrhů. Zapomeňte na rutinní kopírování textu v aplikaci Word. Pomocí nabídky Nabídka můžete uložit a znovu použít obecné informace o vaší společnosti, smluvní podmínky a další věci, které jste použili k ručnímu zadávání nabídek. Nabídka Roller také přichází s přátelským a intuitivním drag & drop rozhraním, které nabízí neomezené možnosti přizpůsobení. “
Zde je snímek obrazovky domovské stránky:
Počáteční dojem
Hned na netopýru vám mohu říci, že se mi tento web opravdu líbí. To ilustruje několik trendů v moderním designu webových stránek, což znamená, že to není úplně ojedinělé, ale nemusí to tak být. Jde o to sdělit, že Roller nabídek je moderní, moderní nástroj pro vytváření nabídek a tento návrh to dělá přesně.
Při vytváření webové stránky je nesmírně důležité mít na paměti takové cíle. Příliš mnoho designérů se udeří ve směru, který vyhovuje jejich náladě v daný den, což vede k krásným webům s blátivými zprávami. Grafika na webu je primárním zdrojem komunikace a chcete se ujistit, že říká, co od nich chcete!
Barvy
První věc, kterou chci diskutovat, je barevné schéma, protože používá velmi populární techniku, o které jsme zde dříve hovořili. Primární paleta využívá různé modré odstíny, což je výběr pro čistý, profesionální vzhled. Jakmile je tento úzký rozsah barev vytvořen, je zvýrazněna jedna barva zvýraznění, která na stránce skutečně vyniká, v tomto případě oranžová.
Funguje to opravdu dobře, protože vám dává hodně síly nasměrovat oko uživatele. Při posouvání stránky dolů uvidíte spoustu modré a bílé přerušené velmi malými jasnými oranžovými skvrnami. Vaše oči se přirozeně přitáhnou k těm jasným místům, kde uvidíte a přečtete přesně to, co od vás návrhář chce. Je to super jednoduchá technika se silnými výsledky.
Grafické téma
Hlavní obsah stránky se nachází v obdélníku se zaobleným rohem. Toto je umístěno na plátně s texturou pozadí. Tato atraktivní, ale jemná textura dodává stránce velký rozměr a lze ji snadno vytvořit. Naučíme vás podobnou techniku v tomto článku.
Navigační oblast má kolem sebe opravdu pěknou stuhu. Slouží k tomu, aby oběma oblastem navigace vyniklo a aby stránka jako celek poskytla trojrozměrný efekt.
Další vrstva se přidává těsně nad zápatí, kde jsou umístěny nabídky a doporučení zákazníků. Tyto typy efektů dodávají této stránce pěkný, leštěný pocit. Můžete říct, že designéři skutečně strávili nějaký čas rafinováním estetické kvality.
Typografie
Nemáte rozpočet na Typekit nebo podobnou službu prémiového webového písma? Google Web Fonts nabízí úžasnou, bezplatnou a snadno implementovatelnou alternativu. Citace Roller používá Google Web Fonts pro nadpis „Merriweather“, jedinečný a sofistikovaný serif.
Všimněte si, že implementace vlastního písma je zde docela konzervativní, pouze titulky používají Merriweather, zbytek je Arial. Použití vlastního písma pro kopii těla je v pořádku, ale není to vždy nejlepší volba kvůli dobám načítání. Kromě toho je docela snadné se prostě jen okouzlit fantazijními písmeny a konečný výsledek vypadat jako nepořádek. Bezpečnější cestou je najít pouze jedno vlastní písmo a nechat to být jedinečným designovým nádechem.
Zprávy
Zprávy na webu jsou velmi jednoduché a jasné: „Vytvářejte, sledujte a odesílejte návrhy“ je první věc, kterou si přečtete. Kolem keře nedochází, okamžitě pochopíte, co se děje.
To je posíleno spoustou snímků obrazovky. Naprosto nenávidím nalezení nové webové aplikace a poté na konci pár minut hledám snímek obrazovky. Někdy na domovské stránce nejsou ani žádné úvodní video! Pokud skrýváte své rozhraní, dokud se uživatel skutečně nepřipojí, předpokládám, že se za to stydíte.
Když se podívám dále na frontu pro zasílání zpráv, líbí se mi také, jak byly funkce uvedeny na tomto webu. Odvážný titulek s malou ikonou a pevným podtržením oddělovaným od odstavce vypadá opravdu ostře. Tato oblast je velmi čitelná a používá spoustu prázdných míst k tomu, aby každá položka dýchala.
Stránka prohlídky
Pokud hledáte nějakou solidní inspiraci na produktové stránce, Quote Roller má skvělou. Líbí se mi velké screenshoty, které se střídají po stránce dolů. Procházením touto stránkou se při registraci do aplikace můžete opravdu rychle a důkladně seznámit s tím, co získáte.
Závěr
Citace Roller je opravdu skvěle vypadající stránka, která dobře slouží svému účelu. Je to čistá, moderní a profesionální, perfektní kombinace, když prodáváte webovou službu profesionálům v oboru.
Zprávy jsou velmi jasné a mají spoustu posílení prostřednictvím ikon a snímků obrazovky. Barvy jsou perfektní a je zde hodně pozornosti na detaily.
Celkově to dávám obrovský palec nahoru a nedokážu opravdu vymyslet nic negativního, co o tom říct!
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.
