Sketches

Below are my initial sketches for my 6 different medals that I am creating for my mental health app. The badges are inspired by things in the world like the Pyramids of Giza, The Great Wall of China and Big Ben just to name a few.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/19b29614-4c87-4cd0-83c5-531f3f7c7c9e/Scannable_Document_on_16_Apr_2021_at_17_45_56.png

Final medals

These are the 6 different medals that I created for my app, I took inspiration from Fitbit's medals but did them differently and tried to make them my own. the 6 medals are

  1. The Pyramid medal for when you walk the equivalent of the height and length of the great Pyramids of Giza.
  2. The Great Wall Medal for when you have ran the length of the Great Wall Of China.
  3. The Fire medal for when you have burned over 300 calories in 4 days.
  4. The Emotion medal for when you have not logged a sad or angry feeling in 5 days.
  5. The Big Ben Medal for when you have walked the length of Big Ben.
  6. The Machu Pichu Medal for when you have walked the Height of Machu Pichu.

I tried to keep my medals simple yet effective, I prefer minimalistic design so I tried to keep them all as minimal as I could. I think they turned out well as they looked good and are easy to understand what they are.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d4f0df28-df5a-4b19-9e3f-7cdcc96bf314/Group_152.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b17ab908-0724-43ac-bee3-40652da98fe8/Group_153.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dba22fa8-2da7-4bc6-9dc3-3d84f4ac01af/Group_154.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/54f66ba0-8ac5-49dd-a446-447626a1d12a/Group_156.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ad3e52e5-4fee-4855-90f7-c3543dacc94a/Group_155.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fade489d-ca96-4e23-ad0f-2651992879eb/Group_157.png

Full badges

These images are what the full medals look like when the use taps on the smaller medal in the previous page. For the background of the full medal i did a gradient of the main colour and then a lighter colour, as I thought it would make it look more colourful. I then have the medal itself, then a small paragraph telling them they won it and what their run or walk is equivalent too in the real world. I think these full medals turned out well and look good and are something fun for users to work to and achieve.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2d0d2809-62a7-4828-be1b-19112e1ed814/Virtual_medals_1.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/51e9a434-9c92-463b-9dfa-019c7b42845f/Virtual_medals_2.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/37cfa2dd-e21f-4602-9192-a1fd2208567a/Virtual_medals_3.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/faa60fc6-5a2f-40ec-8c0d-cc5c0ce6291d/Virtual_medals_5.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/91b7dee4-e9f0-4a2a-9c72-aafe1c048c37/Virtual_medals_4.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fc5d228e-f99d-4436-bc1c-306c71547ace/Virtual_medals_6.png