• Home
  • About
  • Contact

    • Health Hub is a health app that promotes a healthy lifestyle.

    This project came about due to my curiosity about the popular ChatGpt.

    Problem

    The problem was that ChatGpt only gave me a summary of what features the app would have, Like storytellers say " Words on a page are nothing but words on a page, it's your imagination is what brings it to life".

    solution

    My solution was fairly simple to use my imagination, unfortunately my imagination was running a bit wild. I decided to research other health apps and the different styles and designs they would use.

    Tools

    • Adobe XD
    • Photoshop

    My Role

    • UI design

    Timeline

    • Overall: 4 weeks
    • Researching: 1 week
    • Design & testing: 3 weeks
    design thinking process

    Research

    I started by looking at some of the most popular health apps in order to get an idea of how other apps were implementing some of these features and the design approach toward them.

    These are some of the apps that i reviewed.

    • Happify
    • Calm
    • Moodkit
    • Mealime

    Wireframes

    Using Adobe XD, I created a few low-fidelity wireframes. In which i added a few relevant stock images and information. At this stage, the wireframes were defined enough for user testing. Based on testing, I’ve made a few alternations and moved on to creating high-fidelity prototypes.

    • I created both high and low-fidelity wireframes.
    • For creating my wireframes i used Adobe Xd, due to it being so easy to use.
    • Due to so many ways in which a single feature can be implemented, it took me roughly 4-5 iterations before i decided if it was useable or not.

    UI Design

    Once the usability issues were resolved, i moved on to design the final screens in Adobe XD. My goal was to create a visual identity that was aligned with the brand's values and message. I've also checked other health apps and took a deep dive into my catalog of references for inspiration.

    • The visual style i was aiming for was that of a soft and calming look Because of the app would be used by people looking to improve their health regularly.
    • the design was made for only mobile platforms.
    • The color scheme is mainly green because it gives off an impression of health and growth, As well as being known as a calming color.

    Thank you for reading my case study!

    Want to work with me? Feel free to contact me!

    I look forward to hearing from you.