For å skille seg ut i et overfylt marked for foreldreskapsapper, trengte Napper mer enn en UI-oppdatering — det trengte et enhetlig visuelt system som kunne tilpasse seg de funksjonelle kravene til et datadrevet produkt og den emosjonelle varmen fra et merke bygget for søvnmanglende foreldre.

Vi satte oss fore å designe et system som kunne:

• Føles varm og vennlig på alle kontaktpunkter, fra App Store til smartklokke
• Bro mellom klinisk presisjon og emosjonell trygghet
• Skaleres på tvers av plattformer — telefon, nettbrett, widget, klokke — uten å miste sin sjel

Vi utviklet en merkeidentitet forankret i varme, tillit og mild intelligens. Sentral i systemet er Napper Brand Scale — et rammeverk som kartlegger hele spekteret av visuell uttrykk, fra den lyse, bilde-drevne varmen i markedsføring til den mørke, illustrasjonsledede funksjonaliteten til appen.

Skalaen er ikke en rigid regel. Det er en guide: markedsføringsmateriale lener seg mot varme, lyse farger og emosjonelle bilder. Appen lever i mørk modus med illustrerte elementer, designet for foreldre som navigerer skjermer i svakt opplyste rom. Og i mellom — nettside, presentasjoner, app store-ressurser — tilpasser merket seg avhengig av kontekst og budskap.

Alt innen Napper-merket skal føles varmt og vennlig. Det er ikke til forhandling.

Fargesystemet følger en bevisst gradient. Lyse, jordnære Napper Brand-toner forankrer markedsføringssiden. Mørke, rike Napper Land-farger driver opplevelsen i appen. Midtpunktet — nettside, presentasjoner, app-mockups — trekker fra begge, avhengig av om konteksten handler om produktet selv eller den mykere emosjonelle historien rundt det.

I hjertet av appen lever Napperland — en illustrert verden bygget i lag, hver med sin egen fargelogikk. Forgrunnselementer er lysere og mer mettet, og trekker blikket mot det som betyr mest. Høydepunkter — stjerner, blomster, små detaljer — legger til livlige aksenter rundt fokuspunktet. Bakgrunner er mørkere og mer dempet, og gir dybde uten å konkurrere om oppmerksomheten. Og himmelen skifter mellom nyanser av blått, rosa og lilla, og setter stemningen for hver scene.

Dette lagdelte systemet gir Nappers illustratører og designere et klart, fleksibelt rammeverk for å lage nye komposisjoner som alltid føles som en del av den samme verden — enten det er en leggetidsscene, en nappe-tracker-skjerm, eller en push-notifikasjon.

Vårt samarbeid strakte seg dypt inn i produktet. Vi oppdaterte appens UI på telefon, widget og Apple Watch, bygget på de sirkulære motivene som gjenspeiler Nappers signatur 24-timers klokke-dashbord. Grensesnittet er designet for én-hånds bruk av utmattede foreldre — store trykkpunkter, høy kontrast i mørk modus, og informasjons-hierarki som fremhever neste handlingspunkt uten å overvelde.

“Napper er et produkt født fra ekte foreldres erfaring. Vår oppgave var å gjøre den historien synlig — fra det aller første nettsidebesøket til den hundrede gangen en forelder sjekker appen kl. 03.00.”

Oskar Pettersson Hedin, Design Director

Fra søvnsporing til lydavspilling, onboarding til trenddiagrammer, balanserer hver skjerm datadensitet med emosjonell ro. Appen skal føles som en beroligende følgesvenn, ikke en annen kilde til angst.

Widget- og smartklokkeopplevelsene reduserer grensesnittet til det essensielle: neste nappevindu, en hurtigstart-timer, den nåværende søvnprognosen. Bare nok til å være nyttig ved et blikk, uten å trekke en forelder ut av øyeblikket.