Vima

Project
Mobile Application
Role
UI Designer and UX Researcher
This is a personal project that I tackled in order to become more familiar and strengthen my skills in mobile application design. The project breif was described to me as such: "My name is Jenny I am a retired Olympic marathon runner and ever since I quit my professional running career, I have been looking for other ways of using my experience to help other stay active and healthy. I am wanting to develop a relatively simple app, as its main functionality being able to track your steps. The app will be free and available for both IOS and Android." As an active person myself, I was drawn to the challenge of solving this design problem and creating a tool to help others stay healthy.
User persona for Vima. User persona for Vima.
User journey map for Vima.
Although I am not a runner, I have many friends who run for sport, casually, or train for marathons. I talked with these individuals to understand their experiences, but I focused primarily on those who are new to running. To better inform my design process, I created user personas and a journey map to organize my research and apply it effectively to the app's design.
Low fidelity wireframe option 1. Low fidelity wireframe option 2. Low fidelity wireframe option 3. Low fidelity wireframe option 4.
Low fidelity wireframe option 5. Low fidelity wireframe option 6. Low fidelity wireframe option 7. Low fidelity wireframe option 8.
Low fidelity wireframe option 9. Low fidelity wireframe option 10. Low fidelity wireframe option 11. Low fidelity wireframe option 12.
The main challenge I faced was designing an application that met the client's desire for simplicity. While many other apps include step-tracking as part of a more complex interface, the client’s vision was focused on a pedometer with some additional functionality. After several iterations and three rounds of low-fidelity wireframes, I was able to arrive at a design that satisfied the simplicity goal.
High fidelity wireframe for IOS. High fidelity wireframe for IOS. High fidelity wireframe for IOS. High fidelity wireframe for IOS.
High fidelity wireframe for Android. High fidelity wireframe for Android. High fidelity wireframe for Android. High fidelity wireframe for Android.
Following the wireframe iterations, I created high-fidelity wireframes for both iOS and Android platforms, which are showcased above. The process of keeping the app simple while ensuring its effectiveness was both challenging and rewarding.