For at skille sig ud i et overfyldt marked for forældre-apps, havde Napper brug for mere end en UI-opfriskning — det havde brug for et samlet visuelt system, der kunne tilpasse sig de funktionelle krav fra et datadrevet produkt og den følelsesmæssige varme fra et brand bygget til søvnmangelende forældre.

Vi satte os for at designe et system, der kunne:

• Føles varm og venlig på alle berøringspunkter, fra App Store til smartwatch
• Bro mellem klinisk præcision og følelsesmæssig tryghed
• Skalere på tværs af platforme — telefon, tablet, widget, ur — uden at miste sin sjæl

Vi udviklede en brandidentitet, der er forankret i varme, tillid og blid intelligens. Centralt i systemet er Napper Brand Scale — en ramme, der kortlægger det fulde spektrum af visuel udtryk, fra den lyse, billeddrevne varme i markedsføring til den mørke, illustrationsledede funktionalitet i appen.

Skalaen er ikke en stiv regel. Det er en vejledning: marketingmateriale læner sig ind i varme, lyse farver og følelsesmæssige billeder. Appen lever i mørk tilstand med illustrerede elementer, designet til forældre, der navigerer på skærme i svagt oplyste rum. Og imellem — hjemmeside, præsentationer, app store aktiver — flekses brandet afhængigt af kontekst og budskab.

Alt inden for Napper-brandet skal føles varmt og venligt. Det er ikke til forhandling.

Farvesystemet følger en bevidst gradient. Lyse, jordnære Napper Brand nuancer forankrer markedsføringssiden. Mørke, rige Napper Land farver driver oplevelsen i appen. Mellemrummet — hjemmeside, præsentationer, app mockups — trækker fra begge, afhængigt af om konteksten handler om produktet selv eller den blødere følelsesmæssige historie omkring det.

I hjertet af appen lever Napperland — en illustreret verden bygget i lag, hver med sin egen farvelogik. Forgrundselementer er lysere og mere mættede, hvilket trækker øjet til det, der betyder mest. Highlights — stjerner, blomster, små detaljer — tilføjer livlige accenter omkring fokuspunktet. Baggrunde sidder mørkere og mere dæmpede, hvilket giver dybde uden at konkurrere om opmærksomheden. Og himlen skifter mellem nuancer af blå, pink og lilla, hvilket sætter stemningen for hver scene.

Dette lagdelte system giver Nappers illustratorer og designere en klar, fleksibel ramme til at skabe nye kompositioner, der altid føles som en del af den samme verden — uanset om det er en sengetidsscene, en nap tracker skærm eller en push-notifikation.

Vores samarbejde strakte sig dybt ind i produktet. Vi opfriskede appens UI på tværs af telefon, widget og Apple Watch, bygget på de cirkulære motiver, der ekkoer Nappers signatur 24-timers ur dashboard. Grænsefladen er designet til én-hånds brug af udmattede forældre — store trykpunkter, høj kontrast i mørk tilstand, og informationshierarki, der fremhæver det næste handlingsskridt uden overvældelse.

“Napper er et produkt født af ægte forældreoplevelse. Vores opgave var at gøre den historie synlig — fra det allerførste besøg på hjemmesiden til den hundrede gang, en forælder tjekker appen kl. 3 om natten.”

Oskar Pettersson Hedin, Design Director

Fra søvnovervågning til lydafspilning, onboarding til trenddiagrammer, balancerer hver skærm datatæthed med følelsesmæssig ro. Appen skal føles som en beroligende ledsager, ikke en anden kilde til angst.

Widget- og smartwatch-oplevelserne reducerer grænsefladen til det essentielle: det næste napvindue, en hurtig-start timer, den aktuelle søvnforudsigelse. Bare nok til at være nyttig ved et blik, uden at trække en forælder ud af øjeblikket.