Design Mobile App similar to Headspace, Fastic

Contest Brief

Hi All,
we are developing an app.

Your job will be to provide the design for the UI so it can be then programmed into the app according to your design. It is cruicial that you will be able to animate parts of the UI! For example when user unlocks achievement there should be animated firework.


For this contest I ask you to please provide proposal of app home screen on iPhone 8.
After winning contest, you will then provide design for remaining parts of the app (do not worry, it is not much more work).
We need to each design part scalable graphics and also in raw format such as AI files.
We need you to put the design into proto.io screens so the programmers understand exactly how design is placed.

We are developing multiple apps and also websites, so if you win this contest, you will be awarded with future projects too from us.

Now, let us talk about the app.

The app is an health app. It will help women with endometriosis (it is a illness of women, which you can google) to improve their wellbeing. It is somewhat similar to a meditation app.

Main feature of the app is for the woman to track here wellbeing and to document what kind of treatment she did on a day to day basis.

== Description of functions of home screen of app ==
This does not all have to be on the screen, it can be scrolled down to.

= Daily Task Section ("Heute")
Big Button (Panel Style) to document current wellbeing ("Befinden dokumentieren")
Big Button (Panel Style) to document treatment activities ("Aktivität eintragen")
Big Button (Panel Style) to complete medical history ("Anamnese vervollständigen")
each of these big button should have corresponding flat icon.

Also we need a way to encourage user to continue using app.
For this we want to display a progress bar or streak which increases each time the user works with the app.

Below we want to have a chart of the last seven days, displaying his wellbeing and the treatment activities she did.

Below we want to have Treatment modules (which the user can purchase in app).
Each treatment module should have a big panel similar to the headspace.
Add 3 treatment modules in contest:
Sports, Healthy Eating and Meditation.
Each treatment module should have a small lock in the corner so user understand that she has to unlock it with in app purchase.

Bottom Navigation (Always visible)
Middle: Big PLUS to add new entry to diary
left and right small icons: medical history, facebook group, statistics, settings


We are looking for a clean style. We would like custom design flat icon style. Some with small animations to encourage user.
Base colour of the app should be #a22a52, you can build palette using different colors compatible to that.

Here two examples of apps, we really like, which you may use as orientation:
https://apps.apple.com/us/app/headspace-meditation-sleep/id493145008
https://apps.apple.com/us/app/fastic-fasting-app/id1459260306

Recommended Skills

Winner
Featured Contest
Post a Contest Like This

Top entries from this contest

View More Entries

Public Clarification Board

  • freelancerngima
    freelancerngima
    • 3 years ago

    Hello, Have a look at the animation as per your request
    Link: https://drive.google.com/file/d/1Z2CxiAV2QBsYjg0ufsasB-FmBS6uwkDh/view?usp=sharing

    • 3 years ago
  • bharanikumars
    bharanikumars
    • 3 years ago

    Hi Sir, Kindly check this link : https://ibb.co/n6dqB0f

    • 3 years ago
    1. bharanikumars
      bharanikumars
      • 3 years ago

      HI Sir, Do you need any color suggestion or want to animate Track activities & Achievements, will do and submit asap. Acknowledge me. Thanks.

      • 3 years ago
  • bharanikumars
    bharanikumars
    • 3 years ago

    Hi Sir, Kindly check my entry #32 , also i upload one more version in comment box with color variations, here it is : https://ibb.co/n6dqB0f

    • 3 years ago
  • sayma07
    sayma07
    • 3 years ago

    #extended #extended ... please extend the time.I want to participate

    • 3 years ago
  • freelancerngima
    freelancerngima
    • 3 years ago

    Entry #31
    Feedback is appreciated. Thanks

    • 3 years ago
  • bharanikumars
    bharanikumars
    • 3 years ago

    Hi Sir, Kindly check #21 , your suggestions are updated with animation . Thank you

    • 3 years ago
  • Axaydevikar
    Axaydevikar
    • 3 years ago

    Please check #19

    • 3 years ago
  • mamarkoe
    mamarkoe
    • 3 years ago

    Please let the contest till the end. People are working

    • 3 years ago
  • xiaomawansui
    xiaomawansui
    • 3 years ago

    Hi BOSS , please check #14 , and let me know if you need anything.

    • 3 years ago
  • Davente
    Davente
    • 3 years ago

    Hi. Pls don't close the contest early. Im woking on it. Thanks

    • 3 years ago
  • bharanikumars
    bharanikumars
    • 3 years ago

    Hi Sir, Kindly check #10 and any suggestion to go further. Also check scrolling animation . Thank you

    • 3 years ago
  • SK813
    SK813
    • 3 years ago

    #extended

    • 3 years ago
  • SK813
    SK813
    • 3 years ago

    #guaranteed

    • 3 years ago
  • ryjin2
    ryjin2
    • 3 years ago

    dont end the contest yet

    • 3 years ago
  • bharanikumars
    bharanikumars
    • 3 years ago

    Hi Sir, Kindly give feedback or suggestion to go further. #9 . Thank you

    • 3 years ago
  • tamilarasantk21
    tamilarasantk21
    • 3 years ago

    Hi, i redisgn my pages thier totally different from my old design can you please see that

    • 3 years ago
  • Prakash S.
    Prakash S.
    • 3 years ago

    Hi,Please Seal This Contest !

    • 3 years ago
  • Abdul1472
    Abdul1472
    • 3 years ago

    Meanwhile i am working on it keep it open till the deadline. Thanks

    • 3 years ago
  • Abdul1472
    Abdul1472
    • 3 years ago

    Ok and this contest is open till the deadline?

    • 3 years ago
  • Abdul1472
    Abdul1472
    • 3 years ago

    How many screens are in total?

    • 3 years ago
    1. mrothenhoffer
      Contest Holder
      • 3 years ago

      I think about 3 different ones

      • 3 years ago
  • manjiribhave
    manjiribhave
    • 3 years ago

    Hi please check out my entry, it contains a prototype as well . Feel free to text so I can share its link to visualize its interactive elements.TIA

    • 3 years ago
  • miaweiland
    miaweiland
    • 3 years ago

    #guaranteed

    • 3 years ago
    1. mrothenhoffer
      Contest Holder
      • 3 years ago

      You can see from my work history, that we already did many projects and contests ;-)

      • 3 years ago
  • jeremyperwira
    jeremyperwira
    • 3 years ago

    Dear Client, Im using Figma and AdobeXD as my main tool on Designing Mobile App , does you or your Developer allowed that? Proto.io sounds unfamilliar to me even the main part are same. Thanks.

    • 3 years ago
    1. mrothenhoffer
      Contest Holder
      • 3 years ago

      Yes, it is fine if you use another tool! As long as we can share access lateron to make design process faster ;-)

      • 3 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!