This was a project for GMD-226, Interactive Design for Mobile Platforms at Centennial College. The app was called Drug Trackr, and it's goal was to allow individuals to become more informed about their drug use by tracking it over time, gain insights relative to that drug use, and monitor or change their behaviour as a result. Ultimately, the hope is that over time through reminders, limits, and data visualisation, individuals will be able to live healthier lives and make more informed decisions about their substance usage.
The design process went from initial proposal all the way through to creating a working prototype in Adobe XD, using Material Design specifications. Below you'll see some of that process including user flow diagrams and site maps. The prototype is not included as Adobe XD has now been deprecated.
Designs
![Welcome](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/ffdcf2ae-e9d3-4ffd-954e-4219cff6b078_rw_1920.png?h=b702ec45db0d1d08b8061f74db0b35b2)
Welcome
![Log In Empty](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/fe7abfb0-ce58-40c2-8839-b7a985b133a7_rw_1920.png?h=ed45e6b2ee244ccc96a73afd48cf169f)
Log In Empty
![Log In Filled](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/e45797c5-e286-436e-b1fa-38bf6f588872_rw_1920.png?h=5c555493d7fdfbb9741e918264759ff7)
Log In Filled
![Log In Password](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/40a5ecca-2186-4678-9ed0-d80358e8a10a_rw_1920.png?h=2dc2c15796e73427900fdce6c6332807)
Log In Password
![New User Dashboard](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/76edb59e-fc42-4bfc-92db-5e287d38c34e_rw_1920.png?h=57706a5bc59f9049b88a9b1d404b2961)
New User Dashboard
![No Limits](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/81fd41b3-aa11-4ad9-af92-0cc1fc5b2f52_rw_1920.png?h=cef344510fd9b42a46adb75f7fb1c0b2)
No Limits
![New Limit 1](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/116b8135-e136-4f7d-a5fe-87c770683826_rw_1920.png?h=33719ebd9d4ac6170e4792ef9894ac60)
New Limit 1
![New Limit 2](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/630c9fd2-ecab-4099-846b-29de8e6ab2bd_rw_1920.png?h=71c5a355444aedf26f1624e34897e6a6)
New Limit 2
![Limit Success](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/c8d41b4f-6ab6-486b-8db2-7fb6b79d2cce_rw_1920.png?h=e57b9f0edd52f355ae006ad18998addf)
Limit Success
![Limit](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/d056de35-ff92-49db-ae18-76deddd4cb4b_rw_1920.png?h=99eaf692981748bdb76cff8ac8874d33)
Limit
![No Reminders](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/6b3ca96a-be4a-427f-b8a7-ff856269dc53_rw_1920.png?h=98cce9fcf342b3657f7d09dac797e7fd)
No Reminders
![New Reminder 1](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/81adbd57-9aa7-4fa4-ae8d-837c205085dc_rw_1920.png?h=94ee6bb0bc978ef9431234772d688ee8)
New Reminder 1
![New Reminder 2](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/d40e832b-1af2-4266-bd53-2412b6cd9af9_rw_1920.png?h=1fde7adfff3b31a99b4e1ceccab6bfb6)
New Reminder 2
![Reminder Success](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/84a6779d-7c9e-4fd2-8751-dd74bab6c072_rw_1920.png?h=2a198868039d882f1f796d3c19304eac)
Reminder Success
![Reminder](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/0bcc6402-aadb-4ee9-9c72-da03675ad74e_rw_1920.png?h=965218fff05b0a1142d25747b7a15a6f)
Reminder
![Filled Dashboard](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/27ac2654-59c1-4c2e-8190-456238439255_rw_1920.png?h=7670d021c68f60f31a6d674d883f6844)
Filled Dashboard
![Graphs](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/4ef4e6ca-83d8-4205-b54d-c1644b0c70f4_rw_1920.png?h=467edc9ac48c617182a54885e4568665)
Graphs
![Icon Design](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/d2b4528d-523e-4dd6-87d0-802fec62f8d9_rw_1920.png?h=7e826d5d064eb511e0cdc24dc904918a)
Icon Design
Site Map
![](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/6ae2cd94-1cc7-4bf4-b5f0-625dd7a4dbdd_rw_3840.jpg?h=8bffb4ba3fb4def7b8589892cd9e47a0)
User Personas
![](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/e7e971a0-c412-4724-9666-06f2a2773e4a_rw_3840.jpg?h=fb0dafe5b9210a440914691ad37abe6c)
![](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/46ae50cc-3525-4386-8660-383cc9f91273_rw_3840.jpg?h=2b53b35085182bcbe2d4328c41a06d8e)
![](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/c4ab668f-8109-4533-8071-f553499e36ae_rw_1920.png?h=54148b2f2ac9b3b49788e813858c16e4)
User Flow Diagrams
![](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/73ced31d-9a7f-47c9-8dcf-e9daf7ca26e3_rw_3840.png?h=9adb4eca191c3a8ef64f7f29c2361a87)
![](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/5a7bb4e0-9be4-496e-92dd-48ca000520d4_rw_3840.png?h=4654ef35f412d58f23255eecd2cfb780)
![](https://cdn.myportfolio.com/f5d5c0cb-04ec-4990-9770-75fae4e9b7c5/b26f2e00-6086-4e10-8d3f-115d8c995758_rw_3840.png?h=8d441ec6fc2c4cc5461d75ff296e3ccb)