Krásné postavené aby fungovalo.

Front-end / CMS / Přístupnost / Výkon

Kód, díky kterému design přežije skutečný obsah.

Probrat váš projekt

Kód / vývoj
Sémantické HTML
Redakční systém na míru
Rychlost změřená

01 / PrincipCo uživatel vidí / co systém dělá

Design × / vývoj

Vývoj je
součást zážitku.

Kód návštěvníci nevidí, ale poznají ho. Pomalá stránka, formulář, který zapomene, co do něj napsali, tlačítko, které čtečka obrazovky neumí pojmenovat. Proto navrhuji rozhraní i systém pod ním zároveň.

02 / Technická praxePět částí

Ta část, kterou nikdo nevidí.

Komponentová architektura
Malé zdokumentované komponenty, aby změna na jednom místě nerozbila pět dalších.
Modelování obsahu
Typy obsahu podle toho, co vaši redaktoři opravdu publikují.
Front-end a integrace
Kód, který se dá číst, API a napojení na redakční systém.
Vývoj pro přístupnost
Ovládání klávesnicí, správné HTML a stavy, které čtečka obrazovky ohlásí.
Výkonnostní rozpočty
Každý soubor změřený, málo závislostí a build, který neprojde, když je stránka moc těžká.

03 / Od obsahu venPostavené pro redaktory

Jeden obsahový model, mnoho stránek.

S dobrým obsahovým modelem váš tým přidává nové stránky, aniž by volal vývojáři. Struktura rozhoduje o tom, co půjde později snadno přidat.

Redakční postup / Knihovna komponent / Jazykové verze

Zobrazit technologie

Detail obrazovky notebooku: porovnání domů – NordiHouse — Responzivní systém / schválený vizuál projektu, Případová studie NordiHouse03 / 06

04 / Kvalita v praxiKontrolováno při každé změně

Funguje i za rok.

Přístupnost
Navigace, která funguje i bez myši, a navržený každý stav.
Udržovatelnost
Komponenty, které se vám nemění pod rukama, a jedno jasné místo pro každou věc.
Výkon
Načítání a odezva měřené na přiškrceném telefonu, ne na rychlém notebooku.
Odolnost
Chybové hlášky, které řeknou, co dál, a vydání, která se dají vrátit.

05 / PříkladyRůzný obsah / stejná péče