Challenge.
Most people that walk into an old chuch building and see the old stained glass windows have no idea what they are looking at! These windows are filled with symbolism and stories that can be hard for the average person to understand. The challenge was to create an Augmented Reality (AR) interface that would makes it possible to understand the stories of the stained glass windows in churches.
My part.
Stained Glass Stories is an individual project of three weeks, so I had full
responsibility for the entire workflow, starting from conceptualizationthrough
to the creation of the high-fidelity design flow, the UX and
UI, but also the
How it works.
The user can use this app on a phone, Then the user can scan a window and have it analysed. Then the app adds an augmented reality layer. The user then has the choice what part of the window he or she wants to get explained. After selecting the AR wil explain the meaning with images and text of the window to the user.
The symbolism.
I researched the history of stained glass windows and what the main symbols are. Then I selected a specific stained glass window and did a research on the meaning of it for a prototype.
Designing interfaces.
I made screens through high-fidelity design. I carefully selected colors and fonts, ensuring they aligned with the desired visual identity. I designed a clear onboarding flow for first time users to explain how to use the AR function. Then I designed the wireframes with the analysed stained glass window to create a prototype.
Unity.
I started building a prototype on Unity. I used a canvas and and an image of the stained window as an image target. After some iterations and some trial and error I made this prototype:
Results.
I ended up with these HiFi wireframes and a Unity prototype. With more time for this project I would have loved to add animations and think about ways of using AI for the app to analyse stained glass windows in every church!
