[SK] Portfolio / Selected Work / CitizenChat
PROJECT_004 // 2020–21
Mobile App · Social · Communication

Erase Global Boundaries.
Connect Without Limits.

MY ROLESole UX/UI Designer
INDUSTRYSocial · Communication
TIMELINE2020–21
TYPEMobile Application
My RoleSole UX/UI Designer
Timeline2020–21
PlatformiOS · Android
StatusShipped · 2021
CitizenChat — Cover
01

The Problem

Existing social and communication apps were failing a growing global audience — unable to bridge language gaps, offering generic connection experiences, and lacking tools for professional networking. Users felt disconnected despite being constantly online.

The core challenge: design a mobile-first communication platform that felt both personal and professional, broke down language barriers through intelligent translation, and gave users meaningful control over who they connected with — without sacrificing simplicity or engagement.

"I'd be excited to use this if my chat got translated automatically."
— User research participant
Target Audience

Who are the Product Users?

Research identified the primary users as the Next-Gen population — digitally native, globally curious, and frustrated by the limitations of existing communication and social apps.

Ages 18–35 Global Citizens Multilingual Professionals Freelancers Creatives
PROFILE 01 · AGE 22–28
The Creative
Freelance artist, designer, or photographer seeking global exposure and cross-cultural collaboration
PROFILE 02 · AGE 24–32
The Networker
Career-driven professional building international connections beyond LinkedIn's formality
PROFILE 03 · AGE 18–26
The Explorer
Student or traveller wanting authentic local connections without language as a wall
PROFILE 04 · AGE 28–40
The Entrepreneur
Small business owner looking to source global talent and promote work across markets
02

Research Process

To understand how people connect across cultures and what was failing them in existing apps, I conducted mixed-methods research across 135 participants — combining in-depth interviews, surveys, empathy mapping, affinity mapping, and competitive analysis.

01
User Interviews
In-Depth Conversations

Conducted in-person interviews with 135 participants to uncover frustrations with existing communication apps and map unmet connection needs across cultures and age groups.

02
Quantitative Surveys
At-Scale Validation

Deployed quantitative surveys to validate pain points at scale and identify the most critical feature priorities across the target Next-Gen demographic.

03
Synthesis
Empathy Mapping & Affinity Diagrams

Built empathy maps and affinity diagrams to cluster insights, reveal behavioral patterns, and synthesise research findings into clear, prioritised design opportunities.

04
Competitive Intelligence
Competitive Analysis

Performed competitive analysis of Instagram and LinkedIn to benchmark feature sets, identify gaps, and define where CitizenChat could carve a distinctive and defensible position.

Competitive Landscape

Instagram vs LinkedIn

Analysing the two dominant platforms revealed clear gaps — CitizenChat was designed to occupy the space neither could serve.

Instagram
Social media app to share photos / videos
Key Features
Users can see and upload photos/videos. Chat and make calls with their friends/followers
Businesses can promote their products on the platform
Strengths
Simplistic UX / Design
Exclusive filters for content editing
Weaknesses
Regular features
Spam posts
Opportunities
Bring content in short videos format
Promote brands
Threats
Growing competition
Similar app with wider features
LinkedIn
Professional connections making platform
Key Features
Connect with professionals globally
Find business opportunities and career growth
Strengths
Largest professional network
Strong job discovery features
Weaknesses
Rigid, formal UX
Limited social / casual interaction
Opportunities
Bring content in short videos format
Promote brands and freelancers
Threats
Growing competition
Similar apps with wider social features
03

Key Insights

Research with 135 users surfaced four critical unmet needs — all pointing to a single underlying theme: people want to connect globally but are blocked by language, limited tools, and privacy concerns.

75%
are willing to try out a new alternative solution to existing communication apps
86%
want their chat messages translated automatically into the receiver's language
68%
are looking for professional opportunities when connecting with new users
51%
are concerned about their data and privacy when using social platforms
01
Language is the Biggest Barrier

Users desperately want auto-translation built into the core chat experience — not as an afterthought. Language gaps were the #1 reason users felt disconnected from global peers.

🌐 Break language barriers
02
Professional Context Matters

Nearly 7 in 10 users sought professional opportunities through social connections. Apps like Instagram lacked this context; LinkedIn lacked the social warmth. CitizenChat needed to bridge both.

💼 Social meets professional
03
Trust and Safety are Non-Negotiable

Over half of users expressed concern about data privacy. Any new platform needed robust privacy controls, blocking, reporting, and transparent data practices baked in from day one.

🔒 Safety by design
04

Design Strategy

Three strategic pillars guided every design decision — each directly mapped to a research-validated user need.

01
Auto-Chat Translation

Built AI-powered translation directly into the messaging layer. Messages automatically render in the receiver's preferred language — no manual steps, no friction. The first app of its kind to offer this natively.

02
Extensive Filter System

Designed a multi-layered filter architecture enabling users to find connections by interest, profession, location, and more — giving people meaningful agency over who they meet.

03
Dual-Mode Profile

A single profile that serves both personal expression and professional identity. Users can surface creative work, skills, and career context alongside their social presence — bridging Instagram and LinkedIn in one space.

05

User Persona

Adam Smith
Graphic Artist · Freelancer · London, 30

"It would be great if I can find an app which helps me connect with people from around the world and communicate without the language barrier."

Pain Points
  • Communicating with non-English speakers
  • Finding business opportunities through social apps
  • Apps feel too monotonous or too professional
Goals
  • Connect with creatives globally without language friction
  • Source freelance projects and professional opportunities
  • Engage with content that blends social and professional
06

Wireframes

Early-stage wireframes defined the core information architecture and interaction patterns before moving into high-fidelity UI.

CitizenChat Wireframes
07

Key Screens

Final high-fidelity UI screens showcasing the core interaction flows — from onboarding and discovery to real-time translated messaging.

CitizenChat UI Screen 1
CitizenChat UI Screen 2
CitizenChat UI Screen 3
08

Outcomes & Impact

2M+ ↑ Active Users Worldwide
4.8/5 ★ Google Play Rating (8,000+ reviews)
#1 Most Innovative App · ET Excellence 2021
75% ↑ Users Open to Switching

CitizenChat proved that language should never be a barrier to human connection. By designing an experience that seamlessly translated conversations, surfaced professional context, and respected user privacy, we built a platform that 2 million people chose to make part of their daily lives — and that the Economic Times recognised as the Most Innovative App of 2021.