Erityisesti vanhempien sovellusten tiheässä kilpailutilanteessa Napper tarvitsi enemmän kuin vain käyttöliittymän päivityksen — se tarvitsi yhtenäisen visuaalisen järjestelmän, joka pystyi joustamaan datavetoisen tuotteen toiminnallisten vaatimusten ja univelkaisten vanhempien rakentaman brändin emotionaalisen lämmön välillä.

Aloitimme järjestelmän suunnittelun, joka voisi:

• Tuntua lämpimältä ja ystävälliseltä kaikissa kosketuspisteissä, App Storesta älykelloon
• Yhdistää kliinisen tarkkuuden ja emotionaalisen rauhoittamisen
• Skalautua eri alustoilla — puhelimessa, tabletissa, widgetissä, kellossa — menettämättä sieluaan

Kehtasimme brändi-identiteetin, joka perustuu lämpöön, luottamukseen ja lempeään älykkyyteen. Järjestelmän keskiössä on Napper Brand Scale — kehys, joka kartoittaa visuaalisen ilmaisun koko spektrin, markkinoinnin kevyestä, kuvapohjaisesta lämmöstä sovelluksen tumman, kuvittajavetoisen toiminnallisuuden äärelle.

Skala ei ole jäykkä sääntö. Se on opas: markkinointimateriaalit nojaavat lämpimiin, vaaleisiin väreihin ja emotionaalisiin kuvastoihin. Sovellus elää tummassa tilassa kuvitetuilla elementeillä, suunniteltu vanhemmille, jotka navigoivat näyttöjä heikosti valaistuissa huoneissa. Ja niiden välissä — verkkosivusto, esitykset, sovelluskaupan materiaalit — brändi joustaa kontekstin ja viestin mukaan.

Kaiken Napper-brändin sisällä tulisi tuntua lämpimältä ja ystävälliseltä. Se on ehdoton vaatimus.

Värijärjestelmä seuraa harkittua gradienttia. Vaaleat, maanläheiset Napper Brand -sävyjä tukevat markkinointipuolta. Tummat, rikkaat Napper Land -värit ohjaavat sovelluskokemusta. Keskivaihe — verkkosivusto, esitykset, sovelluksen mallit — ammentaa molemmista, riippuen siitä, onko konteksti tuotteen itsensä tai sen ympärillä olevan pehmeämmän emotionaalisen tarinan ympärillä.

Sovelluksen sydämessä elää Napperland — kerroksellinen kuvitetun maailman, jossa jokaisella on oma värilogiikkansa. Etualan elementit ovat kirkkaampia ja kylläisempiä, vetäen katseen tärkeimpiin asioihin. Korostukset — tähdet, kukat, pienet yksityiskohdat — lisäävät eloisia aksentteja keskipisteen ympärille. Taustat ovat tummempia ja hillitympiä, antaen syvyyttä ilman, että ne kilpailevat huomiosta. Ja taivas vaihtelee sinisen, vaaleanpunaisen ja violetin sävyjen välillä, asettaen kunkin kohtauksen tunnelman.

Tämä kerroksellinen järjestelmä antaa Napperin kuvittajille ja suunnittelijoille selkeän, joustavan kehyksen luoda uusia koostumuksia, jotka tuntuvat aina osalta samaa maailmaa — olipa kyseessä nukkumaanmenokohtaus, unenseurantasivu tai ilmoitus.

Yhteistyömme ulottui syvälle tuotteeseen. Päivitimme sovelluksen käyttöliittymän puhelimessa, widgetissä ja Apple Watchissa, rakentamalla Napperin tunnusomaisen 24 tunnin kellon ohjauspaneelin ympäri. Käyttöliittymä on suunniteltu yhdellä kädellä käytettäväksi väsyneille vanhemmille — suuret napautuskohteet, korkea kontrasti tummassa tilassa ja tietohierarkia, joka tuo esiin seuraavan toiminnan ilman ylivoimaisuutta.

“Napper on tuote, joka on syntynyt todellisesta vanhemmuuskokemuksesta. Tehtävämme oli tehdä tämä tarina näkyväksi — ensimmäisestä verkkosivuston vierailusta sataan kertaan, kun vanhempi tarkistaa sovellusta kello 3 aamuyöllä.”

Oskar Pettersson Hedin, Design Director

Unenseurannasta äänen toistoon, käyttöönotosta trendikaavioihin, jokainen näyttö tasapainottaa datatiheyttä emotionaalisen rauhan kanssa. Sovelluksen tulisi tuntua rauhoittavalta kumppanilta, ei toiselta ahdistuksen lähteeltä.

Widgetin ja älykellokokemukset yksinkertaistavat käyttöliittymän olennaisiin asioihin: seuraava uniaika, nopea käynnistysajastin, nykyinen unennäköennuste. Riittävästi ollakseen hyödyllinen yhdellä silmäyksellä, ilman että vanhempi häiriintyy hetkestä.