Refining Nano Socials into a clearer, more intentional product.
Davidking Igwela
Nano Socials
Taking an AI-generated concept and turning it into a more considered product experience.
Role: Product Designer
Scope: UX/UI, Interaction Design, Visual Design
Tools: Figma, Jitter, Claude
The starting point
Nano Socials came to me with an initial product concept created with AI.
It was a good starting point, but it still felt like one.
The structure, hierarchy, interactions, and visual language needed more thought to make the experience feel intentional and ready for real users.
Mapped user flow of the Old UI
My job wasn't to start from zero.
It was to figure out what was worth keeping, what needed rethinking, and where design judgment could make the biggest difference.
I focused on three things:
Clarity
Making the experience easier to understand.
Hierarchy
Helping users quickly see what matters.
Consistency
Creating a visual system that makes the product feel cohesive.
Mockup of the new home page
A navigation built from scratch
One of the biggest opportunities I saw was the navigation.
Rather than using another familiar sidebar or bottom navigation pattern, I wanted to create something that felt native to Nano Socials.
So I designed a custom navigation system that changes how users move through the product while keeping navigation accessible and intuitive.
Jitter animation of the Nav bar
Why it works
The navigation keeps the interface visually clean when it's not needed, while still making the product's different areas easy to reach.
It became more than a navigation bar.
It became part of the product's identity.
Full Nav bar component
From generated to designed
I refined the layouts, reworked interactions, and introduced a stronger visual system while keeping the original product direction intact.
The goal wasn't to simply make the AI output look better.
It was to add the thinking behind it.
Before and after screen of the profile page
Building the final experience
The refined direction extended across the product — from navigation and content layouts to components, states, and interaction patterns.
The result was a product that felt clearer, more consistent, and more intentional, while giving the team a stronger foundation to build on.
The takeaway
AI can get you to a starting point incredibly fast. But knowing what to keep, what to change, and when something isn't good enough is where the designer comes in.
Nano Socials was a good reminder that the value isn't just in creating the first version.
It's in knowing how to make it better.
Like this project
Posted Aug 22, 2026
Redesigned Nano Socials' product from an AI-generated concept to a cohesive experience.
