Slow interaction focused on connection
stargazer.ai
Every conversation, a constellation. Every topic, a star. Together, you map what matters.
Figma
Vibe Coding
I wonder...
What does online communication look and feel like today? What relationships are formed, nurtured, or broken? What is quality, effective, enjoyable communication? Why are we experiencing an increase in isolation, fear, and misunderstanding through the interface, and what can we do about it as interaction designers?
My Goals
Visualize what a conversation looks like
Build a shared space, not shared text
Mid-Fidelity Wireframes
Building variations of how the night sky might look like on a web format. Was a design that felt more environmental, natural, and real the answer?
Was the style of the classic constellation drawings better for the end goal? Or perhaps the sky chart, that felt more simple and clean?
User Feedback
Users crave clarity around what constitutes a “meaningful” interaction.
Visualizing relationships creates self-awareness but risks emotional vulnerability.
Users are more likely to deepen relationships when they can see progress.
Vibe Coding
Demo 01 - Quality of Connections
Demo 02 - Types of Relations
Demo 03 - Length of Connections
Component Iteration
Stars
Input Fields
Buttons
Connection Points
Timelines
Constellations
Final Prototype
Conclusion
stargazer.ai began as a question about how we communicate online, but evolved into a broader exploration of connection, meaning, and presence in digital spaces. Through each stage, from early metaphors and visual experiments to testing and refinement, the project became a reflection of conversation itself: layered, evolving, and shaped by the people within it.
Designing stargazer.ai taught me how abstract ideas like emotion, memory, and relationship can be translated into interaction design. It showed me how visual systems can do more than organize information, and instead help people understand the value of what they are sharing.