Prototype of webapp designed to help people with Rheumatism

This is one of the projects that got me interested in learning more about web design.

I agreed to help a non-profit build a wireframe/prototype for a competition. Their idea was to create a webapp designed to help people with Rheumatism keep track of their training habits.

I don't do Sketch or anything like that... so I wrote a small React app (as seen in the shot, I just mounted the root-component twice on the page to be able to display two view-states simultaneously) that showcased the most fundamental features. We had agreed upon a plain wireframe, but it felt bland so I tried to add some structure, color, interesting elements, and icons to it. Nothing much, just a little to make it feel a bit more polished.

I enjoyed the process and started reading up a bit on fonts, color theory, and design in general. Now I'm anxious to learn more.

Built with: React and SASS.

More by Gustaf Sjöberg

View profile