Flowjam: redaktionelt webdesign

Forsiden er bygget omkring selve produktet: filmene. I stedet for en lang række tekstblokke om, hvad et videostudie kan, viser siden et gitter af arbejdsprøver, og de udgør hovedparten af det, man ser. Et studie, der sælger levende billeder, bevæger sig næsten ikke væk fra dem.

Det er en enkel disciplin, og den fungerer, fordi besøgende dømmer hurtigt. Når de første sekunder viser noget, der er lavet med omtanke, er påstanden om kvalitet allerede dokumenteret. Teksten kan så nøjes med at pege og forklare.

For en lille virksomhed er pointen ikke, at alle skal have et videogitter. Det er, at det vigtigste, man kan vise, bør have mest plads, og at alt andet bør rykke i baggrunden.

Typografien er det, der giver siden karakter. En serif-skrift til overskrifter føles redaktionel og lidt magasinagtig, især i en branche, hvor de fleste vælger de samme grotesk-skrifter. Det adskiller uden at råbe.

Om det rykker, afhænger af, hvor meget man gør ud af det. Korneffekter lægger en tekstur oven på fladerne, så skærmen ligner noget fysisk, og sløring bruges til at skabe dybde og lade tekst stå klart mod bevægelige billeder. Sammen giver de en fornemmelse af film frem for et skabelondesign. Efter min vurdering er det netop kombinationen, der gør, at siden skiller sig ud.

Husk, at hvert lag koster: korn kan gøre små tekster svære at læse, og sløring kan æde af kontrasten. Tjek altid tekst mod baggrund på en almindelig mobilskærm, før du er tilfreds.

Scroll-overgange kan få en side til at føles som en fortælling, hvor hvert stykke afløser det forrige i stedet for blot at komme efter det. Det er også her, mange sider går galt, for en overgang, der kræver, at man venter, bliver hurtigt irriterende.

Tre tommelfingerregler hjælper:

- Lad bevægelsen støtte indholdet, ikke dække for det. Hvis besøgende skal vente på, at tekst dukker op, er effekten for stor. - Hold overgangene korte og ensartede. Samme tempo og samme retning gør, at siden føles gennemtænkt. - Respekter brugere, der har slået bevægelse fra i deres indstillinger, og vis dem en rolig udgave uden animation.

Og tæl dem. Hvis hver eneste sektion har sin egen effekt, mister effekterne betydning.

Det er ikke nødvendigt at kopiere et studies budget for at bruge idéerne. Tre ting kan overføres direkte.

For det første et tydeligt valg af skrift. Én serif til overskrifter og én neutral til brødtekst giver allerede en klar personlighed, uden at du behøver andet.

For det andet ét stærkt billede eller én kort film i toppen i stedet for fem mindre. Det giver ro og peger besøgende i en retning.

For det tredje en sparsom brug af bevægelse. Én velvalgt overgang gør mere end ti, og den er langt lettere at få til at køre hurtigt på en mobil.

Start småt. Skift overskrifternes skrifttype og se, om siden får en anden stemning. Hvis det virker, kan du tilføje en let kornet tekstur på én enkelt sektion og vurdere effekten, før du går videre.

Vil du have video med, så brug en kort, lydløs film uden autoafspilning med lyd, og sørg for et stillbillede, der vises, mens den indlæses. Mål derefter, om siden stadig loader hurtigt. Hvis den ikke gør, er udtrykket ikke pengene værd.

Det vigtigste er at lade ét greb bære siden, i stedet for at stable alle på. Det er den lærestreg, Flowjam viser bedst.