Crop.photo
AI SaaS / App Redesign

Redesigning
Bulk AI Editing

A full redesign concept for crop.photo — from marketing homepage to application dashboard. Turning an AI-powered bulk image editing platform into an experience that shows its intelligence without making users read about it.

Role Lead Product Designer
Timeline 2024
Category AI SaaS / E-commerce
Platform Web — App & Homepage
✂️ BG Removed AI
1.2s per image
98% accuracy · batch ready
Processed Today
1,284
Crop.photo redesign concept
0 ROI — Lacoste Result
0 AI Features Redesigned
4d→1hr Processing Time Saved
0 Behance Appreciations

The Problem

AI power hidden
behind complexity

Crop.photo processes thousands of images in minutes — reducing a 4-day editing job to under 1 hour (as documented with Wonder Wheel). Yet the homepage buried this under feature lists, and the application dashboard overwhelmed new users before they could experience the AI's impact.

The Opportunity

Brands like Lacoste are achieving 10x ROI from crop.photo's bulk AI editing. The tool already delivers — the design needed to match that confidence. Redesign the homepage to demonstrate value in 3 seconds, and the application to make bulk processing feel intuitive rather than industrial.

8 AI features including Smart Resizer, Headless Face Cropper, Listing Analyzer, and AI Fashion Model Generator — each needed a clearer, more discoverable interface.

E-commerce UX Bulk Processing AI SaaS Conversion Design
Research Insights
01 / 03

Invisible Impact

Wonder Wheel cut image processing from 4 days to under 1 hour using crop.photo. Yet the homepage never communicated this speed — visitors read feature labels instead of experiencing the AI's actual capability, costing the platform conversions before the scroll began.

02 / 03

Feature Discovery Failure

Crop.photo has 8 distinct AI features — Smart Resizer, Headless Face Cropper, Listing Analyzer, AI Fashion Model Generator, Background Remover, and more. None were surfaced intuitively in the application. Users who found Batch Processing stayed; those who didn't, left.

03 / 03

Marketplace Friction

Sellers on Amazon, Shopify, Walmart, and eBay each need platform-specific image dimensions. The existing export flow required manual dimension entry per platform — eliminating the very time saving the AI had just delivered. A single friction point was reversing the product's core value.


02 — User Research

User Persona & Goals

Three distinct user types driving demand for AI-powered image editing — each with unique workflows, constraints, and expectations from a tool like Crop.photo.

👤
Ayesha Khan
E-commerce Seller, 27
  • Bulk crop product images efficiently
  • Remove backgrounds fast and consistently
  • Maintain consistent aspect ratios across listings
  • Slow manual Photoshop work kills productivity
  • Inconsistent results across product ranges
🧑
Ravi Menon
Marketing Designer, 33
  • Prepare images for multiple platforms at once
  • Batch export in platform-specific formats
  • Maintain brand guidelines across all outputs
  • Resizing individually for each platform wastes hours
  • Quality loss on compression undermines brand perception
👩
Zara Thomas
Social Media Manager, 25
  • Quick mobile editing on the go
  • Access trending format templates instantly
  • Export schedule-ready content with one tap
  • Most pro tools are desktop-only
  • No AI background removal available on mobile

03 — Business Challenges

Core Challenges

CHALLENGE 01
⏱️
Manual Repetition Killing Productivity

Users spent hours on repetitive cropping and resizing tasks that AI could execute in seconds — making the status quo actively harmful to business output.

CHALLENGE 02
📐
Multi-Platform Format Fragmentation

Every major platform demands different image dimensions. Without batch resizing, each post required manual re-exporting — a compounding time tax on every content creator.

CHALLENGE 03
🖼️
Background Complexity in Product Photos

Complex product backgrounds — shadows, reflections, multi-tone surfaces — demanded expert-level masking that non-designers couldn't reliably execute at scale.

CHALLENGE 04
Quality vs Speed Trade-offs

Fast tools sacrificed quality; quality tools sacrificed speed. Users were forced to choose between professional output and practical throughput — AI was the only way to deliver both.


04 — Secondary Research

Market Insights

FINDING 01
78%
E-commerce Sellers Crop Manually

78% of e-commerce sellers still crop and retouch product images manually — a massive unaddressed opportunity for AI automation at scale.

FINDING 02
45 min
Daily Time Lost to Image Resizing

The average content creator wastes 45 minutes per day on image resizing and formatting tasks — nearly 4 hours of recoverable productive time per week.

FINDING 03
85%
AI Tools Reduce Editing Time

AI-powered image editing tools reduce total editing time by up to 85% compared to manual workflows — validating the core product thesis and market timing.


05 — User Stories

What Users Need

As a... I want to... So that... Priority
E-commerce Seller Bulk crop and remove backgrounds in one workflow I can process hundreds of product images in minutes High
Marketing Designer Export one image in all platform-specific sizes at once I eliminate the repetitive resizing step from my workflow High
Social Media Manager Edit and export images from my phone I can create content anywhere without needing a desktop High
Photographer Remove complex backgrounds from portraits accurately I can deliver clean cutouts to clients without manual masking Medium
Agency Creative Access API for batch processing at scale I can integrate AI cropping directly into my production pipeline Medium

06 — Competitor Analysis

Market Landscape

Feature Remove.bg Canva Adobe Express Clipping Magic Crop.photo
Batch Processing ~ ~
AI Background Removal
Aspect Ratio Templates
API Access ~
Mobile Support
Quality Preservation ~ ~

07 — User Flow

The Journey

01
Upload Images
Drag and drop or bulk upload product photos via browser or API integration
02
Select Mode
Choose between Smart Crop, Background Removal, or combined processing workflow
03
AI Processing
AI detects subjects, removes backgrounds, and applies crop rules across all images simultaneously
04
Preview Results
Review before/after comparison and approve or flag individual images for adjustment
05
Adjust if Needed
Fine-tune crop positions, background colour fills, or mask edges on any flagged images
06
Download / Export
Export in all required platform formats and sizes in a single batch download or API response

08 — Toolkits

Tools & Workflow

Tools and methods used throughout the design process — from initial research and wireframing through to final prototype and handoff.

🎨FigmaUI Design
🗂️FigJamUser Flows
🧪MazeUsability Testing
📋NotionDocumentation
🔗ZeplinDev Handoff

Design Process

From audit to
AI-first experience

A five-phase process covering both the marketing homepage and the application interface — grounded in e-commerce user research, competitive analysis, and conversion-optimised visual storytelling.

01
Product & Competitor Audit

Audited crop.photo against Remove.bg, Canva, and Clipping Magic — studying homepage value communication, feature discoverability, and batch processing UX patterns. Mapped crop.photo's 8 AI features against how they surfaced in the existing interface.

Deliverables: Competitive matrix, feature audit, UX gap analysis.

02
User Research & Persona Mapping

Mapped three primary user archetypes — e-commerce sellers (bulk crop & background removal), marketing designers (multi-platform export), and fashion brands (headless model shots). Identified the marketplace export friction as the highest-priority UX failure point.

Deliverables: Persona cards, pain point prioritisation matrix.

03
Homepage Demo Design

Designed a before/after AI slider as the homepage hero — replacing the existing feature list with a live demonstration. A single drag communicates AI bulk cropping capability without any reading, targeting a 3-second value comprehension window.

Deliverables: Hero interaction model, demo component, CTA hierarchy.

04
Application Interface Redesign

Redesigned the core application screens: unified batch dashboard, marketplace-aware preset selector, AI confidence score per image, and dedicated entry points for Headless Face Cropper, Listing Analyzer, and AI Fashion Model Generator.

Deliverables: App wireframes, feature flow maps, interaction specs.

05
High-Fidelity Prototype & Accessibility

Produced pixel-perfect screens in Figma — homepage, batch dashboard, preset selector, and batch preview grid — with complete design system tokens, brand-accurate blue palette, and a component library covering all 8 AI feature surfaces. Crop.photo's users include professional e-commerce teams operating under accessibility requirements for their own storefronts. All components were built with WCAG AA as a baseline. Keyboard navigation paths were mapped for the batch upload flow — a particularly complex interaction — ensuring the tool is usable without pointer interaction.

Deliverables: Hi-fi prototype, component library, style guide, accessibility checklist, Behance publish.


Solution Exploration

Three decisions that
made the AI visible.

Crop.photo's AI delivers extraordinary results. The redesign problem was that nothing in the interface communicated those results — or helped users trust them. Three decisions addressed that gap.

Decision 01
Feature-list homepage vs. Live before/after demo as homepage hero
Option A
Feature-list homepage: copy describing "AI-powered cropping," "background removal," "bulk processing" — accurate but abstract, forces visitors to imagine the result
Option B — Chosen
Before/after slider as the hero: a single drag demonstrates what 2000 words of feature copy can't — the AI's actual output in under 2 seconds
AI output is the product's most powerful asset. Describing it wastes the opportunity to show it. A before/after slider communicates "bulk AI image cropping" with zero reading required — the demo is the value proposition. Visitors who see the result convert; visitors who read the description consider it.
Decision 02
Manual marketplace dimension entry vs. Marketplace-aware preset selector
Option A
Manual dimension input: user enters width × height for each marketplace, each time — technically complete, but the most frequent task was also the most tedious
Option B — Chosen
One-click preset selector: Amazon, Shopify, Walmart, eBay, Macy's presets — choose marketplace, all dimensions resolve. Multi-platform parallel export in one download.
The AI saves 4 days of work, then manual dimension entry gives some of it back. The most common workflow was Amazon → Shopify → eBay every time. Presets don't add features; they remove the one friction point that made users feel like the AI hadn't actually saved them any effort.
Decision 03
Trust-all AI output vs. AI confidence score with flagged review
Option A
Trust-all: export all processed images directly — fastest path, but users processing 500 product shots are anxious about what they can't see
Option B — Chosen
Per-image AI confidence score: high-confidence → direct export; flagged → surface for manual review. Selective trust rather than blind or paranoid
Trust is calibrated, not binary. Users managing 500 product images for Amazon can't manually review every one — but they also can't risk a bad crop on a primary product image. Confidence scoring makes AI output auditable without making it laborious. It resolves the anxiety of trusting AI at scale.

Final Design

Let the AI
do the talking

A full redesign spanning marketing homepage and application dashboard — homepage leads with a live before/after demo, the app surfaces all 8 AI features through a unified, marketplace-aware workflow that turns bulk processing into a delightful experience.

crop.photo
Crop.photo — Main View

Crop.photo — AI Bulk Image Editing App Redesign

Crop.photo — Screen 2
Crop.photo — Screen 3
Crop.photo — Screen 4
Design Decisions

Live Before / After Demo as Homepage Hero

Problem
The homepage described the AI's capability in text. Visitors had to imagine the result — and imagination is always less convincing than evidence.
Approach
A before/after slider as the centrepiece hero. A single drag communicates "bulk AI image cropping" in under 2 seconds without any reading required.
User Benefit
Visitors see the AI's actual output immediately. The "does it work?" question is answered before any feature copy is processed.
Business Benefit
Demo-as-hero reduces the distance between awareness and conversion. Visitors who see the result sign up; visitors who read about it consider it.

Unified Batch Dashboard with Real-Time AI Status

Problem
Active jobs, processing progress, and completion queue were scattered across tabs. Users processing 500-image batches couldn't tell where anything was without navigating.
Approach
Single scannable dashboard: all active jobs, real-time AI processing progress, and completion queue visible simultaneously. One screen tells the complete picture.
User Benefit
Batch status understood at a glance. No hunting across tabs to know where a 500-image job stands — operators can work on other tasks while monitoring progress peripherally.
Business Benefit
Reduced support tickets about job status. Users who can see progress are more patient with processing time — perceived performance is as important as actual performance.

Marketplace-Aware Preset Selector

Problem
Manually entering dimensions for each marketplace (Amazon: 1000×1000, Shopify: 2048×2048, eBay: 1600×1600) erased the time savings the AI created. The most common task was the most tedious.
Approach
One-click presets for Amazon, Shopify, Walmart, eBay, and Macy's. Choose marketplace, all dimensions resolve instantly. Multi-platform parallel export in a single download.
User Benefit
The AI's time savings are preserved end-to-end. What was previously the biggest friction point becomes the fastest step in the workflow.
Business Benefit
Higher multi-marketplace export rates mean users are getting more value per session. More marketplace outputs = more stickiness and higher retention.

Batch Preview Grid with AI Confidence Score

Problem
Users couldn't trust AI output blindly at scale — a bad crop on a primary Amazon product image has real revenue impact. But reviewing 500 images manually defeats the purpose.
Approach
Per-image AI confidence score in the review grid. High-confidence images export directly. Flagged images surface for selective manual review — calibrated trust, not blind or paranoid.
User Benefit
Audit without reviewing everything. Users focus attention on the images that need it, confident the rest have been correctly processed.
Business Benefit
Confidence scoring reduces the barrier to adopting AI for high-stakes product photography. Trust at scale is what converts trial users to production users.

Headless Model & AI Feature Surfacing

Problem
Crop.photo's most powerful features — Headless Face Cropper, Listing Analyzer, AI Fashion Model Generator — were buried in settings menus and not discoverable to new users.
Approach
Dedicated, contextually surfaced entry points for each feature — shown at the moment in the workflow when they're most relevant, with clear "what this does" copy above the CTA.
User Benefit
Power users discover capabilities that save them additional hours. New users understand the product's full scope without needing a demo or documentation.
Business Benefit
Feature adoption drives retention. Users who discover and use the Headless Cropper or AI Fashion Model Generator are significantly more likely to become long-term paying customers.

Design System

Built for
clarity at speed

A blue-and-amber palette matched to crop.photo's actual brand — clean SaaS typography, generous whitespace, and a component library built around batch processing clarity, AI status communication, and marketplace-aware workflows.

Colour Tokens
--accent #0066FF
--accent-sec #f59e0b
--bg #060812
--accent-dim rgba(0,102,255,0.10)
Type Scale
72px Hero Title
48px Section Italic
20px Body Light
11px LABEL CAPS
Spacing Scale
Component Library
Start Free →
Learn More
Ghost CTA
E-commerce Bulk API BG Remove
INSIGHT CARD
Show, Don't Tell
Visual demos outperform feature text for AI tools — every time.
BEFORE
AFTER AI

Impact & Results

From hidden potential
to visible power

The redesign addresses both conversion and retention — homepage shows the AI's impact in seconds; the application makes bulk processing feel intelligent and in-control, matching the 10x ROI that brands like Lacoste are already achieving.

0 ROI — Lacoste with Crop.photo

Documented customer result: Lacoste achieved 10x ROI on image processing workflows using crop.photo's AI bulk editing.

4 days → 1 hr Processing Time — Wonder Wheel

Wonder Wheel reduced a 4-day image editing workflow to under 1 hour — the kind of impact the redesign was built to make immediately visible.

0 Behance Appreciations

Strong reception from the design and AI SaaS community — validating the visual-first approach to communicating AI tool value.

0 AI Features Made Discoverable

All 8 crop.photo AI features — from Smart Resizer to AI Fashion Model Generator — given clear entry points in the redesigned application.


Key Learnings

What this project taught me

01
Show the work; remove the explanation
When the AI's output is demonstrably powerful, describing it is the wrong strategy. A before/after slider communicates more in 2 seconds than any amount of feature copy. For AI products, the interface's job is to get out of the way and let the output speak — the demo is the value proposition.
02
The last mile matters as much as the AI
The AI saved 4 days of work; manual dimension entry gave some of it back. The experience of an AI tool isn't just the AI — it's everything the user has to do before and after. Marketplace presets didn't improve the AI; they made the AI's time savings real by eliminating the manual work that surrounded it.
03
AI trust is calibrated, not binary
Users don't need to review everything; they need to be confident that what they don't review has been correctly processed. AI confidence scoring makes trust auditable — which is what allows trust to scale. Products that ask users to trust everything ask them to trust nothing.
04
Feature discoverability is a product design problem, not a documentation problem
The Headless Cropper and AI Fashion Model Generator were powerful features that most users never found. Documentation doesn't solve discovery — contextual UI placement does. Features that are surfaced at the right moment in the workflow get adopted; features that require users to look for them don't.

Reflection
"Crop.photo already delivers results that sound impossible — 4 days to 1 hour, 10x ROI. The designer's job was to make the interface match the AI's ambition. Every decision was about surfacing that power rather than describing it. Show the work; remove the explanation."

— Rupesh Chavan, Lead Product Designer