Hodně lidí si myslí, že stránky vytvořené pomocí šablonového frameworku můžou být, stejně jako například sušenky, všechny z jednoho těsta. Koneckonců, všechny jsou vytvořeny s pomocí podobných rozložení, widgetů a tlačítek, že? Jednoduše změníte pár obrázků, font vašeho textu a máte hotovo. Zatímco tohle může být případ některých šablon, Divi od Elegant Themes nabízí dostatek možností k uspokojení dokonce i těch nejvybíravějších uživatelů, ve věcech přizpůsobení. Tak proč si trošku nepohrát a podívat se co můžete všechno dát dohromady s troškou brainstormingu?
Pokud potřebujete maličko pomoct s inspirací, máte štěstí. Již jsme pro vás prohledali weby, abychom našly několik unikátních stránek vytvořených s pomocí Divi šablony a v tomto článku si ukážeme, co přesně je činí tak unikátními.
Chcete se o šabloně dozvědět víc? Přečtěte si článek Divi: Nejlepší šablona roku 2016?
Metricool
Metricool je metrická služba pro webové stránky a blogy. Od konkurence se odlišují přehlednou sadou vlastností a nádherným (a intuitivním) ovládacím panelem, který vám pomůže udržet přehled nad všemi základními informacemi jako je návštěvnost stránky, počet návštěvníků, komentáře a interakce na sociálních médiích. Navrch nabízí uživatelům informace jako jsou nejlepší časy, během kterých je vhodné zveřejnit nový obsah nebo provádět interakci s uživateli.
Jejich vstupní stránka byla vytvořena s pomocí Divi a je perfektním příkladem, jak zachytit tuny informací s využitím jednoduché grafiky. Když budete sjíždět dolů, budete postupně seznámeni s novými prvky jejich služby s využitím screenshotů na ovládacím panelu spolu s informativními bloky.
Můžete si povšimnout, že web užívá bílý prostor střídaný s výrazněji barevnými sekcemi. V barevných webech to slouží jako tak zvaný “odpočinek” pro návštěvníkovi oči. Využívá se k tomu kontrastu a má navíc tu výhodu, že vizuálně odděluje jednotlivé sekce. Vstupní stránka Metricool je skvělým příkladem toho, jak užívat barvy ke zvýraznění obsahu na stránce k vytvoření osobitého stylu opětovným použitím stejných barev skrz naskrz celým designem.
Webbyra Stockholm & Are
Když si dokonce i vývojářské webové agentury zvolí vaši šablonu pro své webové stránky, víte, že děláte něco dobře. Webbyra Stockholm & Are jsou firma specializující se na vývoj webu, grafický design a konceptualizaci, programování úloh a integraci API. První věc, které si všimnete ihned jak otevřete stránku, je pozadí s HTML5 videem, které zahrnuje záhlaví. Dosahuje atraktivního kontrastu užitím bílých a několika odstínů červené, stejně jako rozšiřitelnou navigační lištou, která se otevírá unikátním způsobem.
Ikona navigační lišty užívá animace pro otevírání a zavírání a na rozdíl od menu také ukazuje kompaktní kontaktní formulář, který zajistí zvýšení konverzí. Co se týká zbytku webu, je docela atraktivní, ale hlavní stránka je určitě hlavním “tahounem”. Webbyra Stockholm & Are dobře využili kontrastu skrze každou stránku svého webu, aby každá informace a výzvy k akci vyskočili a zároveň poskytli potřebné množství informací.
Infinity
Infinity je původem evropská společnost která se zaměřuje na “přidání digitální vrstvy” do městských částí a mění je na chytrá-města. Mezi příklady patří možnost lokace městských dopravních vozidel v reálném čase, virtuální mapy úředních budov,virtuální pořadník a správa parkovacích míst. Technologie, které jste nevěděli že chcete do chvíle než jste se o nich dozvěděli (opravdu, virtuální pořadník? Přihlaste nás taky!).
Jejich webové stránky nejsou nicméně tak sci-fi, jak by se možná dalo čekat. Můžete rovnou říct, že se jedná o firemní stránky, ale to nemusí nutně znamenat špatnou věc. Kupříkladu rozložení vyniká klasickým silným logem a rozumným navigačním panelem, následovaným video úvodem do služeb Infinity (můžete rozpoznat jemné video animace v pozadí).
Výše uvedené je následováno pravidelnou mřížkou s pěknými fotografiemi navazujícími na zbytek stránky. Tato konkrétní mřížka vypadá skvěle. Každá sekce je takto snadno rozpoznatelná a a to i díky užívání různých barev. Celkově vzato, Infinity ukazuje, že Divi může se sebejistotou řešit i firemní webové stránky.
Navštívit stránku.
Aline Collective
Aline Collective je web věnovaný značkám, fotografování, webovým stránkám a tištěnému designu. Zběžný pohled na jejich webové stránky je dostatečný, aby jste poznali, že mají značkové věci pod palcem. Zatímco se jejich volba designu nemusí líbit každému, stránky zcela jistě vystupují díky několika unikátním designovým volbám.
Od vršku až dolů, je design jejich webové stránky zamýšlen tak, aby poukázal bod po bodu rozpis služeb nabízených Aline Collective, který vyniká unikátními odrážkami. Tento trend se opakuje po celém webu, stejně jako občasné strategické užití tučného písma pro zdůraznění určitých bodů (těžko můžete říct, že je to průlomové, vím, ale jejich užití tučného písma je zkrátka špičkové) a pozitivní hodnocení tu a tam posouvá potencionální zákazníky správným směrem.
M for Montreal
M for Montreal je jak každoroční událost, tak nezávislá organizace věnující se představování začínajících hudebníků, kterým tak pomáhá rozšířit jejich kariéru i mimo ledové hranice Kanady. Webové stránky se nepokouší “znovu vynalézt kolo”, ale mohou se pochlubit jedinečnou osobitostí díky několika prostým stylistickým řešením.
Například, používáním černé a modré vytváří osobitý styl, který se viditelně opakuje celým webem. Levý postranní panel je při najetí myší zvýrazněn modrou, tak jako vršek navigační lišty, i když odlišným stylem. Také stojí za zmínku užití černých boxů, které následují design jejich loga. Každý z těchto designových prvků nepůsobí tak skvěle samostatně, jako v harmonickém celku, vytvořeném unikátním stylem na Divi frameworku.
Oxette
Oxette je online obchod se šperky a příslušenstvím pro ženy hledající luxusní produkty. Je to rovněž jediný online obchod uvedený v našem seznamu. Své místo si zasloužil díky elegantnímu a přesto jednoduchému vzhledu a designovým prvkům.
Černé a červené barvy jsou dobrou volbou pro jejich značku a v kombinaci s fotografiemi vysokého rozlišení a paralaxním posouváním vytvoří krásný efekt (podporovaný jejich nápaditými modely). Fakt, že každý produkt má ten samý druh fotografického bílého pozadí přispívá stránce k čistému vzhledu (i když nutnost kliknout dvakrát, aby jste se dostali na stránku detailu produktu je velké mínus, alespoň pokud jde o použitelnost).
Navštívit stránku.
Engage Live Photography
Engage Live Photography je služba s účelem pomoci fotografům zdokonalovat své umění skrze workshopy, kurzy a online lekce. Ačkoli jejich stránka nemusí působit nijak výjimečně, je zde jedna designová záležitost, která jim vysloužila místo na našem seznamu. Jejich hlavní stránka obsahuje vertikální kalendář, který zobrazuje nastávající lekce s jemnou animací (při najetí myší) u každé z nich a schopnost rozšířit každou sekci a přidat vámi upřednostňovanou lekci do košíku (stejně dobře jako vidět dodatečné informace) bez nutnosti opustit hlavní stránku.
Jedinou neohrabanou částí tohoto prvku je zahrnutí rozšířených náhledových obrázků, když je vybraná každá možnost. Více elegantním řešením by bylo jednoduše zobrazit volbu přidat lekci do košíku a doplňující informace. Přesto, tato možnost je mnohem jednodušší než běžné neohrabané kalendáře a když se snažíte naplánovat lekci, může být snáze přizpůsoben i jiným druhům služeb.
Creative Technologies
Creative Technologies je takové vše-v-jednom, zvládnou vše od videa, animace, vývoje softwaru až po elektroniku a optimalizaci kampaně. Ačkoli jejich webové stránky mohou působit slabší ve srovnání s ostatními firemními nabídkami, jsou kreativní (jak naznačuje jejich jméno).
To, co dělá všechnu práci webu jsou jednoduché animace rozmístěné po sekcích služeb a prezentace, dokonce i když odkazy na blog a kontakt vedou na neexistující stránku. Zatímco nedokončený web není nikdy optimální stav, tohle je dobrý příklad, jak nastavit jednostránkový web pro business který nekřičí “korporátní”.
Navštívit stránku.
Opoveiro
Opoveiro je informační web postavený na kulturní identitě portugalského města Povoa de Varzim. Tohle může být web na našem seznamu, který lze nejsnáze přirovnat k Divi, ale stále zůstává vhodným příkladem toho, jak unikátní visuální identita může sloužit k tomu, aby oddělila web od ostatních (i při použití stejné šablony).
Tady unikátnost přichází ve formě několika jednoduchých přidaných prvků. Stylizovaná navigační lišta a lišta sdílení na sociálních médiích na levé straně (většina webových stránek to jednoduše neřeší), plus stejný designový styl napříč všemi obrázky na webu (ačkoli mnoho z nich by se mohlo zmenšit).
Navštívit stránku.
Pixel & Oak
Pixel & Oak je malé designové studio zaměřené na kreativce, kteří potřebují webové stránky k prezentaci své práce. Tím pádem se mohou soustředit na to, co umí nejlépe – své řemeslo. V horách Tennessee založený malý podnik vede webová designérka Molly Prior po celém světě. Pro svoji vlastní webovou stránku vytvořila vkusný příklad toho, co může Divi udělat pro designéry, webová studia a designové reklamní agentury.
Nám se obzvlášť líbí, co udělala s Divi blogovým modulem. Z barev a efektů při najetí myší až po vzhled příspěvku a obsah samotný, její blog vyzařuje sofistikovanost. Skvělý příklad redakčního vyjádření s pomocí Divi blogu.
Závěrem
I když je pravda, že spousta šablon má tendenci tvořit podobné weby, v mnoha případech můžeme tento problém připsat jednoduše nedostatku představivosti během procesu vývoje. Není žádný důvod, proč by Divi webové stránky nemohli vypadat a působit každým coulem jako profesionální, na míru udělaná šablona, tedy pokud jste ochotni myslet originálně. Pokud potřebujete inspiraci, prohlédněte si těch několik skvělých stylistických prvků ukázaných v tomto článku, jako byly animace, dobré užití kontrastních barev, výrazně postranní panely a tak dále. Každý aspekt Vaší webové stránky může být jedinečný, pokud přidáte špetku kreativity. Pokud vás šablona zaujala, tak koupit si ji můžete zde.
Zdroj: 10 Awesome Divi Sites That You Would Never Recognize, and What Makes Them Unique
