Image for post
Image for post

Navigacio: an app for traveling wizards

How many times has Harry Potter been in danger when flying on his broomstick?

Navigacio is an app to help traveling wizard to navigate safely, and be aware of risks that are in the vicinity.

Design Process

Image for post
Image for post
Design process used for this Case Study — excluding step 5.

1. Observe

Problem Assumption

2. Define

Validation

Pain Points

A clip from The Prisoner of Azkaban.
Imagine just chillin, playing Quidditch, then got chased by a dragon. Right? Source

3. Ideate

Concept Model

Image for post
Image for post
Concept model

Paper Sketches

Image for post
Image for post
Rough sketches

4. Prototype

Wireframing

Image for post
Image for post
Ok I lied, I didn’t create any user flows at all. I wish I did. Is there any spell for this?

User Interface Design

Image for post
Image for post
What the hell am I doing???

Interaction Design

3. Result

Welcome Screen

Image for post
Image for post
Wand activated.

Information Screen

Image for post
Image for post
Warnings about current condition.

Home

Image for post
Image for post
Weather, Visibility, and Muggle conditions.

Search

Image for post
Image for post
When you open the search bar, this happens.

Location Detail & Calculating Route

Image for post
Image for post
Calculating Routes

Route Choice & Navigation

Image for post
Image for post
Pick a Route & Navigate Screens — oops I forgot to create the interaction for this page!

4. Conclusion

Image for post
Image for post
An Apple Watch companion app for Navigacio.

What I learned

What would I do differently, knowing what I know now?

Thanks for reading, here’s a little background…

https://www.thetinywisdom.com - A designer, illustrator, and a writer. Interested productivity and creativity.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store