1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Contest Mobile App Layout Design (125$) – 72 hours

Discussion in 'Design Contests' started by BeachMaster, Feb 26, 2015.

  1. #1
    For this contest only 3 of the screens (the most complicated ones for this app) need to be designed to win 15$ (5$ per screen). The other 22 screens will be given to the winner for the remaining 110$. The 22 other screens are very similar to the 3 already done or are very simple so they shouldn’t be much work.

    I need a mobile app layout designed (not developed). The app will allow users to rate themselves on character attribute statements. So it is a self-help productivity app.

    It is important that the designs are created as high-resolution layered PSDs for retina iPhone screens.

    All questions and submissions need to be submitted through the thread.

    The contest will close in 72 hours or until a clear winner is chosen.

    This is one of the main screens where users see their average rating based on the color of the circle.

    Screen Shot 2015-02-26 at 11.52.06 AM.png


    This screen comes up when you push help to tell the user what is going on with each button.


    Screen Shot 2015-02-26 at 11.51.14 AM.png


    This screen is where the user actually rates themselves. When they push the statement a popup will come up that will give the user the opportunity to rate them selves.

    Screen Shot 2015-02-26 at 11.51.46 AM.png

    These other two screens can give you an idea of what looks good for the rating circle. I think it may be good to have numbers there as well. So the user can know how well their doing with colors and numbers. For example the statement screen the user will rate themselves out of 5. Then the attribute screen the user will see how well they did out of all the statements for a specific attribute. For example if there are 10 statements under faith that they will see a score out of 50 (5 x 10 = 50) for that specific attribute.

    Screen Shot 2015-02-26 at 6.29.03 PM.png Screen Shot 2015-02-26 at 6.29.19 PM.png

    Thanks and let me know if you have any questions.
     
    BeachMaster, Feb 26, 2015 IP
    muddy786 likes this.
  2. Digital Noise

    Digital Noise Well-Known Member

    Messages:
    820
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    120
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    Do you have a logo and color palette?
     
    Digital Noise, Feb 26, 2015 IP
  3. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    The main color that stands out should be the color that shows the average ratings.

    Screen Shot 2015-02-26 at 9.58.38 PM.png

    Any other color can be grey or black or a faded color of these. Or if it looks good I'm okay with whatever.
     
    BeachMaster, Feb 27, 2015 IP
  4. krishmk

    krishmk Well-Known Member

    Messages:
    1,376
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    185
    As Seller:
    100% - 2
    As Buyer:
    100% - 0
    #4
    [​IMG]
     
    krishmk, Feb 27, 2015 IP
    BeachMaster likes this.
  5. AcidicLeo

    AcidicLeo Well-Known Member

    Messages:
    242
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    110
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #5
    Hi, I just have one query. Are you specific in kind of theme you want? I mean any preference on theme to be light (based on white background) or be dark (based on darker background)?
     
    AcidicLeo, Feb 27, 2015 IP
  6. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #6
    @krishmk. I like how your average rating looks and how the wording beside it matches the averge rating.
    Screen Shot 2015-02-27 at 9.34.34 AM.png
    I also like the clean sleaky look over all.
    The average rating under each category will be out of a number greater than 5. You can leave that part as is for now, but could you change the statement rating to look like the category rating.
    Can you change this:
    Screen Shot 2015-02-27 at 9.45.00 AM.png
    To look like this:
    Screen Shot 2015-02-27 at 9.45.11 AM.png
    but with same wording of coarse.

    Also, instead of this:
    Screen Shot 2015-02-27 at 9.34.53 AM.png
    could you make it look more like a spiral color circle?
    And I'm thinking to change the place of the question mark on screen 1. Not sure where would look best though.
    I am impressed with this though. Keep going!

    @AcidicLeo no preference. What ever looks good I'm okay with.
     
    BeachMaster, Feb 27, 2015 IP
  7. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #7
    I forgot to put the app icon. Here it is:

    Screen Shot 2015-02-27 at 10.04.08 AM.png
     
    BeachMaster, Feb 27, 2015 IP
  8. AcidicLeo

    AcidicLeo Well-Known Member

    Messages:
    242
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    110
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #8
    Just to know if I am on the right track.

    [​IMG]
     
    AcidicLeo, Feb 27, 2015 IP
    BeachMaster likes this.
  9. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #9
    @AcidicLeo I like how the top portion is condensed like you have it:

    Screen Shot 2015-02-27 at 1.10.16 PM.png

    I don't really like the color of the background because it doesn't match the logo or any of the color ratings:

    Screen Shot 2015-02-27 at 1.10.26 PM.png

    I'm not sure what this is for?

    Screen Shot 2015-02-27 at 1.10.33 PM.png

    And for the average rating butting I would stick with this theme:

    Screen Shot 2015-02-27 at 1.09.12 PM.png Screen Shot 2015-02-27 at 1.09.01 PM.png

    Thanks for your post!
     
    BeachMaster, Feb 27, 2015 IP
  10. Mr.Nag

    Mr.Nag Banned

    Messages:
    378
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    118
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #10
    Hi,
    My try...


    waiting for your reply

    Thanks
    Mr.Nag
     
    Last edited: Feb 27, 2015
    Mr.Nag, Feb 27, 2015 IP
    BeachMaster likes this.
  11. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #11
    Thanks @Mr.Nag. I like the clean look at the top and that the title at the top is big and stands out.

    I wouldn't want a back button at the botton since there's already one in the top left corner.

    Now I think about it, and this goes for everyone, I don't want a dark background. Since this app is more for self-improvement I would want the background to be light, such as white or some other light color and with dark wording of coarse.

    Also, I want the average rating to stand out with fraction numbers in the middle. So make it a big circle like this,

    Screen Shot 2015-02-27 at 1.09.12 PM.png

    or ovals so you can see the numbers in the circles clearly like this,

    Screen Shot 2015-02-27 at 1.09.01 PM.png

    Thanks.
     
    BeachMaster, Feb 27, 2015 IP
    Mr.Nag likes this.
  12. Easter21

    Easter21 Greenhorn

    Messages:
    61
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    23
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #12
    Here's mine, comments welcome!

    [​IMG]
     
    Easter21, Feb 27, 2015 IP
    BeachMaster likes this.
  13. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #13
    Thanks @Easter21

    I like that you put the numbers in the fractions.

    Overall though the screen looks dull. The dark grey makes it dull and the colors in the average rating circle aren't bright either. I would make the colors in the average rating circles stand out more.
    Also, don't use the shading with the words. Go with a flat look.
    Also, the multicolor button has yellow when there are no yellow colors in the theme.
    Thanks.
     
    BeachMaster, Feb 27, 2015 IP
  14. imhawk

    imhawk Well-Known Member

    Messages:
    615
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    140
    As Seller:
    100% - 1
    As Buyer:
    100% - 9
    #14
    My first try:

    [​IMG]

    [​IMG]
     
    imhawk, Feb 28, 2015 IP
    BeachMaster likes this.
  15. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #15
    Thanks @imhawk. I like the first one with the the lighter background for sure. I like how the top part is dark so it stands out too. I like your > arrows at the end of the tab the hints that there's a foreward page. I like the white in the middle of the circles so the numbers stand out.

    I would want users to be able to see the numbers in the circles clearly. I'm leaning towards bigger circles or horizontal ovals (to give more room for the numbers). In the actual app there will be double digit numbers so there really needs to be room for that.

    I like that it's simple, clean and modern and easy to follow. Nice!
     
    BeachMaster, Feb 28, 2015 IP
  16. imhawk

    imhawk Well-Known Member

    Messages:
    615
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    140
    As Seller:
    100% - 1
    As Buyer:
    100% - 9
    #16
    [​IMG]

    [​IMG]
     
    imhawk, Feb 28, 2015 IP
    BeachMaster likes this.
  17. krishmk

    krishmk Well-Known Member

    Messages:
    1,376
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    185
    As Seller:
    100% - 2
    As Buyer:
    100% - 0
    #17
    [​IMG]
     
    krishmk, Feb 28, 2015 IP
    BeachMaster likes this.
  18. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #18
    Thanks @slapBackCL. I like the multi color circle that users will push before rating themselves. Screen Shot 2015-02-27 at 11.45.55 PM.png

    Nice try on the oval rating circles. It looks too simple, even though simple is good. Perhaps if it was white in the middle and the denomenator was fainted a little it would look better. Also, white is good but it looks too white. More button look is okay. The help screen is really confusing. The last screen is interesting. I think that the note at the bottom makes things more complicated.
     
    BeachMaster, Feb 28, 2015 IP
  19. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #19
    @imhawk thanks for your revision.
    Okay. Thanks for letting me know. I think it's okay to have the options in the top still showing because if people want to revert back it's there and they understand that concept pretty easy.
     
    BeachMaster, Feb 28, 2015 IP
  20. BeachMaster

    BeachMaster Active Member

    Messages:
    192
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    68
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #20
    @imhawk I like the way this is going. I like how you have the question "How true is this state . . . " in darker bolder. I like that this layout looks professional. Thanks for trying the ovals. I like that but could you make it bigger and white in the middle of them, like your first entry but oval and bigger.

    I like the font your using for the attributes. Could you make the "Spirituality" title that same font?

    I would take the app icon out of that layout. I just don't think it matches as nice as the icon is.

    That back, settings and help button should look bigger as well. Thanks.

    @krishmk thanks for your reentry. Thanks for putting the help butting tucked away in the top. I think that it would look better with all three buttons at the top and the "Spirituality" title below it in bold.

    I like how the buttons have that progress bar in it. My only concern is that the numbers are too small and people won't be able to see it clearly. If you can make the circles bigger, or make them oval, or make it white in the middle perhaps that will do the trick.

    I would also get rid of the app icon because it doesn't match to well.

    Thanks for changing your statements button. But it needs to be simpler.

    Also thanks for putting the scroll bar on the side. I think that we will need that in the real app.

    And can you make the background more white. It think this app needs to have a bright feeling and a whiter background would help with that.

    The font your using in the attributes is okay. Can you put that same font with all the titles and words. You can change from bold to normal though.
     
    BeachMaster, Feb 28, 2015 IP