Tilbage til alle cases
Digital & UX/UIIllustrationMotion

Mikkeller

Et appkoncept, der oversætter Mikkellers håndtegnede univers til et digitalt produkt, med håndlavede ikoner, illustrationer og animation.

Kunde
Mikkeller (fiktivt brief)
År
2022
Min rolle
Koncept, UX/UI, illustration og motion
Leverancer
Appkoncept, 20+ skærme, ikonsæt, illustrationer, animerede loops, lanceringsstory
Kontekst
Afgangsprojekt
Værktøjer
Adobe XD, Illustrator, After Effects
Mere end 20 Mikkeller-appskærme lagt skråt på en varm beige baggrund med linjen 20+ screen designs

Udfordringen

Mikkeller er kendt for modige, legende og håndtegnede illustrationer på etiketter, barer og merchandise. Briefet til mit afgangsprojekt (et fiktivt brief, ikke bestilt af Mikkeller) var at bringe den personlighed ind i et digitalt produkt og hjælpe ølelskere med at finde rundt i et kæmpe udvalg af øl, barer og butikker.

Idéen

Beer of your dreams: en app, der starter med en kort smagsquiz og derefter bliver personlig. Dine svar om smag, madparring og alkoholprocent bliver til anbefalinger, og appen viser dig, hvor du kan smage dem, fra webshoppen til den nærmeste Mikkeller-bar.

Det lavede jeg

Research og koncept, wireframes og UI til mere end 20 skærme, et håndtegnet ikonsæt, et lille persongalleri og illustrationer, korte animerede loops til onboarding og en Instagram-story til lanceringen af appen. Alle visuelle elementer er tegnet i hånden, så appen føles, som om den kommer fra samme univers som dåserne.

Animeret figur, der holder en telefon op med en øl på skærmen
Animeret par, der holder i hånd og kaster blikke til hinanden
Animeret figur på cykel
Persongalleriet. Håndtegnede figurer animeret som korte loops og frilagt fra deres baggrunde, så de kan leve på alle skærme i appen.
Håndskitserede wireframes til otte skærme: forside, udforsk produkter, produkt, udforsk kort, udforsk liste, lokation, gemte og profil
Det starter på papir: håndskitserede wireframes til de otte centrale skærme.
Animeret loop: en hånd trykker på felter på en telefon for at vælge en smag01Vælg din smag
Animeret loop: en hånd rækker ned efter en øl02Få din øl
Hele gennemgangen (4 min.): fra login og smagsquiz til anbefalinger, barkortet, produktsider, ønskelister og profil. Onboarding-loopsene på hver side afspilles inde i quizzen.
Tolv håndtegnede ikoner til madparring: fisk, kød, fjerkræ, svinekød, kringle, avocado, ost, kulhydrater, jordbær, gulerod, mælk og glasHåndtegnede navigationsikoner i outline: profil, hjerte, hjem og søgDe samme navigationsikoner udfyldt, brugt til den aktive tilstand
Et håndtegnet ikonsæt: madparringer til smagsquizzen og navigationsikoner med en outline- og en udfyldt (aktiv) tilstand.
Loginskærm med Mikkeller-logoet på en telefonHåndtegnede illustrationer af kirsebær, citron, tærte, artiskok og en kurv med flaskerCollage af figurerne, der drikker, cykler og tjekker appen mellem svævende flasker
Loginskærmen, håndtegnede smagsillustrationer til quizzen og figurerne i aktion.
Lancering: en Instagram-story, der inviterer folk til at udforske en verden af fantastiske øl i den nye app.

Resultatet

Et komplet appkoncept med mere end 20 skærme, et skræddersyet ikonsæt og et lille persongalleri af animerede figurer. Det viser, hvordan et brand med en stærk analog identitet kan flytte ind i UI uden at miste sit håndlavede præg.

Har du brug for noget lignende?

Fortæl mig, hvad du arbejder på, så vender jeg tilbage med, hvordan jeg vil gribe det an.

Send en besked