The final app design was based on the Ideate brainstorm session the whole group had on week 42 and the previously collected feedbacks.
On the "login" page we agreed it would be easier to track each individual's progress if asked to uniqly sign in (with email/phone number and password). Furthermore, we also gave the social media options to login, to facilitate the social connection (one of the objectives of the app).
We all agreed that the "home" page should have looked welcoming to the user and introduced him/her to the most important highlights of the day, in this case: motivational quote of the day and a reminder for a personal achievement (connected to a real challenge).
We decided to offer 2 types of menu bars, one typical one on the top right side of the app with all sort of redirections, and another quick menu bar in the bottom part of the app, which would lead the user to the most used/most important pages of the app.
The picture that can be seen on top of each page represents the user's profile picture and its positioning has the goal of highlighting the personal and individual touch of the app (ex: it is about you!).
In the home screen's top left corner we can also wee a settings button which has double intention: firstly, lead the user to settings by only one click/touch, secondly, remind the user the customisability of the app.
From the home screen we can notice a small symbol of two dots in the bottom of it, they allow and remind the user that he/she can scroll left to be redirected to the 4 main pages of the app: Challenges, Reminders, Priorities, Progress.
The pages after that, are shown in the same order as the previously mentioned main 4 pages.
The fist one we can notice is the "challenges" page. We chose to put this one as first due to its importance within the app. In return, this page is sub-divided into 3 other ages: Ongoing challenges, Completed challenges and Shared challenges. Now we will deep-dive into each one of them and their use.
The "ongoing challenges" sub-page is meant to show the user its daily challenges, the due date of each challenge and it gives the user the possibility to "star" a challenge, classifying it as important or priority. Moving onto the second sub-page, as intuitive from the name, the "completed challenges" page show the ones that were already done by the user and the achievement that came with each one of them. Similarly to the ongoing challenges, we decided to add a "share" button next to each achievement to give the opportunity to be shared with friends or on Social Media. Lastly, the "shared challenges" page shows a list of ongoing challenges that had been previously shared with friends, by clicking on each of them you can also see yours and the friend's current progress.
The "reminders" page was added in order to help the client with its work and time management. We wanted to include these 2 needs in the app as they were a fundamental part of our Empathy Phase and the remote worker's routines we liked to take into account. As you can see, the objective of this page results pretty intuitive: allow the user to list out to-dos and deadlines (as well as seeing the completed tasks and/or star the most important ones).
Moving into the "priorities" page, we decided to use this page as a landing page for the user's priorities. This specifically connects to the challenges he/she would get in the future since from here the user would be able to choose what are its main categories of interest. In this case the user's main categories are 4: health, exercise, social contact and hobbies; (which means he/she will receive challenges based on these listed preferences). Furthermore it is also possible to add more though (ex: nature).
Finally, the "progress" page has the goal of collecting and summarising the user's progress throughout the week. As shown, the first chart illustrates a pie chart of the total weekly challenges assigned to the user and its completition as a percentage. While at the bottom part, the weekly progress is shown through a linear chart where on the X axis the days of the week are listed and in the Y axis the cumulative number of challenges completed.
In the last page there is an example of a notification the client would get based on its ongoing challenges or reminders. It is important to underline the fact that, as any other feature of the app, it is possible to edit and personalize the frequency and tone of the notifications to be received, in settings.