Lack of emotional connection
Many digital tools deliver information in a cold, impersonal way, missing the opportunity to build warmth and curiosity.
PROFESSIONAL · INVOLING AB · 2025
WanderHon
A magical travel app where users photograph a place and Hon—a cat wizard—reveals playful, quirky and historical facts about it.
My roleUX/UI Design Intern
Duration4 months
PlatformiOS · Android
ToolsFigma · Maze
THE OPPORTUNITY
Make the stories behind a place feel worth discovering.
Travelers often miss interesting stories because local information can be difficult to find, dry or disconnected from the moment of discovery.
WanderHon turns that gap into a playful experience: point the camera, capture a place and let Hon bring it to life with personality. My role was to shape the app from the initial idea into a tested high-fidelity prototype and a system ready for development.
01
Sitemap, user flows and wireframes
02
iOS and Android prototypes
03
Visual identity and Hon’s magical world
04
Usability testing and refinement
05
Design system and developer handoff
01 · UNDERSTANDING THE USER
Researching engagement—not just utility.
The product idea came from the client. I used a competitive audit and user journey map to anticipate expectations, surface friction and understand how a character-led experience could remain simple and accessible.
Empty moments reduce engagement
Loading and content-fetching moments can feel passive or unclear, breaking the sense of immersion.
Learning from adjacent experiences
The audit compared camera-based interaction, real-world exploration and character-led engagement rather than looking only for direct competitors.
Google Lens
Strength: Fast, familiar and easy to use.
Gap: Practical but impersonal, with no guiding character.
Pokémon GO
Strength: Magical, immersive and movement-based.
Gap: Complex and not always inclusive or accessible.
Duolingo
Strength: Playful, polished and strong at habit-building.
Gap: Its tone can feel too playful and content access is limited.
THE PRODUCT GAP
Real-world discovery with personality.
- Combine camera-based interaction with magical storytelling.
- Use Hon to create an emotional, character-driven experience.
- Make quirky facts casual, surprising and easy to discover.
- Keep accessibility and clarity at the center of the playful design.
02 · STRUCTURE & WIREFRAMES
Giving a whimsical idea a clear product structure.
The information architecture connected onboarding and permissions with camera capture, postcard discovery, the Magic Map, saved trips and profile. User flows then made the key journeys concrete before visual design began.
Mid-fidelity wireframes
Wireframes mapped the end-to-end flow—from onboarding and permissions to camera capture, postcards, saved trips and filtering—and became the basis for the first usability test.
03 · TWO ROUNDS OF TESTING
Test the structure first. Then test the experience.
Validate navigation and flows
- Users expected to swipe between postcards.
- The map overlay sometimes blocked points of interest.
- The onboarding was clear, but a skip option was valued.
Changed: Added swipe gestures, draggable overlays and an onboarding skip option.
Validate clarity and visual design
- The design felt magical, polished and easy to use.
- Navigation flows felt smooth and intuitive.
- Trip saving needed clearer confirmation.
Changed: Clarified save feedback, shortened long text and planned lightweight tooltips.
Testing twice produced complementary insight: the first round improved the product’s structure; the second confirmed the visual direction and exposed the final moments that still needed clarity.
04 · DESIGN REFINEMENT
Turning observed friction into visible improvements.
I refined navigation, clarified task outcomes and shortened the path into the experience—while making sure the whimsical interface still supported usability.
Natural postcard browsing
Swipe gestures joined the arrow controls so moving between facts feels faster and more familiar.
Reassuring save feedback
A specific “Saved to Trip” message confirms both the action and its destination.
A faster first entry
The onboarding became three focused slides with a visible Skip action.
HIGH-FIDELITY PROTOTYPE
From meeting Hon to saving a trip.
The final walkthrough includes onboarding, camera capture, postcard navigation with swipes and arrows, trip saving and map exploration.
05 · DESIGN SYSTEM
Giving the magical world a reusable foundation.
The lightweight Figma system made the experience consistent, scalable and easier to hand off. Files, components and assets used clear naming and organization so future developers could work from a shared source of truth.
Color, type and rhythm
High-contrast color, friendly headings, readable body text, spacing and elevation.
Reusable UI
Buttons, postcards, carousels, tooltips, modals and navigation bars.
Repeatable behavior
Onboarding, permissions, saving and sharing, and map overlays.
Hon’s world
Animations, sparkles, spells, art-deco frames and decorative dividers.
Readable text
Larger type and improved spacing in fact cards and Hon’s bio.
Flexible navigation
Swipe interaction alongside arrows for postcard browsing.
High contrast
A light-on-dark palette designed to meet WCAG AAA contrast.
OUTCOME
A tested product vision, ready to move toward development.
The project delivered a high-fidelity iOS and Android prototype plus a structured design system. Core interactions were validated before developer handoff, giving the founder a clear view of the product and how it could evolve.
Testing wireframes and high-fidelity design revealed different—but equally valuable—insights.
Character and visual storytelling build engagement when balanced with clarity.
Building the system alongside the product strengthens consistency and handoff.
NEXT STEPS
Supporting the move from prototype to product.
Collaborate with the incoming developer to refine implementation details.
Clarify interaction behavior during the transition to development.
Continue evolving the design system as new flows are built.
Test the developer version in a real-world context.
WanderHon is a product concept provided by the client. The concept belongs to the client; the design work shown here is my contribution. This project is shared for portfolio purposes only and should not be copied or reused.