Focus Drink

Een webshop die vanaf het eerste scherm verkoopt. Bovenaan staat de fles groot in beeld en onderin kies je de smaak. Wissel je van smaak, dan kleurt de hele achtergrond mee en verschijnt de naam van de smaak in reusachtige letters achter de flessen. Prijs en winkelwagenknop staan er direct naast. Onderin het beeld borrelen bubbels op, zoals in de fles zelf.

De vormgeving gaat uit van wat het merk al had. Een donkere basis met geel als enige vaste accentkleur, en daarnaast alleen de kleuren van de smaken. De koppen staan in brede, zware letters die bijna het hele scherm vullen: "Alles eruit. Behalve focus." en "Vandaag besteld. Morgen focus." Het woord dat ertoe doet is geel, de rest wit. Zo leest de site zoals de fles eruitziet.

De shop staat gewoon op de homepage. Iedere fles heeft een eigen kaart waarop je meteen kiest of je er 6, 12 of 24 wilt, en met één klik zit het in je winkelwagen. Een productpagina is daarvoor niet nodig. Achter elke fles staat de naam van de smaak vaag in de eigen kleur, zodat het overzicht ook in kleur te lezen is. Proefpakket, cadeaubon en sleutelhanger staan ernaast en zijn met een filter uit elkaar te halen.

Verderop krijgt elke smaak een eigen kaart. Tijdens het scrollen schuift die kaart over de vorige heen, met de smaakkleur en de naam groot op de achtergrond. Kleine streepjes laten zien bij welke smaak je bent. Wie alleen even rondkijkt, heeft zo in een paar keer scrollen de hele lijn gezien zonder ergens op te klikken.

Daaromheen staat het verhaal van Roy en Danny, met wat er in de fles zit en waarom. Er is een aparte route voor zakelijke klanten: winkels, kantines en sportclubs bestellen per 48-pack, met een staffelkorting die oploopt tot vijftien procent. De navigatie zweeft als een smalle balk boven de pagina en de footer sluit af met een geel vlak en het logo op volle breedte.

Binnen een paar weken stond de webshop live, helemaal op maat. Er is geen bestaand thema onder gebruikt.

Online ziet Focus Drink er nu uit zoals in het schap. Wie via een video of een post doorklikt, ziet dezelfde kleuren, dezelfde letters en dezelfde fles.

De weg naar de winkelwagen is kort. Smaak kiezen, aantal kiezen en toevoegen gaat allemaal op de homepage, en vanuit het eerste scherm kun je al bestellen.

Zakelijke klanten hebben hun eigen ingang met vaste staffels. Ze hoeven daarvoor niet langs de consumentenshop en er hoeft niemand handmatig een offerte voor te maken.

Onder de vormgeving draait Shopify. Daar lopen de checkout, de betaalmethodes en de voorraad, voor klanten in Nederland, België en Duitsland. Komt er een nieuwe smaak bij, dan bouwt die voort op wat er al staat.