Mobile Site Page

Small_render

2 Attachments

25 Responses

  1. Rally Interactive Rally Interactive

    A section of a long scrolling page. The top header area is sticky as well as the secondary tab bar below it. As the user scrolls through different sections, the secondary tab areas highlight each section - or the user can just tap to auto-scroll to sections.

    Attached are some real pixels.

    over 1 year ago

  2. Michael Michael

    I hate you ;-)

    Is there a reason why the arrow button isn't aligned to the refresh button?

    likes

    over 1 year ago

  3. MVBen MVBen

    Comfortably

    likes

    over 1 year ago

  4. Richard Meredith Richard Meredith

    Damn fine

    likes

    over 1 year ago

  5. Rally Interactive Rally Interactive

    @Michael Good observation.

    The easiest answer - the two navs are independent and the secondary nav isn't visible or sticky until the user scrolls a bit to "pick up" the second nav :) It will make a bit more sense when I can show the whole thing at some point.

    That being said, this was done fairly quickly - definitely needs some pixel refinements.

    over 1 year ago

  6. Asif Aleem Asif Aleem

    superb! clean and simple design

    likes

    over 1 year ago

  7. Tom Brennessl Tom Brennessl

    Love your simple layouts!

    I see you used a greenish dark for texts. I feel like more blueish dark would work more, but maybe it's just me. Anyway great job :)

    likes

    over 1 year ago

  8. Calle Tuvesson Calle Tuvesson

    Haha where did the Ipsum come from? :D

    likes

    over 1 year ago

  9. Renato Pequito Renato Pequito

    Tip top layout, sharp as knives and sweet minimalism.

    likes

    over 1 year ago

  10. Chris Allen Chris Allen

    Bacon Ipsum FTW. Seriously though, this is looking great. I do dislike any "eye" icon - they're always creepy to me :)

    likes

    over 1 year ago

  11. Rally Interactive Rally Interactive

    @Chris Allen what about sunglasses or a caution sign to signify 'privacy'?

    @Calle Tuvesson check out http://baconipsum.com/ ;-)

    likes

    over 1 year ago

  12. Chris Allen Chris Allen

    That could look awesome, although imagining it in my head, if you're gonna use the triangle with the exclamation point in the center, it may look like vertical-pupil reptillian triangular alien eyes... but in some hipster wayfarers :)

    Now I really wanna see it

    likes

    over 1 year ago

  13. Mads Roland Mads Roland

    Nice Lorem Ipsum!!!

    likes

    over 1 year ago

  14. App Press App Press

    Love the fonts! Gotham?

    likes

    over 1 year ago

  15. Fitz Fitzpatrick Fitz Fitzpatrick

    Really nice. The "Upgrade" text in the button seems to be a bit off to the left though.

    likes

    over 1 year ago

  16. Farid Sagiev Farid Sagiev

    #PixelPerfect !) I like it!)

    likes

    over 1 year ago

  17. Jonathan Quintin Jonathan Quintin

    Very clean, love it!

    likes

    over 1 year ago

  18. Rich Towers Rich Towers

    I do love a bit of Bacon Ipsum

    likes

    over 1 year ago

  19. Rally Interactive Rally Interactive

    @Grant Glas thanks! Actually we're using combo of Avenir and Futura here :)

    over 1 year ago

  20. Sinisa Komlenic Sinisa Komlenic

    Hey Ben, what the font you are using for "Section title"? Thanks.... great work! Edit: Found it just bellow :)

    over 1 year ago

  21. App Press App Press

    Love Avenir

    over 1 year ago

  22. Rally Interactive Rally Interactive

    @Sinisa Komlenic actually the "Section Title" is Futura Bold, not Avenir :)

    over 1 year ago

  23. Erika Podlovics Erika Podlovics

    Looks sweet - I actually like that you didn't align the refresh to the arrow button. It sets the navs apart which is tough to do with a flat interface. Nice!

    over 1 year ago

  24. Alex DiVecchio Alex DiVecchio

    I like the simplicity

    over 1 year ago

  25. Sai kiran Sai kiran

    Simple...Elegant...Lovely colors.

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like