ClickAI

Aligning AI Innovation with Human Communication

Designing an AI-powered language learning and translation experience that helps users communicate naturally, understand context, and build confidence across languages.

Year

2025

Duration

4 Weeks

Role

Sole UX/UI Designer

Aligning AI Innovation with Human Communication
View Prototype

THE PROBLEM

Language Translation Tools Help Users Translate — But Not Communicate

THE SOLUTION

An AI-Powered Experience That Makes Communication Feel Human

CONVERSATION DASHBOARD

View all ongoing conversations in a clean grid layout with language filters for quick and organized navigation.

AI MESSAGE TRANSLATION

Read incoming messages in their original language alongside an AI-generated English translation for better understanding and context.

AI REPLY SUGGESTIONS

Receive AI-generated reply suggestions categorized by tone, such as Warm, Playful, and Professional, to match the conversation.

SMART REPLY SELECTION

Review, select, and instantly copy your preferred AI-generated reply in the recipient's native language.

AI WRITING ASSISTANT

Write your own message and receive an AI score based on grammar, tone, clarity, and naturalness, along with improvement suggestions.

OPTIMIZED REPLY

Get an AI-enhanced version of your message with a higher quality score for more natural and confident communication.

BACKGROUND

From Language Barriers to Confident Conversations

When I began designing Click AI, my goal was to create an AI-powered language learning and translation experience that went beyond literal translations. I wanted to help users communicate with confidence by providing contextual understanding, natural AI-generated replies, and real-time writing assistance—making cross-language conversations feel more natural, intuitive, and meaningful.

"I don't just want a translation— I want to know that my message sounds like somethinga native speaker would actually say."

User Feedback

This insight, echoed by many participants, led me to design an AI-powered communication experience that goes beyond direct translation. By introducing contextual explanations, intelligent reply suggestions, and real-time writing feedback, the solution helps users communicate more naturally and confidently across languages.

THE RESEARCH

Understanding User Intent Beyond Translation

I began by reviewing the stakeholder requirements and product vision to understand users' communication challenges. Research showed that users wanted more than accurate translations—they wanted confidence that their messages sounded natural and culturally appropriate.

After analyzing existing AI translation tools, I identified opportunities to improve contextual understanding, AI-assisted replies, and writing confidence. These insights shaped Click AI into an experience focused on helping users communicate naturally, not just translate words.

User Interviews: Understanding Cross-Language Communication

I interviewed users to understand the challenges they face with translation apps and multilingual communication. The insights highlighted the need for contextual translations, natural AI replies, and writing assistance that builds confidence.

Affinity map

Competitive Analysis: Learning from Industry Leaders

I analyzed the strengths and weaknesses of key competitors to inform design opportunities:

App logo App logo App logo App logo
Strengths
  • AI-powered translations and contextual explanations
  • Real-time writing feedback and improvement suggestions
  • Clean, intuitive interfaces that simplify communication
Weaknesses
  • Limited cultural context behind translations
  • Generic AI replies that lack personalization
  • Users often switch between multiple language tools
Opportunities
  • Provide context-aware AI explanations and reply suggestions
  • Personalize responses based on conversation style and tone
  • Integrate translation, learning, and writing assistance into one experience
Threats
  • Increasing competition from AI-powered language platforms
  • Rapid advancements in generative AI technologies
  • User concerns around translation accuracy and data privacy

DEFINE

Beyond Translation—Understanding Real Communication Needs

Research revealed that users wanted more than accurate translations—they wanted confidence that their messages sounded natural and culturally appropriate. By designing an AI-powered experience focused on context, writing assistance, and intelligent replies, Click AI helps users communicate with greater confidence. To bring these insights to life, I developed a user persona to guide my design decisions.

Understanding Our User: Meet Liezl!

Liezl is an international professional who communicates in multiple languages. She wants an AI assistant that helps her understand messages, write natural replies, and communicate with confidence.

User Persona

HOW MIGHT WE…

How might we help users communicate naturally across languages while reducing the stress and uncertainty often associated with translation?

IDEATION

Introducing an AI-Powered Communication Experience

To help users communicate more confidently across languages, I designed an AI-powered conversation experience that goes beyond traditional translation. By combining contextual explanations, intelligent reply suggestions, and real-time writing feedback, Click AI enables users to understand messages, craft natural responses, and communicate with greater confidence.

User Flow: Designing the AI Conversation Journey

To visualize the end-to-end user experience, I mapped the primary conversation flow from understanding an incoming message to sending a confident reply. The flow highlights how AI supports users at each step, making multilingual communication simple and intuitive.

  • Browse and select an ongoing conversation
  • Understand messages with AI-powered translation and context
  • Generate and compare AI reply suggestions
  • Improve writing with AI feedback and quality scoring
Information Architecture

DESIGN

Designing a Warm and Intelligent User Experience

With the user flows defined, I created low-fidelity wireframes to map the conversation journey and AI interactions. I then transformed these concepts into high-fidelity mockups in Figma, refining the visual hierarchy, user experience, and interaction patterns while maintaining a clean, intuitive, and approachable interface.

Wireframes
Wireframes detail

TESTING & ITERATIONS

Validating the AI Communication Experience

I created an interactive prototype of Click AI and conducted usability testing with five participants to evaluate how easily they could understand messages, generate replies, and improve their writing. Participants were asked to complete three tasks:

  • Open a conversation and understand an incoming message using AI.
  • Generate and copy an AI-powered reply suggestion.
  • Write their own message and improve it using the AI writing assistant.

All participants completed the tasks successfully and appreciated the intuitive conversation flow and AI assistance. The testing also revealed a few opportunities to further improve the overall experience.

1

Making Language Identification Instant

  • User Feedback: Users found it difficult to quickly identify the language or region of the person they were chatting with, especially when managing multiple multilingual conversations.
  • Final Iteration: Added the recipient's country flag next to their name to provide instant language and regional context.

BEFORE

Before

AFTER

After

2

Improving Score Visibility

  • User Feedback: Users found the green low score confusing, as it looked like a positive result rather than indicating that improvements were needed.
  • Final Iteration: Changed low scores from green to red to clearly indicate areas that need improvement and draw the user's attention.

BEFORE

Before

AFTER

After

RESULTS

Click AI Scores 9.8/10, Boosting User Confidence in Multilingual Communication

Click AI achieved an impressive 9.8/10 satisfaction score from all five participants. Users appreciated the AI-powered translations, natural reply suggestions, and writing feedback, which made multilingual communication feel more intuitive and confident. Several participants said they would use the app regularly for both personal and professional conversations.

"This feels much more helpful than a normal translation app— I feel more confident sending messages , knowing they sound natural."

Usability Test Feedback

PROTOTYPE

Final Design

View Prototype

FINAL THOUGHTS

The final experience transformed translation into a more meaningful communication tool—making conversations feel clearer, more natural, and more human.

What I Learned:Designing Click AI reinforced the importance of balancing advanced AI capabilities with usability. Intelligent features create value only when users can understand and trust them.

Next Steps:Future iterations could explore personalization, adaptive learning patterns, and conversation history insights to create a more tailored language learning experience.

What I'm Most Proud Of:I’m most proud of translating a complex AI workflow into a simple and intuitive experience that empowers users to communicate with confidence.