Outcome
92% of test users reported feeling “in control” of their interaction
Increased retention in week 2 by 27% after emotional tone update
System adopted as internal design framework for future AI projects
From Figma to Squarespace
After finalizing my high fidelity designs in Figma, I translated the layouts into a functional website using Squarespace. I customized templates to match my design system, adjusted layout spacing and typography settings to mirror my Figma mockups, and used custom CSS when necessary to maintain consistency. This process taught me how to work within platform constraints while preserving the integrity of the design and gave me a stronger understanding of how to bridge visual design with implementation.
Case Study: Finn – The AI Companion
Project: Finn – The AI Companion
Role: Lead Product & UX Designer
Timeline: April 2025 – Present
Tools: Figma, SquareSpace
Focus: Emotional AI, Conversational UX, Cross-platform Design
Mood board
Before diving into design, I gathered inspiration from a range of AI chat bots. Fini’s brand is playful and we’re continuing that with our new Ai companion named Finn, so I focused on looking at other fun AI chat bots. This helped me identify effective ways to communicate what Finn is capable of, while remaining fun.
Final Designs
Iterations
Early in the design process, I explored multiple visual directions. I worked closely with the product team, sharing drafts, gathering feedback, and iterating quickly.
Our back and forth helped clarify the information needed to be included and the structure of the page. My main focus was to strike the perfect balance between utility and personality.
The Challenge
How might we design a personal AI companion that doesn’t just execute tasks, but builds emotional connection, trust, and daily utility without creeping into uncanny territory?
Goals
Design a lightweight, emotionally aware AI interface
Make complex AI feel friendly, transparent, and safe
Create a scalable design system for future voice/video integrations
Minimize friction, maximize flow in everyday use cases