Progress View

1 Attachment

21 Responses

  1. Handsome Handsome

    Here's the progress page to the Sessions web application we've been working on for the past few months. This one put up a fight but we're super happy with the turnout.

    Real pixels by Andre Jurgensen

    about 1 year ago

  2. Damian Hernandez Damian Hernandez

    Love the colors and simplicity.
    *Hate the double space 'mistake' in Photoshop's Lorem Ipsum. Have you noticed? Between version and of.

    about 1 year ago

  3. Joel Beukelman Joel Beukelman

    Screw you guys with you sexy ass design. I quit. :)

    likes

    about 1 year ago

  4. Dreamix Studio Dreamix Studio

    Looking good Handsome

    about 1 year ago

  5. Kevin Michaud Kevin Michaud

    Wow this is amazing. Hope to see this project launch soon !

    likes

    about 1 year ago

  6. Bruce Vang Bruce Vang

    Love that you have labels with your icons on the left. I don't like it when designers create unpopular icons without a label. Sure, it looks better but the UX isn't as intuitive.

    likes

    about 1 year ago

  7. Handsome Handsome

    @Kevin Michaud You and us both! With any luck they'll wrap dev soon.

    about 1 year ago

  8. Joel G Goodman Joel G Goodman

    Mmmmm pretty. Love the icons and transparency.

    about 1 year ago

  9. Handsome Handsome

    Thanks for all the kind words everyone.

    about 1 year ago

  10. JARED KRAUSE JARED KRAUSE

    This is freaking awesome. Especially love the achievements.

    likes

    about 1 year ago

  11. Andre Jurgensen Andre Jurgensen

    @Damian Hernandez Funny you mention that, I noticed that exact thing yesterday on another project we have in the works. It will forever annoy me now.

    about 1 year ago

  12. Jeroen Ransijn Jeroen Ransijn

    Tight design, only I have some suggestions, but hey, who am I to tell you this anyway.

    In the top bar switch labels with numbers E.G:
    57
    Days completed
    Makes it more natural to read and the label acts as a support in a visual sense, instead of the number 'hanging'.

    The second block, the form, looks slightly off, because the form is inset, but actually the whole block is supposed to lay on top of the background. I would suggest insetting the whole block (E.G. drop shadow -90 1px white).

    in addition, the design looks semi flat, some blocks lay upon the design, I would suggest trying a complete flat design, and insetting instead of hovering above the surface.

    As for the sidebar nav, icon + label look out of balance. maybe try almost centering the icon, and lowering the label. And the active state is a difficult one since border plus shadow collide. As for my previous comment, maybe go for a more clean flat state, such as as the 'sessions' text in the top left corner.

    TL;DR
    make it flat.

    about 1 year ago

  13. Adam Deutsch Adam Deutsch

    Jurgylicious!

    likes

    about 1 year ago

  14. ga-rule ga-rule

    looks nice!

    likes

    about 1 year ago

  15. Handsome Handsome

    @ga-rule thank you sir!

    about 1 year ago

  16. Adam Blair Adam Blair

    Awesome page you have here - I feel like the very top is too information heavy / compact (From week indicator down to monday date) compared to the rest of the page which feels great.

    I think it is mostly the session input form that feels off it is not quite as wide as your other centered elements and doesn't have as much top & bottom margin (have you tried other layouts for this?)

    An idea that came to mind for each day is maybe an indicator of how much activity is within that day or someway to search guessing this is covered under the summary section :)

    Eitherway this project is looking better with each image you post keep at it.

    likes

    about 1 year ago

  17. Handsome Handsome

    Thanks for the feedback @Adam Blair

    Always appreciated. We'll be referring to your comment for any future updates.

    We did in fact explore multiple layouts and ways to present the top information, but landed on this for a few different reasons. The form state we're showing here has the 'add custom session' action active which prompts for the multiple fields, but what you'll see initially is a simple 'comment' field (which is much less intimidating). We'll also be hiding the form once the user starts scrolling down the page.

    about 1 year ago

  18. Marjan Žitnik Marjan Žitnik

    Damn, this is so good.

    likes

    about 1 year ago

  19. Hector Rodriguez Hector Rodriguez

    Wow so many details!!! Amazing work I'll have to look at it again and again just to get a sense of all the details you've put into it. Great work.

    likes

    about 1 year ago

  20. Handsome Handsome

    Thanks @Hector Rodriguez, appreciate it.

    about 1 year ago

  21. Muneef Hameed Muneef Hameed

    sleeek :)

    11 months ago

keyboard shortcuts: previous shot next shot L or F like