An augmented reality mobile app brings a deck of marker cards to life, helping secondary school students learn the periodic table, atomic configurations, and compounds. The app guides students through three interactive games that enhance learning outside of class.
Created the concept, user flow, wireframes, visual identity, and UI design for this AR app as the UX and Visual Designer. Ensured a smooth developer handover.
Elementary students begin by learning the periodic table's categorization of elements, advancing to understanding their uses and atomic structures in higher grades. With 118 elements each having unique protons, neutrons, and electrons, mastering atomic structures in 2D often proves challenging for higher secondary students.
(Higher secondary School)
Guide teacher - Ms. Marianne Schall
Grades 9 & 10
At Apian-Gymnasium Ingolstadt, we gained direct insights from a chemistry teacher and students' learning preferences. Our initial MVP concept evolved, inspired by Ms. Schall's unique methods, leading us to incorporate augmented reality to enrich periodic table learning strategies, rather than introduce new concepts.
AR Marker Design
For the purpose of effective detection of the cards by the app in order to activate augmented reality (AR), a custom typeface as well as custom patterns with sharp edges were designed.
3DS MAX: Models atomic structures and combinations.
UNITY: Hosts models, audios, scripts, UI.
C#: Provides logic for interactions.
VUFORIA: Enables AR development.
A function that enables students to obtain information by way of an interface panel
and a three-dimensional representation of the chemical element.
Inert Gas Configuration
A game where students fill energy levels (K, L, M, and N) with the exact number of electrons of the nearest inert gas to the scanned element as in real life.
Energy level game
A game where students fill energy levels (K, L, M, N) with the scanned element's electrons.
A game where a student should combine atoms that form a chemical compound.
Also, we went back to the school to get feedback from the students who would be using our app and made them all take part in an UEQ.
It was difficult to hold the phone all the time.
It would be easier with more info were on the card.
Implement a QR code on the cards in addition.
Create a deck of chemistry cards' elements.
Create a real-life compound deck. Common salt, baking soda, etc.
Since organic chemistry is a new field of chemistry
and difficult to learn, we consider making games to help.
Brand Experience Design- SAPBrand & User Experience
Atom - Know Your ElementProduct design & Development.
Look Around Mobile ApplicationProduct design & Gamification
Landmark Brand DesignBrand Design
Parathzza - Brand & Packaging DesignBrand & Packaging Design
Improving UX for EV Charging- ElliUX/UI Design
MindTheDegreeProduct & Interaction Design
Skechers - GoLikeNeverBeforeArtDirection & Film
Ariel - The ImpossibleArtDirection & Film
LifeSync- MasterThesisProduct design & Development.
CPRBuddy for iPadApp & Product Design
Wondr - Interaction Design ConceptProduct & Interaction Design