Stylesheet

Basis van de stylesheet

Ask Team Clean heeft in april 2021 haar huisstijl op bepaalde onderdelen erg omgegooid, zo veranderde de hoofdkleur van roze naar blauw, werden de meeste hoekjes op het live platform wat ronder en werd er meer gebruik gemaakt van wit en grijs. Door de recente updates en de duidelijk nog zoekende situatie naar een nieuwe vaste huisstijl, is er nog geen nieuwe Brand Guide voor Ask Team Clean, en dus heb ik de onderdelen die behouden zijn gebleven uit de oude Brand Guide gebruikt als uitgangspunt, en dit aangevuld met elementen van de live site en uit mijn eigen Design Patterns en Principes onderzoek. Door de elementen vooraf vast te stellen maak ik het voor mijzelf makkelijker om een consistent design neer te zetten. Onderdelen die vast staan zijn:

  • Fonts

  • Primaire kleuren

  • Tegel / Kaart elementen

Mijn eigen toevoeging:

Kleuren

Om de app speels te maken heb ik alle blauwe shades uit de live website gehaald en deze gezamenlijk gebruikt voor een uitnodigende top bar op ieder scherm. Met enkel blauw, wit en grijs wordt de app echter heel 'koelbloedig' en dus heb ik lichte pastelkleuren toegevoegd die niet te druk zijn om te combineren met al het blauw, maar wel bright genoeg om de app 'gezelliger' te maken.

"Blue is the color of confidence. It is usually used when an app designer aims at designing a mobile application to be reliable and calming. Despite the color’s attributes, too much blue in an app’s design makes it seem slow, distant and sad. Therefore, mobile app designers must be very careful to not overpower the app with blue." (Appedus, 2020).

Platte Illustraties x Pastel Gradients

Omdat Ask Team Clean gebruik maakt van een aantal poppetjes in de Brand Identity heb ik besloten deze mee te nemen in het app design om zo duidelijk te maken dat mijn app bij Ask Team Clean hoort, maar niet persé 'de' Ask Team Clean app is. De illustratie stijl, die ik aardig onder de knie heb door mijn stageopdrachten voor Henkel voorafgaand aan dit project, is erg plat en bestaat zelf ook veelal uit pastel en washed achtige kleuren. Niet heel fel en aanwezig, wel heel speels.

Bekijk hier enkele video's waarin te zien is hoe ik de illustratiestijl inzet om elementen voor in mijn applicatie te maken.

Stylesheet III

Stylesheet II

Stylesheet I

Last updated