Um sich in einem überfüllten Markt für Eltern-Apps abzuheben, benötigte Napper mehr als ein UI-Update – es brauchte ein einheitliches visuelles System, das zwischen den funktionalen Anforderungen eines datengestützten Produkts und der emotionalen Wärme einer Marke, die für schlafentzugene Eltern geschaffen wurde, flexibel sein konnte.

Wir haben uns zum Ziel gesetzt, ein System zu entwerfen, das:

• Warm und freundlich an jedem Berührungspunkt wirkt, vom App Store bis zur Smartwatch
• Die Lücke zwischen klinischer Präzision und emotionaler Beruhigung überbrückt
• Über Plattformen hinweg skalierbar ist – Telefon, Tablet, Widget, Uhr – ohne seine Seele zu verlieren

Wir entwickelten eine Markenidentität, die in Wärme, Vertrauen und sanfter Intelligenz verwurzelt ist. Zentral für das System ist die Napper Brand Scale – ein Rahmen, der das gesamte Spektrum visueller Ausdrucksformen abbildet, von der leichten, bildgetriebenen Wärme des Marketings bis zur dunklen, illustrationsgeführten Funktionalität der App.

Die Skala ist keine starre Regel. Sie ist ein Leitfaden: Marketingmaterial neigt zu warmen, hellen Farben und emotionalen Bildern. Die App lebt im Dunkelmodus mit illustrierten Elementen, die für Eltern entworfen wurden, die Bildschirme in schwach beleuchteten Räumen navigieren. Und dazwischen – Website, Präsentationen, App-Store-Assets – passt sich die Marke je nach Kontext und Botschaft an.

Alles innerhalb der Napper-Marke sollte warm und freundlich wirken. Das ist nicht verhandelbar.

Das Farbsystem folgt einem bewussten Verlauf. Helle, erdige Napper-Marken-Töne verankern die Marketingseite. Dunkle, satte Napper-Land-Farben bestimmen die In-App-Erfahrung. Der Mittelweg – Website, Präsentationen, App-Mockups – schöpft aus beiden, je nachdem, ob der Kontext das Produkt selbst oder die weichere emotionale Geschichte darum betrifft.

Im Herzen der App lebt Napperland – eine illustrierte Welt, die in Schichten aufgebaut ist, jede mit ihrer eigenen Farblogik. Vordergrundelemente sind heller und gesättigter, um das Auge auf das Wesentliche zu lenken. Highlights – Sterne, Blumen, kleine Details – fügen lebendige Akzente um den Fokuspunkt hinzu. Hintergründe sind dunkler und gedämpfter, um Tiefe zu verleihen, ohne um Aufmerksamkeit zu konkurrieren. Und der Himmel wechselt zwischen Blau-, Rosa- und Lilatönen und setzt die Stimmung jeder Szene.

Dieses Schichtsystem gibt Nappers Illustratoren und Designern einen klaren, flexiblen Rahmen, um neue Kompositionen zu erstellen, die sich immer wie Teil derselben Welt anfühlen – egal, ob es sich um eine Schlafenszeitszene, einen Nickerchen-Tracker-Bildschirm oder eine Push-Benachrichtigung handelt.

Unsere Zusammenarbeit erstreckte sich tief in das Produkt. Wir haben das UI der App für Telefon, Widget und Apple Watch aktualisiert und auf den kreisförmigen Motiven aufgebaut, die Nappers charakteristisches 24-Stunden-Uhr-Dashboard widerspiegeln. Die Benutzeroberfläche ist für die einhändige Nutzung durch erschöpfte Eltern konzipiert – große Tippziele, hoher Kontrast im Dunkelmodus und eine Informationshierarchie, die den nächsten umsetzbaren Schritt ohne Überforderung hervorhebt.

“Napper ist ein Produkt, das aus realen elterlichen Erfahrungen geboren wurde. Unsere Aufgabe war es, diese Geschichte sichtbar zu machen – vom allerersten Besuch der Website bis zur hundertsten Überprüfung der App um 3 Uhr morgens.”

Oskar Pettersson Hedin, Design Director

Von der Schlafverfolgung bis zur Soundwiedergabe, vom Onboarding bis zu Trenddiagrammen balanciert jeder Bildschirm Datendichte mit emotionaler Ruhe. Die App sollte sich wie ein beruhigender Begleiter anfühlen, nicht wie eine weitere Quelle der Angst.

Die Widget- und Smartwatch-Erlebnisse reduzieren die Benutzeroberfläche auf das Wesentliche: das nächste Nickerchen-Fenster, einen Schnellstart-Timer, die aktuelle Schlafprognose. Genau genug, um auf einen Blick nützlich zu sein, ohne einen Elternteil aus dem Moment zu reißen.