ASCENT

Naše vlastní značka a web, na kterém stoupající řez z loga prochází všemi nadpisy.

Klient
ASCENT
Co jsme dělali
Značka a identita, Weby na míru
Web
ascent.cz

Zadání

ASCENT je naše vlastní studio. Jsme dva, Filip a Oliver, a dřív jsme fungovali pod jménem Website Visuals. Nové jméno si žádalo i novou značku a nový web, a tak jsme tentokrát byli klientem sami sobě.

Kdo s námi uvažuje o spolupráci, posoudí podle tohoto webu, co umíme. Web proto musel obstát stejně jako zakázky pro klienty. Výsledky ani čísla tu neuvádíme, protože jde o náš vlastní web a značku.

Řešení

Anglické slovo ascent znamená výstup nebo stoupání a přesně to jsme vepsali do loga. Tvoří ho nápis ASCENT v polotučném písmu Archivo, roztaženém na 118 % běžné šířky. Písmena přetíná stupňovitý řez, který stoupá zleva doprava, a za slovem stojí červená tečka #fe0048. Ve favikoně se logo zkracuje na monogram „A.“ se stejnou tečkou.

Na webu se řez vrací v nadpisech všech stránek. Místo schodů ale přes každý řádek nadpisu vede jedna plynulá stoupající linka. Značku tak poznáte na kterékoli stránce, i na snímku obrazovky, kde logo vůbec není.

Vzhled

Základem je světlé pozadí #fafafa a skoro černý text. Kontrast k nim tvoří tmavé panely v barvě #151717, třeba ten s postupem práce nebo otevřené menu. Akcenty obstarávají červená a růžová a značkový přechod vede od oranžové přes červenou do fialové. Bublina s kontaktem je limetková, aby na stránce nikdy nezapadla.

Pohyb jsme brali jako součást značky. Úvodní stránku otevírá červený kouř s jemnými tmavými pruhy. Je to simulace, která běží ve WebGL přímo v prohlížeči. Na tmavém panelu s postupem se za myší táhne záře. Vlastní kurzor přebarvuje všechno, co je pod ním, a když s ním najedete na službu, ukáže její název. Nahoře na stránce ukazuje tenká linka v barvách přechodu, kolik už máte přečteno.

Tmavý panel Náš postup na webu ASCENT: zářící linka v přechodu od oranžové do fialové spojuje čtyři fáze.

Detaily

Web jsme napsali ručně v PHP, bez stavebnice a bez redakčního systému. Obsah měníme jen my dva, takže web žádnou administraci nepotřebuje. Všechny texty jsou česky i anglicky. Poptávkový formulář je rozdělený do několika kroků, aby se nikdo nemusel prokousávat jedním dlouhým seznamem polí.

Případové studie ukazujeme v okně prohlížeče, takže web klienta vidíte tak, jak ho vidí jeho návštěvníci. Menu se otevírá jako tmavý panel se zaoblenými rohy a služby se v něm rozbalí do vlastního seznamu. A protože tuhle studii čtete přímo na webu, o kterém je řeč, můžete si všechno, co popisuje, hned vyzkoušet.

Napište nám