TIMELINE
08.2025 - 12.2025
ROLE
UI/UX Designer
TOOLS
Figma, Print
SPECTRA
OVERVIEW
AI Products in the year 2035
MY ROLE - UI/UX Designer
Spectra is an immersive web experience and in-person installation that explores future relationships between humans and AI through speculative design. I designed and curated the web experience and produced supporting print materials, including cards and posters.
Research
Spectra was made possible with 3 frameworks and 6 phases to organize workflows and conceptualize ideas.
Main Thesis
As AI enables full-spectrum automation, how will we redefine the value of our relationships and identities in a world where time and knowledge are abundant?
Concept Proposal
A web experience and interactive exhibit that prompts users to ponder the personal significance of human worth as the world becomes more automated.
Final Deliverables
We created a:
In-person exhibit
+
Web App
Flows and Wireframes
We spent significant time mapping out the web experience, defining its phases and exploring different AI use-case scenarios. We translated these flows into low-fidelity wireframes to establish the experience’s structure and interactions.
How Does the Web Experience work?
In-Person Installation + Marketing Materials
We wanted to make the web experience immersive, like the person would be transported to 2035, so we made posters to advertize the experience + each person would receive a card that told them what their AI Persona would be.
Peronalization Cards
While playing the Web Experience, users will select answers to certain scenarios that will culminate to an AI "Persona" Once the user gets a persona they will receive a physical card detailing their persona and allowing them to keep it as a souvenir.
Yes. You can easily edit the text content directly inside Framer to match your website or product information.
Can I customize the questions and answers?
Yes. You can easily edit the text content directly inside Framer to match your website or product information.
Can I customize the questions and answers?
Yes. You can easily edit the text content directly inside Framer to match your website or product information.
Onboarding & Warnings
I designed a set of onboarding and safety screens to introduce the feature to ensure the feature was both accessible and understandable.
Onboarding screens ^^^
accessibility warning ^^^
Lofis-
Workflow-
Mid-fis-
User Testing-
Hi-fi Prototype-
Challenges & Takeaways-
Successes
Deeper Connection to the music
This feature allows for users to bond more with their music. It means so much to some of us.
Connect with community and friends
with Aura Sharing, the feature will help you and find other like-minded music lovers.
Out of app conversation
Unlike other apps with audio visuals, Aura sharing establishes a relationship with the user.
Constraints
My knowledge of prototyping and components has since grown much more and I would change many design choices now - 2026 Andrea
This feature attempts to connect people to each other through shared experience but Who gets left out? Does the algorithm reinforce mainstream taste? What if your music taste is shaped by a marginalized culture -does the aura honor that, strengthen it or dull it?
This project taught me how powerful speculative design can be as a tool for connection. By learning TouchDesigner, I found joy in experimenting - allowing emotion, play, and intuition to guide the process.
Designing Aura Sharing pushed me to think beyond in-app interactions and consider how digital experiences can spark conversation, intimacy, and community in the physical world.
This project taught me to embrace experimentation, design responsibly for accessibility, and critically question how algorithmic systems shape identity, culture, and belonging.