This submission is for the no-code parallel to the Quarantine track.

Inspiration

Because of the current state that the world is in, it is difficult to focus on ourselves while staying connected with others. With trøst, we bring those two things together into one app.

What it does

Our goal with trøst was to build a wellness tracking app with a social component, this app will serve as a Journal, Fitness tracker, To-Do List, and a messaging service. This allows users to check up on their friends and see how they're doing. The app promotes positivity by helping people keep in contact.

How we built it

Our team mostly used the application Figma in order to design and create a prototype model of our app. Figma was really helpful in allowing us all to collaborate with each other and to be able to visualize our ideas. For each section of our app (daily journal, fitness tracker, to-do list, friends, and settings), we were able to divide that up onto different pages on Figma and split up the work. However, it usually wasn’t one individual working on a page - everyone contributed and edited with their ideas on every page, and as a result, we were able to really pull everything together and create a great first visual aid for our app. The most helpful part about using Figma was that we were able to see what everyone else was doing in real-time, and that way, we slowly started to see the theme, colors, and layouts of our pages develop.

Challenges we ran into

In the research phase of our project, we came across the strong competition in the market. Individually, the journaling aspect of our app and fitness tracker would have been lost to large competitors such as Fitbit. However, we learned that there is an opportunity to create a solution that combines multiple elements together in one easy-to-access app that is not only convenient but also easy to switch back and forth from.

In the iteration phase, we initially struggled with defining a cohesive brand that ties all aspects of the app together. We decided to focus on creating a prototype that combines both comforting colors such as lavender (for our bullet journal and to-do list sections) with more active colors such as a muted red and bright purple (for our fitness tracker section).

Accomplishments that we're proud of

We're super proud of being able to complete a fully fleshed-out concept in the time that we had! Our team worked very hard to polish every design element and to make everything look good.

What we learned

Hack '20 was the first hackathon for all members of our team, so it was completely new to us. We decided that the no-code option would be better for us to be able to learn without the pressure of needing a finished product in the end. We came in with very little coding experience and of varied backgrounds, and came out with improved collaboration, planning, and UI/UX design skills for mobile app development.

What's next for trøst

We would love to continue development on trøst to make it a reality! Since our team consisted of all first-time hackers and also novice coders, we were unfortunately not able to tackle the coding portion. But we would love to make trøst a reality in the future.

Built With

  • figma
Share this project:

Updates