Filipa (Nuggie)'s profile

Due Today - AdobeXD project

Due Today
A not so funny word play for "to-do"​​​​​​​
This project was made for my final assessment in my postgraduate degree in UX/UI Desing.
We were free to do whatever project we had in mind, so I decided to design a "to do" app where you can input your own tasks and in addition the app also suggests some daily random self-care activities, such as drinking water or go for walks.
This was made to fit Samsung Galaxy S10 screen viewport (360x760px).
To make the user experience enjoyable and dynamic, I decided to make it as if it was a game, where you have multiple goals and achievements that will help you build and discover new planets, with different levels.
For every task you complete, added by you or suggested by the app, one new element appears on your screen to complete the planet you're in (rocks, montains, clouds...). For accomplish this effect, I used parallax backgrounds, to be able to separate everything in different layers.
At the top there's always a progress bar, once that bar is full, you're sent to a new planet to discover it with new elements to be added.
Wireframes and planning of the design, including some moodboards found online for inspiration
Overview of the whole project, including a small presentation for the class and the project itself to show and explain my work
For the project demonstration, I had to create a logo which is a simple white tick on a starry night, a Persona, include some schemes and sketches, the chosen moodboards used for inspiration and the main elements about the app design (buttons, colors, font...)
Overview of my presentation, to show to the class before showing the project
Video showing how the presentation part works. Leads directly to the project.
I made some small animations for opening/closing windows, some elements only appear when you click certain buttons, for example, if you choose "week" a callendar icon will show up, to select the week day, or if you choose "month" a callendar icon appears and you're able to select the day and month for your task.
Showing buttons' interactions and connections when adding a task.
Showing buttons' interactions and connections when selecting the week day.
Showing buttons' interactions and connections when selecting the day and month.
Small video demonstration how the app works.
Disclaimer: all the elements used for the app: Cosmo profile picture, all parallax backgrouds and icons are free to use and do not belong to me or were designed by me. This resources were used as a very helpful tool to make my work flow easier and faster, with no intention to get credit for them.
Due Today - AdobeXD project
Published:

Due Today - AdobeXD project

Published: