Case study / 09 — Mobile App · Social

SOCIAL CHAT messaging app.

A sleek social media chat app concept — stories, presence and conversation in one fluid mobile experience.

Role
UI/UX Designer
Platforms
Mobile
Category
Mobile App · Social
Type
Social Messaging App
0
Platforms
0
Process phases
0
Key decisions
0
Research insights

OVERVIEWThe idea

A social chat app where conversation and content share one surface. The design blends messaging, stories and presence without turning the interface into a control panel.

THE PROBLEMWhat had to be solved

Social apps fight for the same thumb. The challenge is density without clutter: many features, one calm surface.

MY ROLEWhat I owned

End-to-end mobile design: chat surface, stories row, presence states, media sharing and notification patterns.

DESIGN PROCESSFrom idea to interface

01 Feature prioritization
02 Navigation model
03 Chat surface design
04 Stories & media patterns
05 High-fidelity UI
06 Prototype

METHODThe workflow, end to end

01
Step 01
Feature prioritization
02
Step 02
Navigation model
03
Step 03
Chat surface design
04
Step 04
Stories & media patterns
05
Step 05
High-fidelity UI
06
Step 06
Prototype

KEY DECISIONSWhat made it work

💬

Conversation-first canvas

Everything secondary collapses until summoned.

🟢

Ambient presence

Who’s around is felt, not shouted.

📸

Inline media flow

Share and view without leaving the thread.

🌗

Comfortable dark mode

Late-night chats without the glare.

RESEARCH & INSIGHTSWhat shaped the direction

Mobile-first discovery: where is this app used, one-handed or two, in what moments of the day? Session mapping and competitor teardowns showed that onboarding and first-minute experience decide retention long before feature depth matters.

The first minute decides

If users don’t reach value in the first session, there is no second session. Onboarding was designed as the product, not a tour of it.

👍

Thumbs set the layout

Primary actions live in the natural thumb arc; anything above the fold’s reach is for reading, not tapping.

🔔

Attention is borrowed

Every notification and interruption spends trust. The design asks for attention only when it returns value.

WHO IT'S FORDesigning for real people

PRIMARYThe curious newcomer

Downloaded on a recommendation, gives the app ninety seconds to prove itself. Needs instant value, zero forms and a reason to return tomorrow.

SECONDARYThe habitual user

Opens the app daily and wants friction gone: remembered context, one-tap resumption and progress made visible.

DESIGN LANGUAGEThe visual system

A friendly, high-contrast mobile language: large touch targets, one primary action per screen, motion used to explain rather than decorate. The palette stays calm so content and progress cues stand out, and dark mode is a first-class citizen rather than an inverted afterthought.

One primary action per screen
Thumb-arc layout
Explanatory motion
First-class dark mode
Progress made visible

TESTING & ITERATIONPressure-testing the design

Prototype tests focused on the first-run experience: where do new users hesitate, misread or bail? Each round shortened onboarding and moved value earlier, while returning-user flows were tuned for one-handed speed.

PROJECT SCREENSInside the design

Voizzit chat — conversation list Voizzit chat — chat thread Voizzit chat — chat with keyboard Voizzit chat — video call Voizzit chat — create account Voizzit chat — social feed

Auto-scrolling — hover any screen to pause & lift

OUTCOMEThe result

A social messenger that stays calm at full speed — full screens on Behance.

View full project on Behance

KEY LEARNINGSWhat I'd carry forward

01 Onboarding is the product’s first feature, not its manual.
02 Design the returning-user path as carefully as the first-run path.
03 On mobile, restraint reads as quality.
← Previous
Subject Detail Page