Articles

21 oceněných návrhů webových stránek a to, co udělali správně

internet je plný úžasných a inspirativních webových stránek.

Tyto speciální sněhové vločky jsou ti, kteří najít inovativní způsoby, jak využít všechny možné konstrukční a technologické hranice ve svůj prospěch k vytvoření zkušenosti, že mnoho organizací si měli.

Nalezení těchto diamantů v drsné, může být neuvěřitelnou výzvou, zvláště pokud plánujete redesign webové stránky a nejste si jisti, kde začít.,

naštěstí weby jako CSS Awards, Awwwards, Webby Awards atd. existují, abychom pomohli zvýraznit stránky, které bychom měli tlačit na vlastní reflexi.

pomoci předvést některé z těchto udělení vítězné weby, jsem se ponořil do každé z těchto ocenění ctít stránky a vytáhl ty, které jsou nejen krásné příklady moderní design, ale také cvičení, UX, UI, informační architektury, optimalizace konverzního poměru, video marketing, taktiky, aby se jejich potenciál naplno.

při pohledu na každý web je důležité si uvědomit, že tyto by neměly být považovány za šablony, které byste se měli pokusit kopírovat., Místo toho je analyzujte a najděte jejich části, které využívají strategie designu/marketingu/obsahu, které by mohly být repurposed a revidovány na něco, co vyhovuje vašemu publiku.

s tím bylo řečeno, užijte si těchto 17 zabijáckých příkladů oceněných návrhů webových stránek.

spíše sledovat? Tady jsou 5 z mých oblíbených!,

ESPN Sports Programování

Vystupoval na Awwwards

ESPN má své sportovní obsahu a programování na další úroveň s této dynamické a poutavý web naplněn velké, high-rozlišení snímků a videa. Web využívá video na pozadí, držet krok s sportovní sítě, energie a úseky s jemnými visení a přechodové efekty a udržet hladký uživatelské zkušenosti., ‚Vybavený sportovní jezdce je důkladně strhující a dělá vynikající práci představí každý ze sportů, vedle zajímavé statistiky a informativní údaje o dostupných programů.

Montáž

Vystupoval na Awwwards

Montáž trvá předvádění svých produktů na další úroveň s tímto snadné manévrování domovskou stránku, která jasně popisuje, co jeho produkt je, jak to vypadá, kvalita produktu, a reference., Web je výborným příkladem jednoho přístupu, které můžete použít k zvýraznění vašeho produktu a nejdůležitější body si uživatelé budou hledat odpovědi. Sticky sub-navigace umožňuje uživatelům snadno procházet po stránce najít přesně to, co hledáte.

Zillow

Vystupoval na Webby Awards

Nalezení ideální domov je všechno o tom být schopen pohodlně výzkumu přesně to, co hledáte, uložit a uložit, co se vám líbí, a aby bylo snadné najít později., Zillow zasáhne hřebík na hlavě pro všechny tři z těchto bodů s jeho intuitivním místě nemovitostí. Vyhledávací oblast v oblasti hero usnadňuje novým uživatelům rychlé výběr a vyhledávání výpisů, aniž by museli hledat nějakou skrytou vyhledávací stránku.

Revols

Vystupoval na CSS Design Awards

Revols trvá odvážný přístup na svých internetových stránkách o rozšíření své malé, sofistikované sluchátka pomocí makro fotografie a video., Fotografie a video dělají web neuvěřitelně zaměřený na produkty, takže jeho uživatelé se pomalu stávají stále více ponořenými do zkušeností, které vám tato sluchátka mohou poskytnout. Velké ošetření písma na tomto webu je také příjemným dotykem a přidává se k fotografování uší s větším než životem.

Pencil Fiftythree

Vystupoval na SiteInspire

Fiftythree zachycuje všechny funkce a výhody pro své Tužka Stylus celé této samostatné stránce produktu., Tyto funkce a výhody jsou doprovázeny obrázky pro ilustraci produktu v akci, takže uživatel má snadnější čas na jejich vizualizaci a způsob, jakým může produkt použít. Rozložení a vizuální zpracování výrobku je část anatomie jsou také velmi jedinečné a působí jako dynamický způsob, jak vést uživatelům přečtěte si více o produkt, na rozdíl od statické úseky jeden po druhém.,

Morgan Stanley

Vystupoval na Webby Awards

na Rozdíl od tradičních produktů zaměřených stránek, Morgan Stanley titulky svou domovskou stránku s článkem, ale doufám, že řídit značné množství návštěvnosti (zejména proto, že spojuje s dovolenou, rodinné oslavy, jsme se očekává, že k účasti). Zbytek rozložení mimo homepage hrdina hraje s mřížkou-zaměřena rozložení organizovat sortiment z posledních článků, které jsem vyslán.

7., Posílen

Vystupoval na Awwwards

Posílen vzal to, co by mohlo být vnímáno jako průměrný skateboard na další úroveň tím, že představí úžasně detailní fotografie svého výrobku spolu s podrobnými popisy na svých stránkách. Šedé tóny a bílé pozadí webu pomáhají udržet zaměření na oranžová tlačítka volání k akci a pestrobarevný skateboard, který používají jako příklad produktu., Také jsem rád, že mají blog, který se zdá upozornit na problémy, které mají/jsou řešení u produktu, přidáním nádherné úrovně transparentnosti společnosti.

8. Wozber

Vystupoval na SiteInspire

Wozber udělal vraha práci rozebrat krok za krokem procesu, je zapotřebí, aby ujistěte se, že váš životopis je ideální pro, že vysněnou práci, kterou hledáte. Jeho domovská stránka jasně popisuje kroky vpředu, které jsou pak dále vysvětleny v jednotlivých částech níže.,

web má dokonce příklady některých životopisů, které provedli, což vám usnadňuje přesně vidět, jak by mohl hotový produkt vypadat, než se rozhodnete zaregistrovat.

Opus Roste

Vystupoval na CSS Vítěz

Opus pohání domů organické, přírodní a zdravotní přínosy z jeho půdy přidáním hojné množství zeleně na celém webu. S tolika různými možnostmi pro zalévání půdy venku, to může být těžké rozhodnout, který z nich je nejzdravější pro vaše rostliny nebo zahradu., Opus dokazuje, že jeho produkt je nejlepší tím, že řeší složky a fyzikální vlastnosti, které jeho půdy nabízejí, které jej segmentují od vaší tradiční značky. Byl jsem také velmi potěšen, že blozích a občas smíchají ve více nádherné příspěvky k pomoci oslovit širší publikum, jako je tento.

Žádné Finanční

Vystupoval na Awwwards

až příliš často softwarové společnosti mají velmi krásné webové stránky, které zcela postrádají jakékoli obrázky svých výrobků., Pokud jste v současné době v této pozici a hledáte inspiraci, Zero je fantastické místo pro inspiraci. Použití obrázků doprovázených popisným textem, který vysvětluje každý, činí produkt mnohem reálnějším a relativnějším pro zájemce.

Čepice HPI

Vystupoval na Awwwards

Čepice HPI pomáhá poskytovat širokou škálu automobilových dat do mnoha různých osobností. S ohledem na to společnost Cap HPI vybudovala své webové stránky, takže tyto osoby mají snadný čas najít typ řešení, které hledají., Chcete-li to usnadnit, optimalizovali navigaci, abyste mohli rychle pochopit, zda vám Cap HPI může pomoci.
Na vrcholu toho všeho, design webu, jemné animace a jedinečná paleta barev vytvářejí nádherný a osvěžující vizuální zážitek na trhu, který by jinak mohl mít velmi nevýrazné, firemní uspořádání.

Toulec

Vystupoval na Awwwards

i když stránky je menší než ostatní, Toulec stále dokáže zářit mezi ostatními.,
Miluji skutečnost, že okamžitě využívají emoce, když dorazíte na domovskou stránku s pozadím a kopií. Dokonce se jim podařilo získat registrační formulář tam, spíše než jen začlenit tlačítko, které posílá návštěvníky na samostatnou registrační stránku.
Quiver ‚ s product and features stránky dělají krásnou práci při zobrazování vzhledu softwaru doprovázeného malými interaktivními prvky, které vám pomohou ukázat, jak produkt funguje.,

Wordstack

Vystupoval na CSS Vítěz

Wordstack udělal skvělou práci udržet své webové stránky malé, kondenzované, a organizované, zatímco stále poskytuje všechny hodnoty, které produkt nabízí. Velké snímky plné šířky a konzistentní barevná paleta a styling na všech stránkách vytvářejí neuvěřitelně jednotný design, který se velmi dobře spáruje s barevným patrem softwaru.,

Campos Kávy

Vystupoval na CSS Design Awards

Některé zákazníky rád vyžívá v produktech vědí, že jsou vytvořený a je vytvořen společností, kteří chtějí dodat kvalitní produkty pro své zákazníky. A společnosti jako Campos Coffee přesně vědí, jak uspokojit tyto kupce.

Campos používá své webové stránky jako způsob, jak zvýraznit čas a úsilí, které jejich tým vkládá do své kávy, jak to prospívá komunitě a proč se budete cítit dobře., Všechny tyto body se zabalí do nádherného příběhu, který zobrazují na domovské stránce a na každé jiné stránce webu.

Kin

Vystupoval na SiteInspire

Spíše než jen zvýraznění funkce, to, Kin vezme ji na další krok a od jeho domovské stránce prezentovat výhody svých výrobků, takže lidé přesně vědět, co výrobek může být použit pro než se pouštět do jiných oblastí na webu.,

pokud jde o design, Kin je použití většího serif písma na celém webu doprovázen skutečnou kancelář fotografování pomáhá přidat obrovské množství důvěryhodnost své značky. Také umožňuje zákazníkovi vědět, že za úžasným produktem jsou skuteční, sympatičtí lidé, spíše než nechat to na odhadech.

SeaStreak

Vystupoval na Webby Awards

při Pohledu na cestování trajektem, ale nevíte, kam jít? SeaStreak tě dostal do dobrých rukou. Uživatelské rozhraní webu je organizováno, takže můžete rychle vytvořit Trajektový plán, který pro vás funguje., Navigace je také velmi zajímavá. Trasy a plány menu klesá ukázat vám všechny dostupné možnosti, a na jednodenní výlety a pobyt menu je již rozdělena pro uživatele, kteří na webu hledají přesně to. Tyto prvky pomáhají vytvářet pohodlí pro uživatele a rychlost, takže nejsou ponechány v temné díře webu a snaží se zjistit, jak hledat to, co chtějí.,

Láhev S

Vystupoval na CSS Vítěz

Láhev je elegantní výrobek je věnována zvláštní zacházení na celém design stránek, aby se zdůraznil jeho inovativní krásy a výhody. Využití láhve v různých animacích učinilo web poutavějším a zvyšuje zájem dozvědět se více o produktu.

Ocean Index Zdraví

Nejlepší na W3 Awards,

Ocean Index Zdraví pomáhá přinést krásu oceánu na webu, s jeho ohromující uspořádání, vizuální užívání metafor, a chladný tón barevné palety., Velké používání písma na webových stránkách také pomáhá udržovat snadno čitelné a profesionální.

19. WealthSimple

Vystupoval na Awwwards

využití prostoru na Wealthsimple dělá to neuvěřitelně snadné segmentu každém úseku své stránky. Krásné gify na celé stránce také vytvářejí vzrušující zážitek, zejména proto, že se netýkají přímo investování.
místo dělá investice se zdají být mnohem zábavnější., Spíše než představí tabulky, hromady peněz, a lepkavý jazyk, ujistěte se, že odlišit WealthSimple značky, takže to nevypadá jako všechny ostatní investice software nebo službu,

Toggl

Vystupoval na CSSDesignAwards

nepředvídatelný animace na Toggl domovskou stránku čerpá pozornost uživatele ihned po příjezdu. Tento styl snímků se provádí ve zbývajících sekcích s jednoduchými skupinami obsahových polí přímo vedle každého.
Toggl také věnuje pečlivou pozornost tomu, jak se věci animují při načítání stránky., Například cenová stránka Toggl mizí v hrdinovi a pak každá cenová oblast zleva doprava. Pozornost k těmto detailům dělá pocit místa, který je mnohem leštěnější.

Shademaster

Vystupoval na CSSDesignAwards

při Pohledu na střešní nemusí znít příjemné pro průměrného domu, ale Shademaster je jistý, že to může být.

strategicky segmentované typ práce, kterou udělal do střechy v nav, které odeslat uživatele na jednotlivé stránky, kde mohou plánovat a navrhovat jejich ideální střechu a získat cenovou nabídku., Tento přístup dělá proces nákupu střechy, který je pro uživatele mnohem autonomnější; není třeba, aby někdo navštívil váš dům, jen aby něco začal.

hledáte vlastní redesign webových stránek?

váš web má být tváří vaší online přítomnosti a způsobem, jak virtuálně reprezentovat vaši značku. Pokud váš web nepodporuje design, který odpovídá způsobu, jakým chcete být vnímáni,pak se nakonec nepodaří optimálně fungovat., IMPACT miluje práci s jinými společnostmi ve společné snaze pochopit, co chcete, aby vaše webové stránky skutečně vypadat, takže vám můžeme pomoci prostřednictvím strategie, aby se do reality.

Myslíte si, že je čas, aby vaše webové stránky získaly facelift, který si zaslouží lépe reprezentovat vaši značku a nakonec zvýšit její výkon? Promluvte si s námi a řekněte o cílech a aspiracích vašeho webu.