Mara Suwannawat
Benefits
Specifications
How-to
Contact Us
Learn More
Explorations
A collection of rapid, AI-assisted prototypes built to test ideas, sharpen visual direction, and explore what's possible when design intuition meets fast iteration.
MedTrack — Medication Management AppTools: Figma Make, Claude AI
Try live interaction
Premise: Medication non-adherence affects roughly half of Americans managing prescriptions. I wanted to test whether visual engagement, customizable reminders, and peer community support (validated through real user research) could be translated into a fast, interactive prototype.
Build snapshot: Research (5 participants, conducted with 2 teammates) took 8 weeks; the interactive prototype took approx. 3-4 days by me with multiple iterations. Claude and Figma Make generated initial screens and component variations from the research findings; I directed the UX flow, information hierarchy, accessibility standards (WCAG 2.1 AA/AAA), and refined interactions and visual system.
What it shows: Ability to translate real research findings into a coherent, accessible product fast — using AI tools to compress prototyping time without outsourcing the design judgment, from IA decisions to WCAG compliance choices.
What's next: This is a prototype, not user-tested — usability testing with the original participant pool is the next step before any claims about effectiveness.
LIVE INTERACTION IS COMING SOON.
NOCTURNE — Internet Radio Discovery AppTools: Claude Code, GitHub, Netlify
Premise: Music discovery apps tend to optimize for mainstream algorithms — I wanted to test a niche internet radio concept built around a distinctive, immersive visual identity rather than generic streaming-app conventions.
Build snapshot: I spent less than a day to build it. Claude Code generated most of the UI and component structure; I directed the user flow, content strategy, and the futuristic visual direction that gives the app its identity.
What it shows: Ability to art-direct AI-generated UI toward a distinctive, cohesive aesthetic rather than accepting generic output — and to move fast from concept to a functioning interactive prototype.
What's next: Concept-stage prototype, not user-tested or scoped for a real product — built to explore visual direction and AI-assisted speed, not to validate a business case.
Let’s work together.
I always look for more opportunities to collaborate, whether through a corporate role or by supporting my local community. If you're a business owner seeking to transform your product or refresh your branding assets, reach out at marasuwannawat@gmail.com
Resume
Mara Suwannawat
is a product designer, based in Massachusetts, USA.
© 2026 All Rights Reserved
Work
Explorations
About
Explorations
A collection of rapid, AI-assisted prototypes built to test ideas, sharpen visual direction, and explore what's possible when design intuition meets fast iteration.
MedTrack — Medication Management AppTools: Figma Make, Claude AI
Try live interaction
Premise: Medication non-adherence affects roughly half of Americans managing prescriptions. I wanted to test whether visual engagement, customizable reminders, and peer community support (validated through real user research) could be translated into a fast, interactive prototype.
Build snapshot: Research (5 participants, conducted with 2 teammates) took 8 weeks; the interactive prototype took approx. 3-4 days by me with multiple iterations. Claude and Figma Make generated initial screens and component variations from the research findings; I directed the UX flow, information hierarchy, accessibility standards (WCAG 2.1 AA/AAA), and refined interactions and visual system.
What it shows: Ability to translate real research findings into a coherent, accessible product fast — using AI tools to compress prototyping time without outsourcing the design judgment, from IA decisions to WCAG compliance choices.
What's next: This is a prototype, not user-tested — usability testing with the original participant pool is the next step before any claims about effectiveness.
LIVE INTERACTION IS COMING SOON.
NOCTURNE — Internet Radio Discovery AppTools: Claude Code, GitHub, Netlify
Premise: Music discovery apps tend to optimize for mainstream algorithms — I wanted to test a niche internet radio concept built around a distinctive, immersive visual identity rather than generic streaming-app conventions.
Build snapshot: I spent less than a day to build it. Claude Code generated most of the UI and component structure; I directed the user flow, content strategy, and the futuristic visual direction that gives the app its identity.
What it shows: Ability to art-direct AI-generated UI toward a distinctive, cohesive aesthetic rather than accepting generic output — and to move fast from concept to a functioning interactive prototype.
What's next: Concept-stage prototype, not user-tested or scoped for a real product — built to explore visual direction and AI-assisted speed, not to validate a business case.
Work
Explorations
About
Explorations
A collection of rapid, AI-assisted prototypes built to test ideas, sharpen visual direction, and explore what's possible when design intuition meets fast iteration.
MedTrack — Medication Management AppTools: Figma Make, Claude AI
Try live interaction
Premise: Medication non-adherence affects roughly half of Americans managing prescriptions. I wanted to test whether visual engagement, customizable reminders, and peer community support (validated through real user research) could be translated into a fast, interactive prototype.
Build snapshot: Research (5 participants, conducted with 2 teammates) took 8 weeks; the interactive prototype took approx. 3-4 days by me with multiple iterations. Claude and Figma Make generated initial screens and component variations from the research findings; I directed the UX flow, information hierarchy, accessibility standards (WCAG 2.1 AA/AAA), and refined interactions and visual system.
What it shows: Ability to translate real research findings into a coherent, accessible product fast — using AI tools to compress prototyping time without outsourcing the design judgment, from IA decisions to WCAG compliance choices.
What's next: This is a prototype, not user-tested — usability testing with the original participant pool is the next step before any claims about effectiveness.
LIVE INTERACTION IS COMING SOON.
NOCTURNE — Internet Radio Discovery AppTools: Claude Code, GitHub, Netlify
Premise: Music discovery apps tend to optimize for mainstream algorithms — I wanted to test a niche internet radio concept built around a distinctive, immersive visual identity rather than generic streaming-app conventions.
Build snapshot: I spent less than a day to build it. Claude Code generated most of the UI and component structure; I directed the user flow, content strategy, and the futuristic visual direction that gives the app its identity.
What it shows: Ability to art-direct AI-generated UI toward a distinctive, cohesive aesthetic rather than accepting generic output — and to move fast from concept to a functioning interactive prototype.
What's next: Concept-stage prototype, not user-tested or scoped for a real product — built to explore visual direction and AI-assisted speed, not to validate a business case.
Let’s work together.
I always look for more opportunities to collaborate, whether through a corporate role or by supporting my local community. If you're a business owner seeking to transform your product or refresh your branding assets, reach out at marasuwannawat@gmail.com
Mara Suwannawat
is a product designer, based in Massachusetts, USA.
Resume
© 2026 All Rights Reserved