POD 019: How to Design a Walking Tour App – Urban Walks Case Study (New York Walking Tour App by Anton Repponen)
- Posted by Timur Taepov
- On May 1, 2015
Welcome to the new episode of the App Marketing − Growth Hacking Podcast. This time I`m going to tell you an amazing story about design process of a walking tour app, called Urban Walks. Anton Repponen has shared this story on his blog on Medium platform. Now I`ll unveil his design tips and tricks.
Hope, you`re ready to start! Let`s go!
First of all, it`s significant to mention that this project was initiated by Anton Repponen and from the very beginning it was a personal project. Anton gathered a team, but guys were able to work on it only in off-time. Nevertheless, they succeeded in creating all-sufficient project.
The idea was in making a kind of app that would allow visitors and curious locals to see New York as a city of larger-than-life characters, historical dramas, breathtaking architecture, and rich cultures.
One of the key components determining look at feel of the entire app is the map. So at the beginning they decided to draw illustration of a map from scratch and then overlaying it as one big image on top of Open Street Maps. It made the map unique and locating. Besides the street they also added some special details, such as trees in the park, people walking around and even those orange smoking street chimneys that are inseparable from New York. Also there was placed actual route for users to follow and all the must see spots from the guide.
To make the map look more alive and interesting they decided to put there a kind of highlights pointing out ‘must see’ places. The style of these highlighting illustrations was quite simple − just an outline of the building. But all in all it looked awesome.
For the Home Screen it was chosen a list. Each tour was treated as a textile post stamp. Tour Details screen has a lot of info to sell the tour to the user: photos of location, brief description of the tour, highlights of the tour, etc. On the Tour Page there are two modes: Map Mode where map takes the majority of the screen and all the points are positioned below in a shape of small cards and Card Mode, where each point opens up like a card overlapping the map.
All unique and interesting stuff was implemented in the app with multiple modules for different types of content, for example quotes, interesting facts, image gallery, stats and so on. It`s quite visual and easy to take.
Of course, this app is full of marvelous photos. They help user to recognize the building better than just an address.
So that`s it with this episode. I hope you find it useful. See you next time!