*Update*:City Guides, a product by National Geographic and Rally Interactive is now live in the App Store.
*Download the iPhone app*: https://itunes.apple.com/us/app/city-guides-by-national-geographic/id592453480?ls=1&mt=8
This is a detail view of an itinerary. When you tap the map area, it expands full screen. When you swipe a cell, you can either locate the place, favorite, add to an itinerary, or remove from the itinerary. In this shot, an item has been swiped, and you can see that it has already been added as a favorite, and added to an itinerary.
8 months ago
This is awesome, I love the color palette you've been using on this project :)
@Mike Sattler why thank you!
Yes this project's UI is certainly an example of pixel perfect design married to beautiful color palette.
Me too I really love the color palette ! Besides UI is amazing guys!
mMMMM tasty colors - so you mentioned hitting the map causes it to go full screen how would the user get back to the cell view? Looking forward to how you execute rearranging the itinerary too!
@Adam Blair Thanks! To get back to the cell view once the map is full screen, the user will have to tap the close button on the full screen map such as this -> http://dribbble.com/shots/982967-Map-Pin-Bubble-Tapped?list=users
Looking fresh Ben!
Gorgeous work as usual! Is it intended that the little arrow in the bottom right-hand corner faces in opposite directions in the rendered view and the real pixels though? Also, what's the purpose of that element in the first place?
@Jona nah, it's a mistake in the render. The real pixels is the version that is in the app right now - and will stay that way. As for what that little guy does, I'll save explaining until it's live in the App store at the end this month ;)
Love the icon style and colors!
Love it @Rally Interactive (via Ben Cline)! What map engine do you use here? Or did you design it yourself?
Great work on that @Rally Interactive (via Ben Cline) - very good colourscheme and an even better UI. The only thing I do not like about it are those icons, they look imho too streched - maybe a less streched style would fit the allover look of the design better.
I really love this project. The colors are fresh, the contrast is perfect (as each one of your design), and most of all the layout is great, with enough space for a comfortable touch-screen use. I really love what you're making, lot of care for all those little details which make people enjoy the app (or not)...
When you hit share does it share the route or the specific location that you clicked on?
Nice! Love the colors and no gradient style. I have one ask to you. Can you please share with me top bar psd (Black bar with battery and signal status) My mail is firstname.lastname@example.org Thanks!
You guys are just great. Never disappointed by your shots. Out of curiosity, what's your general process and tools for creating something like this? (Sketches? Notebooks used? Wireframing tools?)
@James Veluyas thanks man!
@Piotr Parys It's just from Teehan + Lax's PSD template - http://www.teehanlax.com/tools
@Aurélien Foutoyet wow, thanks so much. We hope people will like the app, we are quite invested in it.
@Nick Schiefer it would just share the route of the entire itinerary. Hope things are going well my man!
@Daniil Vnoutchkov we are using Map Box
@Rally Interactive (via Ben... Thank You!
@Rally Interactive (via Ben Cline): I think the triangle at the bottom would look better if you rounded out those corners since almost the entire rest of the app has rounded edges. Just a suggestion. :)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter