Hier staan alle richtingen die zijn gemaakt, met uitleg. Alles is gewoon te openen en te testen op telefoon en computer. De pagina's in "Overige varianten" zijn prototypes: pre-order en contactformulier versturen niets. De reviews-sectie staat in de varianten zichtbaar met voorbeeldteksten.
A is de eerste richting (één pagina). A2 en A3 zijn de meerpagina-versies, A4 de ingekorte one-pager waaruit A5 is gekomen.
ANachtwacht+ (een pagina)De eerste richting, terug in de reeks. Enige wijziging: de verloopkleur in de koppen is weg, die zijn nu één kleur.A2Nachtwacht+ als meerpagina-siteLook en feel van A (donkerblauw, cyaan, glas) op de structuur van F11: Home, Producten, De App en Contact. Ook zonder verloopkleur.A3Nachtwacht+ logisch ingedeeldA-look met de redeneerde structuur van F11, opgeschoond: FAQ alleen op eigen pagina, 'Alles werkt samen' op De App, labels bij elke doorklik, geen dubbele secties.A4One-pager, ingekort (donkerblauw)Dezelfde ingekorte opzet als F12 in de A-look.F1 is het uitgangspunt. F2 tot F9 zijn kleur- en sfeerexperimenten, F10 de complete verkooppagina, F11 de meerpagina-versie, F12 de ingekorte one-pager waaruit F13 is gekomen.
F1Bewegwijzering, geelDe oorspronkelijke F: Schiphol-geel en zwart. Pijlen, pictogrammen, vertrekbord, metrolijn en het Niet storen-bordje.F2Blauw uit richting DZelfde bord-taal, nu in het blauw van de handleiding. Foto's in blauwe drukinkt, een grotere kop en het bordje rechtsboven.F3Groen en roomwitCompleet ander palet, rustiger gezet in gewone hoofdletters en kleine letters. Lichte borden voor het bord en de tarieven.F4Donker met railZwarte pagina met gele borden en een vaste plattegrondrail links, zoals het bordje bij de ingang van een gebouw.F5Licht, gele hoofdkleurF1 in light mode. Gele hero blijft, de zwarte vlakken zijn wit geworden. Rood is nu de contrastkleur: metrolijn, PRO-vlak, tabelkoppen en links.F6Verfijnd lichtRustiger dan F5: kleinere koppen in gewone letters, dunne lijnen, geel als accent in plaats van vlak. Rood voor knoppen en lijnen.F7Lounge met parallaxF1 met donkere lounge-foto's achter de donkere delen (Hoe het werkt, Niet storen in rood getint, Systeem, Watchtower, LED). De foto's schuiven langzamer dan de inhoud. De hero vult precies het scherm.F8Licht met tealF5 met diep teal als contrastkleur in plaats van rood, om te vergelijken.F9SamengevoegdF7 en F8 samen: bijna elke sectie heeft een parallax-foto. Lichte secties hebben een heel lichte ondergrond met de foto als watermerk, donkere laten de foto zien. Rood alleen bij probleem en alarm. Schakelaar Licht/Donker voor de lichte secties.F10De homepageDe beste elementen samen: gele signalering, lichte watermerk-foto's en donkere lounge-secties met parallax, interactieve alarmdemo, app-telefoon die meeverandert, kit-configurator en pre-order flow. Rood alleen bij probleem en alarm.F11Meerdere pagina'sF10 als site met vijf pagina's: Home (alles in kort, met doorklikken), Product, De App, Privacy en Kits. Navigatie, broodkruimels en de kit-keuze via een link met voorkeuze.F12One-pager, ingekort (geel)De ingekorte verkooppagina met alle sfeerfoto's en rood bij alarm, plus een aparte techniekpagina en contact. Niets dubbel.