This is a series of blocked wireframes for Story Street, a mobile app that helps you navigate the city through the stories you love. It was done as part of a project with Irene Pereyra at Harbour.Space University, in collaboration with Michel Lopez, a fellow MA Interaction Design student

2. story
St.

3. !3
An app that helps you connect with the city, while navigating through the stories you love.
Product story
St.

4. !4
Persona story
St.
Sarah 28, US
Media Preferences
Movies
TV Shows
Songs
Podcasts
Audiobooks
Books
Facebook
Instagram
Snapchat
Blogs
Journal
Storytelling AppsInternet Use
Media Consumption
Pop Culture Knowledge
Sarah enjoys travelling alone and takes a two week vacation every year to do a
cultural deep dive and explore local food and culture. She embarks on a small
Euro-trip to visit up to three to four different towns or places. She enjoys getting
lost in the city and would have bookmarked a few key sites to visit. Sarah is a
keen reader and often keeps one book on her while travelling. This is not her
first time to Europe, but rather to explore new places on the continent.
Navigation
Social Media
Messaging
Audio
Guides
How much?Level
Low Medium High
How? Relevant
Low Medium High
Low Medium High

5. !5
Login story
St.

6. !6
Allow Location Access story
St.

7. !7
Allow Location Access story
St.

8. !8
story
St.
Allow Notifications

9. !9
story
St.
Onboarding

10. !10
story
St.
Onboarding

11. !11
story
St.
Onboarding

12. !12
story
St.
Onboarding

13. !13
story
St.
Explore

14. !14
story
St.
Explore - Library*

15. !15
story
St.
Explore - Collections

16. !16
story
St.
Explore - Collection Map

17. !17
story
St.
Media Card - Map*

18. !18
story
St.
Media Card - Full Screen

19. !19
story
St.
Media Card - Full Screen

20. !20
story
St.
Map - Filter*

21. !21
story
St.
Saved - Edit*

22. !22
story
St.
Profile*

23. story
St.