How do you merge the rapid-fire feed of X with the profile-centric community feel of Facebook without cluttering the interface? The goal was to create a "Unified Hub" that feels fast but organised.
Visual Architecture
The Three-Column Layout:
Left: Fixed profile card for instant user context and navigation.
Centre: A high-velocity feed with a clear distinction between "For You" and "Following."
Right: Trending topics and "Who to follow" to drive engagement without distracting from the main conversation.
Key UI Elements
Micro-Interactions: Compact "Post" box with integrated media triggers (Image, Emoji, GIF) for "Rapid Conversational Agility."
Content Cards: Nested thread previews (as seen in your "Haley Will" quote-post) to show deep interaction while maintaining a clean vertical scroll.
Trending Pills: Using rounded "pills" for trends instead of just text lists, making them touch-friendly and visually distinct.
Typography & Color
Colour Palette: A professional Electric Blue (#2F56FB) for primary actions, paired with neutral greys for secondary information. This ensures the "New Post" and "Post" buttons are the clear focal points.
Type Hierarchy: Bold weights for usernames and section headers, with high-legibility sans-serif for the feed content to ensure speed-reading is effortless.
Design Solution
The result is a hybrid social interface that feels familiar yet modernised. By stripping away the "legacy clutter" of Facebook and the "text-heaviness" of X, Velaflow provides a streamlined environment for modern digital discourse.