Mobile Mockup of Tourgether App

Tourgether

A digital assistent meant to help users navigate official documents and make applications

Overview

  • This project was meant to challenge us to develop an app from start to finish, adressing a common problem - in this case travel planning

Role: UX Research, Concept, UI Design, Interaction, Branding - split equally over 4 Team members
Tools: Adobe XD, Miro, Premiere Pro, After Effects

-> The result was a mobile assistant specifically for applying for housing benefit in germany

Research

While we had our own ideas reagrding features, we firstly conducted 12 interviews in order to find out what users struggle with or could use help with. We summarized all of the data including experiences, problems and suggestions on a miro board.

Planing is the most complex task

Afterwards we were met with a wide array of ideas and thoughts. To prioritize our team divided funtionalities to must haves, should haves and could haves

tourgether miro research results

Ideation and Prototyping

Based on those we created the first wireframes - visualizing our use cases:

  • creating a travel group
  • planning the journey
  • inputting individual wishes
  • presentation of the collected data and the resulting route
tourgether paper wireframes tourgether paper wireframes

Mockups

After testing the prototypes and polishing our screens these are the final highfidelity screens:

tourgether screens

Check out the video demonstration here!