UI/UX Wireframe

Social & Messaging App

Low-fidelity structure exploring feed, one-to-one chat, and profile — built on familiar mobile patterns so users lean on prior knowledge, with primary actions kept in the thumb zone.

Screen A — Home Feed

View all 24 comments
View all 8 comments

Screen B — Conversation

Active now
TODAY
9:32
9:33
9:33
9:35
9:36
Message…

Screen C — Profile

248 Posts
12.4k Followers
318 Following

UX Notes

Familiar patterns reduce learning — feed, tabs, and grid mirror conventions users already know.

Stories = ephemeral entry point — ringed avatars pull attention to fresh, time-boxed content.

Outgoing = accent bubble — the one purple tint separates "me" from "them" at a glance.

Input in thumb zone — composer and primary CTA sit at the bottom for one-handed reach.