Zpět na projekty

PŘÍPADOVÁ STUDIE · ARTEPNITRAM

Z vizitky a prospektu k webu, který dává smysl.

Na začátku nebyl hotový webový brief ani připravené texty. Měli jsme dva reálné podklady: vizitku a jednostránkový prospekt. Naším úkolem nebylo je jen překreslit do prohlížeče, ale pochopit, co z nich má značka a nabídka skutečně říkat.

Snímek implementovaného webu ARTEPNITRAM z testované pracovní verze. Projekt se dále rozvíjí.
Snímek implementovaného webu ARTEPNITRAM z testované pracovní verze. Projekt se dále rozvíjí.

01 · INPUT

S čím jsme začali

Oba podklady obsahovaly užitečné informace, ale pracovaly s odlišnou vizuální řečí. To z nich dělalo zdroj faktů a charakteru, ne hotový design systém.

01Vizitka
Vizitka
02Prospekt služeb
Prospekt služeb

02 · INTERPRET

První rozhodnutí nebylo „jaký uděláme header“

Museli jsme sjednotit dva různé vizuální signály. Z vizitky jsme vzali čistší tyrkysovou identitu, z prospektu technickou energii, diagonály a důraz na práci v terénu. Výsledkem neměla být digitální kopie letáku, ale značka, která na webu působí soudržně.

03 · CONTENT

Co prospekt skutečně obsahoval

01

Demolice a odstranění staveb

02

Pokládka asfaltu a opravy silnic

03

Příjezdové cesty a zpevněné plochy

04

Opravy kanálů

05

Zalévání trhlin a spár

06

Příprava asfaltových komunikací na zimu

07

Přípojky, lešení a dopravní značení

08

Projektování a související dopravně-inženýrské zajištění

04 · DESIGN

Co jsme museli navrhnout my

01 · HIERARCHIE

Rozdělit široké portfolio do srozumitelných oblastí, aby návštěvník nemusel číst celý prospekt, než zjistí, zda je na správném místě.

02 · CESTA

Navázat obsah a poptávku na konkrétní potřebu návštěvníka místo jedné univerzální stránky pro všechno.

03 · VIZUÁL

Sjednotit rozdílné zdrojové materiály do jednoho technického, moderního a mobilně použitelného systému.

04 · ROZVOJ

Postavit strukturu tak, aby se dala doplňovat o realizace, fotografie a další služby bez nového redesignu.

05 · RESULT

Výsledek není „web z letáku“

Z omezených podkladů vzniká samostatný digitální produkt: jasnější struktura služeb, responsive design, připravená cesta k poptávce a základ pro Adaptive prvky. Přesně tady je rozdíl mezi přepisem dodaného obsahu a návrhem řešení.

  • mobile-first návrh
  • struktura podle potřeb návštěvníka
  • schválený technický vizuální směr
  • prostor pro další reference a fotografie
Chci probrat svůj projekt

Případová studie popisuje náš postup návrhu a vývoje. Nezveřejňujeme zatím obchodní výsledky ani netvrdíme zvýšení konverzí.