Phases

• Desk Research, Field Research, Findings
  Research of existing Applications. What does already exist? Analysis and testing of the found examples. Questioning and Observation of WG-Residents. Understanding their motivation and behaviour. Indentification Identification of usage-patterns. Photographic documentation. Definition of a problem and collection of user-needs.
  
  
• Personas
  Definition of five WG-Residents and their stories.
  
  
• Brainstorming, Mind Mapping, Sketching, etc.
  Take one or more of the above methods to rethink the scenario. Be "wild" and come back with innovative and striking solutions of which you hadn't thought of before.
  
  
• Wireframe Screen Flow Diagram, Moodboard
  Draw individual screen wireframes that are connected with each other to show the flow in your application. Traditionally, the moodboard is a big collage consisting of photos, apps, texts, illustrations and other materials that shows the look and feel. The moodboard shows links between the things and supports the imagination of new ways.
  
  
• Design GUI
  Using the moodboard, a skin for the application is developed. Software: Photoshop, Illustrator, Sketch, Adobe XD, etc.
  
  
• Click-Dummy
  A clickable mockup of the final UI. Software: Framer, Origami, Invision, Principle, Flinto, Adobe XD, etc.
  
  
• Usertest
  The click dummy is tested with three test users that solve a typical exercise. They are filmed and asked to think aloud while using the app.
  
  
• Prototyping
  Implementation of the final application in HTML, CSS, and JS in order to deliver a functional prototype. 

...

...