Miniature Exhibition App
About project
A mobile application designed to enhance the experience of visitors to a miniature exhibit of Canada. Instead of acting like a traditional guide, the app transforms the experience into an immersive, personalized journey combining ambient storytelling, interactive learning, and visual comparison.
The Approach
Using Jakob Nielsen’s UX principle of Matching the System to the Real World, CareerRobo app is created to eliminate the "discovery deficit" caused by abstract career tools. The app is around Gen Z's native digital habits rather than forcing them into traditional, institutional career frameworks.
What I did
Market Research
Competitive analysis
User survey
Flow diagrams
Wireframes
Prototype
High-fidelity UI
Accessibility evaluation
Existing Research
The Problem
The miniature exhibit encounters challenges in providing background information to visitors due to the limited physical space available for detailed displays.
The Hypothesis
If there is a platform providing information about miniatures, including detailed historical context, interactive features, and educational content, then visitor engagement and understanding of the miniatures will increase, leading to higher satisfaction and repeat visits to the exhibit
Competitive Analysis
I analysed 3 most popular platforms in the field - looking both at the user experience and negative app store comments to find patterns
Problems from the comments
User Survey
I started with the hypothesis that creating app that users can view information of the miniature would help enhance experience and engagement. To test my hypothesis, I interviewed miniature visitors to understand their preferrences.
What’s the most important factor you take into account when visiting a miniature exhibit?
23
80%
Career Assessment Accuracy
Generic quizzes, little real clarity
High school students often lack a clear picture of their own strengths and interests, and the generic quizzes most tools offer don't close that gap. 80% say these assessments gave them little to no real clarity on what path might suit them.
75%
Personalized Pathways
One-time results that never adapt
Most career platforms, service or assesment give a one-time result and never adapt as a student's interests change or deepen. 75% say the guidance they received felt static and didn't evolve with them.
60%
Real-World Industry Insight
Little exposure to the actual day-to-day
Students rarely get an honest look at what a job actually involves day-to-day, beyond a title and a salary range. 60% say they had little to no real exposure to what the work is actually like before committing to a path.
34%
Mentor/Counselor Support
Mostly left to figure it out alone
Most students are left to figure out their career path largely on their own, with little access to real human guidance. Only 34% felt they had meaningful mentor or counselor support when it mattered most.
Notable Comments
It would be so immersive if I could put on my headphones and 'tune in' to a specific scene. Like, if I point my phone at the tiny rock concert, I should hear the ambient audio or music from that specific spot.
LAURA
Guest
I found myself constantly Googling pictures of the real Union Station to see if they got the number of windows right. The app should just have a side-by-side gallery of the real building's architecture versus the model
KATE
Guest
Show me how they built the tiny CN Tower. The app should have a 'Behind the Build' section for each area—tell me how many thousands of hours it took to paint, how many tiny people are in the stadium, and what materials they used.
JOHN
Guest
Initial research shows
The MVP app features an interactive audio guide that provides location-based ambient sounds and a "Behind the Build" section showcasing technical craftsmanship and construction materials. It also includes a side-by-side gallery for real-world architectural comparisons and customizable filters that allow users to select specific information categories based on their interests.
User Flow
To out line all the necessary functionality I created a simple flow diagram of the main tasks users can do. One of the flows is shown below.
Main Client Flow
Low-fidelity Wireframes
Once the flow is established , I stared creating the low-fidelity wireframes of the main flow.
High-fidelity UI Design
Once the initial flow was complete. I started by creating a couple of the main screens of the app. I started by defining the fonts and colors
Color palette
Accent, primary, secondary, background
Main CTA button color
Font
Roboto
High-fidelity screens of the Miniature Exhibition app showing visitor navigation, exhibit details, and interactive behind-the-scenes content.
Figma File
A snapshot of my Figma file.
02
/see more
