Claró AI
Claró AI is a browser extension that helps immigrant parents understand digital content like school portals, medical emails, and government forms through clear, culturally aware translation.
It’s more than a translator — it’s a bridge that builds confidence and understanding.
Timeline: April 20th- April 22nd(48 hours)
My Role: Lead Product Designer ,User Research
Tools:Figma,FigJam, Canva
Overview
Bridging the Digital Divide for Immigrant Families
Nearly half of immigrant adults in the US struggle with English proficiency, causing 31 % to face issues accessing healthcare and up to 28% to struggle with basic forms which leaves many immigrant parents dependent on their children to navigate essential documents.
Solution
Claró is a browser extension that simplifies and translates digital content, turning confusing emails, forms, and messages into clear guidance so parents can navigate school, medical, and government systems confidently.
Key Features
Voice Narration – Explains content verbally in the parent’s native language with cultural context.
Tap and Ask – Lets parents ask questions directly without typing.
Contextual Suggestions – Offers helpful prompts like “This is a doctor’s appointment – would you like to prepare questions?”
Real-Time Translation – Listens to conversations and translates instantly.
Simplified Text Display – Rewrites complex text in easy-to-understand language.
Research
User Research
I set out to understand the challenges immigrant parents face navigating digital content.
To gather insights, we conducted a survey with 20 responses using Google Forms. Here are the key findings:
100%
of parents rely on their children for help with technology, emails, and forms.
Potential Solution
Claró provides step-by-step guidance so parents can navigate digital content independently.
80%
struggle with government forms and official documents.
Potential Solution
Claró simplifies and explains documents in the parent’s native language, adding cultural context for clarity.
60%
face challenges with medical or school-related content.
Potential Solution
Claró offers voice narration and contextual suggestions to make complex content easy to understand.
Don’t let digital confusion hold you back, trust Claró.
Navigating school, medical, and government systems can be overwhelming, but Claró gives parents the guidance and confidence to understand and act independently.
Personas
I created personas to better understand the challenges faced by children of immigrant parents. These profiles guide Claró’s design, ensuring it effectively supports them in helping their parents navigate digital content, government forms, medical information, and technology.
Alex Nguyen - College student
Language:
English (fluent), Vietnamese (conversational with parents)
Role at Home:
Primary translator and tech support for parents
Challenges:
Explains emails, forms, and official documents daily
Balances school, work, and family responsibilities
Helps parents with medical appointments and government paperwork
Motivations:
Wants parents to be independent
Hopes to reduce constant translation burden
Language:
English (fluent), Spanish (fluent with parents)
Role at Home:
Family translator and digital helper
Challenges:
parents struggle with online portals, emails, and forms
Frequently interrupted while studying or working
Responsible for helping parents understand medical and school matters
Motivations:
Ideate
Prototyping
Voice Narration
Claró reads emails, forms, and messages aloud in the parent’s native language. By adding cultural context and familiar phrasing, it transforms complex content into clear, easy-to-follow instructions that feel personal and approachable.
Tap and Ask
Whenever a parent is unsure about a word or phrase, they can simply tap the text. Claró responds instantly with simple explanations, creating a natural, human-like interaction without the need for typing or searching.
Contextual Suggestions
Claró doesn’t just translate — it guides. For example, when it detects a doctor’s appointment or school notice, it offers actionable prompts like “Would you like to prepare questions?” helping parents feel supported every step of the way.
Real-Time Translation
In conversations with teachers, doctors, or officials, Claró listens and translates in real time. Parents can follow along confidently, participate actively, and communicate without relying on their children as intermediaries.
Simplified Text Display
Claró rewrites complex emails, forms, and documents in plain, easy-to-understand language while keeping the original meaning. This ensures parents can read and act on information independently.
Cultural Awareness
Claró tailors explanations and examples to each parent’s cultural background. By using familiar references and context, it makes guidance feel intuitive, relatable, and trustworthy.
Future Steps
Whats Next ?
We plan to expand Claró beyond the browser into mobile and wearable platforms, enabling parents to navigate real-world situations like doctor’s appointments, school meetings, and government visits independently and confidently in their own language.
Explore More of My Work
Initial Sketches
We sketched initial wireframes to map out Claró’s key screens and user flow. These low-fidelity designs allowed us to quickly explore layout ideas, refine interactions, and ensure a clear, intuitive structure before moving to high-fidelity prototypes.
Few Initial sketches
Final prototype
Our final prototype showcases Claró’s core features in a polished, interactive format. Users can experience simplified translations, voice narration, tap-and-ask support, and contextual suggestions, all designed to make navigating emails, forms, and official documents intuitive and stress-free for immigrant parents.
Design System
Claró’s design system ensures a consistent, approachable, and accessible experience across all screens. It uses clear typography, soft colors, intuitive icons, and predictable interactions to make navigation simple and friendly.
Takeaways
User research is crucial
Taking the time to understand real users’ challenges, behaviors, and needs ensures design decisions are grounded in reality. Without this insight, solutions risk being ineffective or disconnected from the people they aim to help.
AI can solve real problems
It’s essential to design with the user in mind, as different user groups often have varying needs. By considering these needs and prioritizing them, you can create solutions that genuinely cater to the people who will be using the product.
Consistency and human-centered design matter
Maintaining a cohesive visual system and predictable interactions builds trust, clarity, and usability across the product. Designing with empathy ensures the solution resonates deeply with its target audience, making it approachable, engaging, and effective.
Information Architecture
Developed the website’s information architecture through a hierarchical sitemap, ensuring clear structure and intuitive navigation.