David Craft Ale

O stea cu 8 colțuri ca simbol, un logotip slab-serif — DAVID în cacao peste CRAFT ALE în roșu cărămiziu — și Hopper, hameiul cu aripi, ca mascotă. Un sigiliu rotativ, un semn de deschidere scris în Archivo și o bandă cu replicile brandului completează setul.

Alfa Slab One pentru titluri, Hanken Grotesk pentru text și interfață. Crem, hârtie, miere, cacao și cerneală poartă brandul; fiecare bere adaugă o culoare proprie — Blonde, Amber, IPA și Dark.

Fiecare bere are propriul set de etichete — de gât, față, lateral și spate, cea din spate cu note de degustare și ingrediente — construite pe același cadru: numele David Craft Ale în arc, Hopper și culoarea fiecărei beri.

Dozele și cutiile de șase poartă același sistem, așa că cele patru beri se citesc pe raft ca o singură familie.

Pagina principală se deschide cu un ecran de încărcare, apoi îl lasă pe Hopper să urmărească cursorul prin hero. Alegerea unei beri recolorează raftul și panoul „Now pouring”; paginile se schimbă prin „the pour” — patru benzi în culorile berilor care se ridică și se retrag ca un pahar care se umple.

Pagina cu povestea își dezvăluie ilustrațiile prin efecte de iris și cortină, apoi parcurge drumul berii în șapte pași — măcinare, plămădire, fierbere, fermentare, maturare, îmbuteliere și compania bună — fiecare ilustrație legată de următoarea printr-o linie care se desenează pe măsură ce derulezi.

Fiecare bere are pagina ei: o galerie foto, informațiile esențiale (volum, alcool, IBU) și opțiunea între sticlă și doză, bucată sau bax de șase, cu poza și prețul care se schimbă după alegere.

Hopper are propria pagină, ca jucărie de pluș în ediție limitată, cu galerie și restul produselor — suporturi de pahar, un desfăcător și un pahar de bere.

„Pick your pour” așază toată gama — sticle, doze, baxuri de șase și accesorii. La trecerea cu mouse-ul peste un produs apare o fotografie de aproape, iar quick view-ul deschide orice produs fără să părăsești pagina.

Pe mobil, raftul de beri devine un carusel pe care îl atingi sau îl glisezi, drumul berii devine un traseu vertical, iar quick view-ul și harta distribuitorilor rămân la un deget distanță.