Le Petite Route: Location Based App Project
Timeline
March 2025
Project
Site App
Duration
5 Weeks
Tools
Figma, Photoshop, Procreate
Overview
Le Petite Route (The Little Journey) is a storytelling app that guides visitors through seven themed spots in Gamcheon Culture Village, each inspired by one of the planets from The Little Prince.
Outcome
Impact as a Designer for Le Petite Route
100+
Visitors drawn to the location
App designed to boost tourism to Gamcheon Village
5 wks
Full app designed & delivered
From wireframes to final screens
2 rounds
User testing iterations
Directly shaped the final navigation
Designer Impact
- Designed a location-based storytelling experience mapping 7 real village sites to The Little Prince narrative — blending literature, art, and technology
- Improved user navigation by adding a structured homepage and entry flow after user testing revealed visitors were skipping the intended story path
- Created a complete visual identity including a custom crown character logo, Poppins + ink typography pairing, and storybook color system
- Delivered all 4 core app flows — loading screen, home, planet selection, and village guide — within a 5-week design sprint
The Goals
Design Objectives
Interactive
Mobile Guide
A mobile guide connecting village history, culture, and The Little Prince.
Engagement
Visitor Engagement
Visitor engagement through storytelling, location-based content, and achievement systems.
Conceptual
Tour Experience
A tour experience blending literature, art, and technology into a reimagined travel guide.
Design Development
Wireframing & Sketching
Iterative wireframing shaped the app's content architecture and visual flow, testing different layouts to refine how users navigate the story experience.
This helped me organize the app's flow and translate my nighttime digital wireframes
Iterations
Digital Wireframes
Refined the most promising design direction and developed more complete digital wireframes, continuously iterating to improve layout, flow, and usability.
User Testing
Insights from Testing
Refining Through FeedbackThrough user testing, I discovered a key gap in my app's flow: users were skipping directly into individual planets without understanding the broader structure.
“It would help if there was a main page that showed all the planets first, so I could understand the overall structure.”
“I wasn't sure where to start… I clicked into a planet right away and missed what the app was actually about.”
During testing, I found that users were skipping the discovery process and entering individual planets directly, missing the intended narrative flow.
The app lacked core entry pages that oriented users and structured their journey through the story.
I added a homepage and main navigation system to establish hierarchy, helping users explore planets in context and follow a more intuitive progression.
Designing with Character
Brand & Visual Identity
The visual identity was developed through hand-drawn sketches and digital iterations, exploring how the iconic Little Prince crown character could anchor the brand.
Typography, Brand & Logo
I chose Poppins for its clean, approachable clarity and playful ink for a storybook tone to the app.
Final Designs
Final Screens
Loading Screen
The app opens with a splash animation introducing Le Petite Route — setting the storybook tone before the journey begins.
Home Screen
Users land on a welcome screen that orients them to Gamcheon Village and lets them choose between a guided story path or free exploration.
Planet Selection
The seven planets from The Little Prince are each mapped to a real village location. Users select a planet to begin its story chapter.
Village Guide
Each location unlocks a narrative, photo spots, and achievement badges — blending literature, art, and real-world exploration.
Takeaways
What this project taught me about design and storytelling
- 1.
Iterate through testing
User testing helped me uncover issues where my design layout charts or inconsistency in spacing feedback — refined my design process and improved the overall flow to create a smoother user experience.
- 2.
Visualization
Creating low-fidelity wireframes allowed me to visualize my ideas early on, prioritize core functions, and establish a strong foundation for the app’s overall design flow.