A couple more sneak peeks into Snowbird's mobile site. This is the dining page layout. Check out the attachments for open and closed views for the filter.
Beautiful design! I'm curious why you decided to leave the icon and meal/location at the top instead of sliding it to the right in the open position as well? Will you be doing a touch gesture in the mobile site to slide on the menu and close it again? Beautifully done, by the way.
@Timothy Whalin thanks dude! This filter is a sub menu so there probably won't be a touch gesture. I'll try and post more later on why not. Saving the touch gestures for something else :)
Amazing!
One thing tho - you are showing lockscreen status bar.
You should show the one that will be really displayed when you view this webpage in the iOS Safari - http://d.pr/i/DXuk The real mockup would look like this then: http://d.pr/i/JVS8
@Filip Chudzinski Thanks! You're correct in theory. However, it's actually really easy to trick the browser into hiding the top part of iOS safari when the site loads (basically auto-scroll on-load). I'm sure there are some folks that might gasp at that statement, but the user will be able to get to the safari menu quite easily. It sounds scary, but isn't :)
@Rally Interactive (via Ben Cline) It is, I am sorry for misunderstanding, what I meant was that you were using the incorrect state of statusbar. In your mockup you are showing the lockscreen statusbar state (Black Translucent with lockscreen elements) instead of the correct (Default) one - http://d.pr/i/DXuk And again - we speak about the statusbar, not about the top addressbar.
Just a small detail.
Just a thought... what if the arrow indicator was telling you the direction that you are going to be moving the menu tray, rather than showing you where menu tray is currently.
So in the closed state, it'll point to the right indicating that tapping that icon with move it in from the left. When it is currently open, the leftwards arrow will indicate that you'll sending the tray back in that direction....
32 Responses (page 1 of 2)
Pro
Rally Interactive (via Ben...
A couple more sneak peeks into Snowbird's mobile site. This is the dining page layout. Check out the attachments for open and closed views for the filter.
===========================================
Follow Rally on Twitter if you'd like
10 months ago
Pro
Naoshad
Amazing design
10 months ago
Pro
Alexandre Naud
Clean and perfect!
10 months ago
Pro
Haziq Mir
My favourite style :)
10 months ago
Pro
Timothy Whalin
Beautiful design! I'm curious why you decided to leave the icon and meal/location at the top instead of sliding it to the right in the open position as well? Will you be doing a touch gesture in the mobile site to slide on the menu and close it again? Beautifully done, by the way.
10 months ago
Pro
Gevi Marotz
I dig that open and close button
10 months ago
Pro
Dan Lebowitz
Love the minimalism. Must. see. real. pixels.
10 months ago
Pro
3magine
Very clean. Love it.
10 months ago
Pro
Rally Interactive (via Ben...
@Naoshad Alam @Alexandre Naud @Haziq Mir - thanks guys!
@Timothy Whalin thanks dude! This filter is a sub menu so there probably won't be a touch gesture. I'll try and post more later on why not. Saving the touch gestures for something else :)
@Marotz thank you sir
10 months ago
Pro
Mani
brilliant @Rally Interactive (via Ben Cline)
10 months ago
Beautiful as always.
10 months ago
Pro
Rally Interactive (via Ben...
@Dan Lebowitz thanks Dan, I attached some real pixels just for you.
10 months ago
Pro
Dan Lebowitz
@Rally Interactive (via Ben Cline) YES! awesome, haha.
10 months ago
Amazing!
One thing tho - you are showing lockscreen status bar.
You should show the one that will be really displayed when you view this webpage in the iOS Safari - http://d.pr/i/DXuk
The real mockup would look like this then: http://d.pr/i/JVS8
10 months ago
Pro
Rally Interactive (via Ben...
@Filip Chudzinski Thanks! You're correct in theory. However, it's actually really easy to trick the browser into hiding the top part of iOS safari when the site loads (basically auto-scroll on-load). I'm sure there are some folks that might gasp at that statement, but the user will be able to get to the safari menu quite easily. It sounds scary, but isn't :)
10 months ago
@Rally Interactive (via Ben Cline) It is, I am sorry for misunderstanding, what I meant was that you were using the incorrect state of statusbar. In your mockup you are showing the lockscreen statusbar state (Black Translucent with lockscreen elements) instead of the correct (Default) one - http://d.pr/i/DXuk
And again - we speak about the statusbar, not about the top addressbar.
Just a small detail.
10 months ago
Pro
Rally Interactive (via Ben...
@Filip Chudzinski aha! You are correct, nice catch :)
10 months ago
Pro
Tanveer Junayed
Amazing work Ben!
10 months ago
Pro
Kreativa Studio
What's not to like? :)} Good job!
10 months ago
Rebound
What if?
by Anthony Dines
Just a thought... what if the arrow indicator was telling you the direction that you are going to be moving the menu tray, rather than showing you where menu tray is currently.
So in the closed state, it'll point to the right indicating that tapping that icon with move it in from the left. When it is currently open, the leftwards arrow will indicate that you'll sending the tray back in that direction....
10 months ago
Pro
Michael Sevilla
I wish more clients wanted clean and simple design.
10 months ago
Pro
Mirco Moretti
Superlative clean and polished.
10 months ago
Pro
Emrah Demirag
looks great.
10 months ago
Pro
Gabe Abadilla
Nice job with the clean design, Ben!
10 months ago
This is the absolute tits. Really love this.
10 months ago