GEN AI + REDESIGN
Pixelbin
(2024-25)
Owned the whole PixelBin Redesign Initiative: Accelerated Workflows, Integrated Gen AI, Boosted Engagement by 35%
Services
UX/Growth Strategy
Product Design
Creative direction
Motion
Product Design
Creative direction
Motion
role
Lead designer
About
PixelBin is an AI-powered platform designed to help businesses and creators manage, optimize, and distribute digital assets—including images, videos, 3D, VR, and AR content.
I led the redesign of PixelBin, an AI-powered platform for managing and editing images, videos, 3D, and AR content—driving a 35% increase in engagement and 22% boost in retention.
I led the redesign of PixelBin, an AI-powered platform for managing and editing images, videos, 3D, and AR content—driving a 35% increase in engagement and 22% boost in retention.
CHALLENGE
Users were hopping from erase.bg to upscale.media to watermarkremover.io—three sites for one job—without ever knowing they were all PixelBin. Meanwhile, the industry was racing ahead with Gen-AI and automated media workflows, and our scattered setup masked bigger strengths like DAM, CDN, and AR/VR.
My brief: fuse every tool into one intuitive hub so creators can glide between AI-powered transformations and manage assets end-to-end.
My brief: fuse every tool into one intuitive hub so creators can glide between AI-powered transformations and manage assets end-to-end.
Deliverables
WEBSITE
.webp)
- Sitemap
- UX research and Analysis
- Brand identity
- Visual design
2 Weeks
Mini studio
.webp)
- Product strategy
- Conversions
- Cross platform upselling
- Returning users
4 Weeks
Dashboard/studio
.webp)
- Unification of tools
- Power of Gen AI on one platform
- Advanced functions - DAM/CDN
- Visual design
8 Weeks
.png)
Powered by Generative AI
Image transformation tool
UX Research and Analysis
Why research
Our goal was simple: understand why 5.8 M monthly visitors converted at <1 %?
How we did it
15 client-and-customer interviews plus GA / Crazy Egg data mining surfaced three critical pain points—context-switch churn, signup friction, and hidden platform value—giving us a clear roadmap for journey fixes and later engagement gains.
What we learnt
- Context-switch churn – 40 % drop-off moving between tools.
- Signup friction – 65 % abandon at credit-card step.
- Hidden value – 70 % of users never realized PixelBin had DAM/CDN.
Foundational research
.jpg)
.jpg)
.jpg)
Summarised problems w.r.t platforms
Erase.bg
- Signup redirection confusion.
- No option to restore or change background.
- UI overloaded with excessive popups.
- Poor mobile optimization and low conversion rates.
- Low-quality image downloads dominate usage.
Watermark remover
- Watermark residue remains after removal.
- Free credit allocation may be too high.
- Confusing feature names require user education.
- Restriction on image uploads after free limit.
- Users struggle with the download limitation.
Upscale media
- Upload restriction after hitting free limit
- .4X, 8X upscaling should be premium-only.
- Users need to select features before transformation.
- Poor retention of previously uploaded images after login.
- Resolution cap (2500x2500) is lower than competitors.
Pixelbin
- UI/UX inconsistencies across platforms.
- High signup drop-offs due to complex onboarding.
- Confusion in image deletion process.
- Subscription status unclear to users.
- Users expect credit transfer across tools but it’s not supported.
.webp)
.webp)
Heatmap and Scroll behaviour
Observations
- Top Engagement: Most activity is on the headline, navigation, and primary CTAs.
- Drop-off Below the Fold: Interaction decreases significantly as users scroll.
- Low Activity on Secondary Elements: Minimal engagement with detailed content and
secondary CTAs. - Scattered Navigation Clicks: Users explore but some labels may lack clarity.
- Neglected Visuals: Decorative elements are not perceived as interactive.
Recommendations
- Optimize Below-the-Fold Content: Rearrange or simplify for engagement.
- Refine Navigation: Highlight key sections for better click-throughs.
- Enhance Secondary Content: Test new layouts or messaging.
- A/B Test CTAs: Experiment with wording, placement, and design to boost conversions.
Secondary research
competitor research and user journeys / proposed user journeys / task flows / market research snapshots
Quantitative analysis
Exisitng platform Insights gained from Google analytics and Crazy egg-
Data gathered
- 5.8 M monthly visitors → just 1 % sign‑ups
- Five separate tool sites → one shared sign‑up page
- Users lost context during the domain switch, dropping mid‑journey.
Primary friction
- 40 % abandon at the cross‑site hand‑off
- 60 % abandon at the first credit‑card field
Root causes
- Repetitive file‑upload and form steps
- Inconsistent copy and visual cues between sites
- Surprise paywall messaging at checkout
Daily active users
227k
Daily active users
- EB:62k
- WM:73k
- UM:65k
- PB:27k
monthly active users
5.8m
Daily active users
- EB:1.8m
- WM:2.1m
- UM:1.9m
- PB:789k
Revenue split
592k
Annual revenue
- B2B:80k
- B2C:512k
conversion ratio
>1%
Paid conversions
- Dec 23:0.55%
- Jan 24:0.60%
- Feb 24:0.60%
Forging a Unified Brand Identity
-Positioning statement
PixelBin.io is a powerful platform for fast, precise, and scalable image processing, offering tools like background removal and upscaling for seamless visual transformation.
-Personality
.webp)
.webp)
.webp)
.jpg)
Clean, geometric, and modern. The rounded edges and symmetry convey a sense of approachability, balance, and precision.
Chapter 1°
/WEBSITE
Information architecture / Design system / Wireframes / VISUAL DESIGN
.jpg)
Unifying PixelBin’s five micro-sites
into a seamless, context-preserving platform:
turning 1 % sign‑ups into a 35 % engagement lift.
Brought PixelBin’s AI tools under one roof—easier nav, happier users, +35 % engagement.
Sitemap
How we laid out the information architecture
Your first product strategy doc isn't about perfection.
It's about structured thinking + stakeholder alignment.
After helping a few of my fellow PMs craft their first strategy, here's the output. We created a sitemap to bring five separate websites under one unified platform. Through ongoing discussions with stakeholders, we developed a structure that allows users to navigate different parts of the site with just one click, making the experience seamless and user-friendly.
It's about structured thinking + stakeholder alignment.
After helping a few of my fellow PMs craft their first strategy, here's the output. We created a sitemap to bring five separate websites under one unified platform. Through ongoing discussions with stakeholders, we developed a structure that allows users to navigate different parts of the site with just one click, making the experience seamless and user-friendly.
Splitting Homepage Ui
into three logical blocks - What/Why/How?
We structured the storyline for PixelBin’s website to create a seamless first impression. We organized key sections like overall features, media capabilities, AI tools, CDN efficiency, use cases, and developer access in a hierarchy.
On the left, we outlined PixelBin’s purpose, benefits, and usage while
On the right side visually reinforces these concepts with reference screenshots. This approach ensures clarity, strengthens the value proposition, and guides users toward sign-up.
On the left, we outlined PixelBin’s purpose, benefits, and usage while
On the right side visually reinforces these concepts with reference screenshots. This approach ensures clarity, strengthens the value proposition, and guides users toward sign-up.
First impression
What is pixelbin?
- DAM
- Media Storage
- Organization of media
- Connect your own storage
- Auto tagginf
- Access from anywhere
- Presets
- Programmable media
- AI Transformation
- List of transformations
- CDN
- Why?
- Studio
- Why does it exist?
Why pixelbin?
- Use case by industry Use case by
- Our clients
- Case study
- Faster content delivery with CDN
How to use?
- Developer / Business
- Integrations
- Book a demo
- Pricing/Small scale(B2C)
Overall
features
features
Media
capability
capability
Storyline
50+ AI Tools use it by automation or manually take control using Studio
50+ AI Tools use it by automation or manually take control using Studio
Effiency
with CDN
with CDN
Use cases
Stats supported
client studies
client studies
Developers
Combining functionality with aesthetics
The layout of the PixelBin website is clean, modern, and visually appealing. The use of whitespace enhances readability, while the floating image elements create a dynamic and engaging feel. The typography is professional and well-balanced, reinforcing the brand’s identity. The CTA buttons stand out effectively, making it easy for users to navigate and take action. Overall, the design is user-centric, emphasizing both aesthetics and functionality.
Batch edit
.webp)
Performance increase
.jpg)
.jpg)
Batch edit
AI modals
.webp)
.jpg)
Powered by AI
.webp)
AI tools
Chapter 2°
/Mini-studio
Growth Strategy / User Experience / Design System / VISUAL DESIGN
Mini‑Studio: One place to perfect images -
instant AI tweaks that boost downloads and keep users in flow.
Unified pre‑download edits drove +18 % paid conversions, +25 % session time, and reduced churn.
The issue
Current problem
Users of our platforms like Erase.bg, Watermark Remover, and Upscale.media had limited incentive to upgrade to a paid plan. With only a few free downloads available and minimal feature differentiation, our tools were easily replaceable. Competitors offered similar transformations, often with added benefits—such as background blur after background removal—making it effortless for users to switch.
As a result, we struggled to retain users, lacked a unique selling proposition, and saw fewer signups, lower conversions, and ultimately, reduced revenue.
As a result, we struggled to retain users, lacked a unique selling proposition, and saw fewer signups, lower conversions, and ultimately, reduced revenue.
STEP 1
User clicks on Upload button
STEP 2
Transformed image/output
problems listed here
Navbar
CTA’s Overload
Too many buttons on the Navbar. No clear hierarchy and order of Primary, Secondary and Tertiary CTA.
Upload container
Visual
Too much context in the Upload Widget. The design was overloaded with instructions and lots of un-necessary CTA were adding to the distraction.
No dummy photos were provided for the users who just wanted to try out the platform without uploading the photos.
No dummy photos were provided for the users who just wanted to try out the platform without uploading the photos.
Transformed output
Experience
The output of the transformed images was pushed down to the second fold of the screen. The upload Widget being bulky took a lot of space on the first fold - not ideal for good user experience
Incetivisation
Conversion rate
Lack of incentives for the user to sign up and convert to a paid user. No additional options
The Solution
Introducing
Mini-Studi
.png)
.jpg)
Image index (only 10 images can be stored at a time)
Engaging with over 500k users across Pixelbin portfolio
.png)
.png)
Mini-studio combines multiple tools
for your photo editing free of
cost.
*
*
*
*
*
Transformation list for mini-
studio -
• Background remover
• Image Upscaler
• Watermark remover
• Crop, Adjust
Superior quality
AI speed
Batch image processing
Fully scalable
Easy integration
Complete editing hub
People
Characters
Real images
AI generated
Lifestyle
Products
Mobile
Responsive
Grid layout
Design system
Prototype
Prototype
The layout of the PixelBin website is clean, modern, and visually appealing. The use of whitespace enhances readability, while the floating image elements create a dynamic and engaging feel. The typography is professional and well-balanced, reinforcing the brand’s identity. The CTA buttons stand out effectively, making it easy for users to navigate and take action. Overall, the design is user-centric, emphasizing both aesthetics and functionality.
And its responsive too!
More than 70% of our users were on mobile. We needed to built a solution that was scalable to small devices. Hence we made the Mini-studio fit into the tiniest device once could use. I know you are probably thinking about smartwatches now!!!
1/many
.webp)
2/many
.webp)
3/many
.webp)
4/many
.webp)
5/many
.webp)
6/many
.webp)
Chapter 3°
/Console-Pixelbin
Dashboard / Studio Editor/ Headshot Generator / Batch Edit / Integrations
Built PixelBin Console: a centralised studio where creators design, optimise, and publish images at CDN speed.
Canva‑style design, Cloudinary‑grade storage, now serving 2 M assets/day with 99.9 % uptime
The challenge
1. Seamless Navigation Across Multiple Modules
2. Maintaining a Consistent User Experience
3. Balancing Customization Without Complexity
4. Cross-Platform & Device Compatibility
5. Guiding Users Through Onboarding & Adoption
6. Balancing Simplicity with Advanced Functionality
2. Maintaining a Consistent User Experience
3. Balancing Customization Without Complexity
4. Cross-Platform & Device Compatibility
5. Guiding Users Through Onboarding & Adoption
6. Balancing Simplicity with Advanced Functionality
The solution
.jpg)
.jpg)
Mobile prototype
