Afstudeerproject Abigaél
  • Ask Team Clean | Cleaning Schedule Generator
  • Introductie
    • Inleiding
    • Projectplanning en logboek
  • Design Brief
    • ℹ️ Introductie
    • 🤓Persoonlijke focus
    • ⚠️ Probleemstelling
    • 🎯Designchallenge en deelvragen
    • 🗓️ Projectplanning per fase
    • 💡Complexiteit en productvisie
  • Design Challenge
  • Krabbels
  • Fase 1 - Definitie
    • Doelgroep mapping uit marktonderzoek
    • Survey en Context Mapping
    • Persona's en Scenario's
    • Stakeholdermap
    • Programma van Eisen
    • Deelvragen bij Fase 1 beantwoord
  • FASE 2 - exploratie
    • Literature Study: Schoonmaken
    • Literature Study: Klantenbinding
    • Literature Study: Online Interactie
    • Benchmark Creation
    • Good, Bad & Best Practices
    • User Flows
    • Deelvragen bij Fase 2 beantwoord
  • Fase 3 - ideatie
  • Concepten
    • Concept 1: Generator tool voor desktop
    • Concept 2: Schoonmaakschema generator app
    • Concept 3: Het ATC platform in een app
    • Expert Review
  • Interviews
  • Proof of concept
  • Feedback Frenzy
  • Requirements Check op concepten (MoSCoW)
  • Inspiration Wall
  • Deelvragen bij Fase 3 beantwoord
  • Fase 4 - concepting
  • User Stories
  • Focusgroup & Co-creation
  • Design Patterns
  • Design Principes
  • Stylesheet
  • Definitief concept
  • Programma van Eisen check op concept
  • Fase 5 - validatie & iteratie
    • Prototype V1
    • Tests V1
      • User Review V0.5 | Ruggero
      • Peer Review V1 | Folkert-Jan
      • Usability Test V1 | Peet
    • Iteratie > Prototype V2
    • Design Patterns 2
    • Tests V2 en V2.5
      • Usability Test V2 | Esmée
      • Usability Test V2 | Michelle
      • Iteraties naar Prototype V2.5
      • Design Expert Test V2.5 | Anouk
      • Design Expert Review V2.5 | Joop
    • Iteratie > Prototype V3
    • Product Quality Review - Wayne Parker Kent
    • Design Patterns 3
    • Iteratie > Prototype V4
    • Tests V4
      • Usability Test V4 | Ruggero & Daan
      • Usability Test V4 | Tim
    • Deelvragen bij Fase 5 beantwoord
  • fase 6 - evaluatie
  • Definitief Prototype
  • Validatie Definitief Prototype
  • Adviesrapport / Aanbevelingen
  • Conclusie
  • Eindoplevering
    • Design Rationale
    • Eindproduct
    • Reflectie
  • Bijlage
    • Bronnen
    • Bouwstenen
      • De verschillende projectfases
      • Workshops
      • SLC Sessie 14/04
Powered by GitBook
On this page
  • Basis van de stylesheet
  • Mijn eigen toevoeging:
  • Kleuren
  • Platte Illustraties x Pastel Gradients
  • Stylesheet III
  • Stylesheet II
  • Stylesheet I

Stylesheet

PreviousDesign PrincipesNextDefinitief concept

Last updated 3 years ago

Basis van de stylesheet

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 en 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."

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.

Stylesheet III

Stylesheet II

Stylesheet I

Ask Team Clean
Design Patterns
Principes
(Appedus, 2020).
Bekijk hier enkele video's waarin te zien is hoe ik de illustratiestijl inzet om elementen voor in mijn applicatie te maken.
Stylesheet 2.0 voor Prototype V2 en V3
Stylesheet bij Prototype Versie 1