TRAYNE ai
A startup I helped bring to life through product and packaging mockups in figma, logo design, and a commercial-style video utilizing Figma elements and editing skills.
client
role
PROBLEM
PROCESS / SOLUTION
I created the Trayne products (precicision lactate monitor, continuous lactate monitor, and glucose monitors) in Figma and displayed how they would be packaged. Trayne used these mockups to pitch to a hardware company.
For the video, I produced a commercial-style hero video that combined Figma UI mockups with real-world fitness footage, illustrating how users would interact with Trayne. To keep the story cohesive, I integrated:
Figma UI design elements to visualize product use and adaptability
Brand identity development through logo, color, and typography effects
Narrative pacing that balanced demonstration with emotional connection
I collaborated directly with the founder, iterating on design elements, storyline, and visuals to ensure every piece aligned with the startup’s brand direction and long-term vision.
WATCH IT HERE: https://drive.google.com/file/d/1qnKhyHJYMkxPFbatxhbGciCArPOPevGD/view?usp=sharing
IMPACT
The final video and product mockups served as Trayne’s primary demonstration materials, showcasing both the app experience and the physical hardware concept. Together, they helped the startup communicate its mission and value through a cohesive brand story. The visuals highlighted how AI-driven insights and device design connect seamlessly, giving investors and users a tangible sense of Trayne’s professional vision and potential.
THE TAKEAWAY
Working on Trayne taught me how to design within ambiguity—balancing storytelling, brand, and product design to bring a vision to life. I created product and packaging mockups in Figma, developed user experience flows, and designed visuals that connected hardware, AI, and athlete usability. The process strengthened my ability to iterate quickly, collaborate cross-functionally, and always keep the end user at the center.
