För att sticka ut i en trång appmarknad för föräldrar behövde Napper mer än en UI-uppfräschning — det behövde ett enhetligt visuellt system som kunde anpassa sig mellan de funktionella kraven hos en datadriven produkt och den känslomässiga värmen hos ett varumärke byggt för sömnberövade föräldrar.

Vi satte igång att designa ett system som kunde:

• Kännas varm och vänlig vid varje beröringspunkt, från App Store till smartklocka
• Broa klyftan mellan klinisk precision och känslomässig trygghet
• Skala över plattformar — telefon, surfplatta, widget, klocka — utan att förlora sin själ

Vi utvecklade en varumärkesidentitet rotad i värme, förtroende och mild intelligens. Centralt i systemet är Napper Brand Scale — en ram som kartlägger hela spektrumet av visuell uttryck, från den ljusa, bilddrivna värmen av marknadsföring till den mörka, illustrationsledda funktionaliteten av appen.

Skalan är inte en strikt regel. Det är en vägledning: marknadsföringsmaterial lutar sig mot varma, ljusa färger och känslomässig bildspråk. Appen lever i mörkt läge med illustrerade element, designade för föräldrar som navigerar skärmar i svagt belysta rum. Och däremellan — webbplats, presentationer, appbutiksresurser — varumärket anpassar sig beroende på kontext och budskap.

Allt inom Napper-varumärket bör kännas varmt och vänligt. Det är det icke-förhandlingsbara.

Färgsystemet följer en medveten gradient. Lätta, jordiga Napper Brand-toner förankrar marknadsföringssidan. Mörka, rika Napper Land-färger driver upplevelsen i appen. Den mittersta marken — webbplats, presentationer, appmockups — drar från båda, beroende på om kontexten handlar om produkten själv eller den mjukare känslomässiga berättelsen kring den.

I hjärtat av appen finns Napperland — en illustrerad värld byggd i lager, var och en med sin egen färglogik. Förgrundselement är ljusare och mer mättade, vilket drar ögat till det som är viktigast. Höjdpunkter — stjärnor, blommor, små detaljer — lägger till livliga accenter runt fokuspunkten. Bakgrunder är mörkare och mer dämpade, vilket ger djup utan att konkurrera om uppmärksamheten. Och himlen skiftar mellan nyanser av blått, rosa och lila, vilket sätter stämningen för varje scen.

Detta lagerbaserade system ger Nappers illustratörer och designers en tydlig, flexibel ram för att skapa nya kompositioner som alltid känns som en del av samma värld — oavsett om det är en godnattsscen, en nap tracker-skärm eller en push-notis.

Vårt samarbete sträckte sig djupt in i produkten. Vi fräschade upp appens UI över telefon, widget och Apple Watch, och byggde på de cirkulära motiv som ekar Nappers signatur 24-timmars klockdashboard. Gränssnittet är designat för enhandig användning av utmattade föräldrar — stora tryckmål, hög kontrast i mörkt läge och informationshierarki som lyfter fram nästa handlingsbara steg utan att överväldiga.

“Napper är en produkt född ur verklig föräldraerfarenhet. Vårt jobb var att göra den berättelsen synlig — från det allra första besöket på webbplatsen till den hundrade gången en förälder kollar appen klockan 3 på morgonen.”

Oskar Pettersson Hedin, Design Director

Från sömnspårning till ljuduppspelning, onboarding till trenddiagram, varje skärm balanserar datatäthet med känslomässig lugn. Appen bör kännas som en lugnande följeslagare, inte en annan källa till ångest.

Widget- och smartklockaupplevelserna förenklar gränssnittet till det mest nödvändiga: nästa nap-fönster, en snabbstarttimer, den aktuella sömnprognosen. Precis tillräckligt för att vara användbart vid en blick, utan att dra en förälder ur stunden.