CodSphere Was Losing Leads Within Seconds of Landing
CodSphere Was Losing Leads Within Seconds of Landing
CodSphere Was Losing Leads Within Seconds of Landing
CodSphere Was Losing Leads Within Seconds of Landing
Reworked the homepage to clarify what CodSphere does, surface proof earlier and guide users toward trial without confusion.
Reworked the homepage to clarify what CodSphere does, surface proof earlier and guide users toward trial without confusion.
Reworked the homepage to clarify what CodSphere does, surface proof earlier and guide users toward trial without confusion.
Reworked the homepage to clarify what CodSphere does, surface proof earlier and guide users toward trial without confusion.
Solo UX Designer · Homepage IA · Conversion System · CTA Sequencing
Impact: Increased inbound leads · Stronger client engagement post-launch
Solo UX Designer · Homepage IA · Conversion System · CTA Sequencing
Impact: Increased inbound leads · Stronger client engagement post-launch
Solo UX Designer · Homepage IA · Conversion System · CTA Sequencing
Impact: Increased inbound leads · Stronger client engagement post-launch
Solo UX Designer · Homepage IA · Conversion System · CTA Sequencing
Impact: Increased inbound leads · Stronger client engagement post-launch
View Live Website
View Live Website
View Live Website
View Live Website
Why the Product Exists
Why the Product Exists
Why the Product Exists
Why the Product Exists
Problem
Users couldn’t quickly understand what CodSphere actually does after landing.
Multiple offerings were presented at once with no clear hierarchy, making everything feel equally important and nothing actionable.
Nothing felt important enough to act on.
Problem
Users couldn’t quickly understand what CodSphere actually does after landing.
Multiple offerings were presented at once with no clear hierarchy, making everything feel equally important and nothing actionable.
Nothing felt important enough to act on.
Problem
Users couldn’t quickly understand what CodSphere actually does after landing.
Multiple offerings were presented at once with no clear hierarchy, making everything feel equally important and nothing actionable.
Nothing felt important enough to act on.
Problem
Users couldn’t quickly understand what CodSphere actually does after landing.
Multiple offerings were presented at once with no clear hierarchy, making everything feel equally important and nothing actionable.
Nothing felt important enough to act on.
Business relevance
This confusion reduced trust in the first interaction and slowed down decision-making, causing potential leads to drop off before exploring further.
Sales conversations had to compensate for what the product experience failed to communicate.
Business relevance
This confusion reduced trust in the first interaction and slowed down decision-making, causing potential leads to drop off before exploring further.
Sales conversations had to compensate for what the product experience failed to communicate.
Business relevance
This confusion reduced trust in the first interaction and slowed down decision-making, causing potential leads to drop off before exploring further.
Sales conversations had to compensate for what the product experience failed to communicate.
Business relevance
This confusion reduced trust in the first interaction and slowed down decision-making, causing potential leads to drop off before exploring further.
Sales conversations had to compensate for what the product experience failed to communicate.
Why now
CodSphere had grown but the homepage hadn't kept up. The product's actual capability was invisible behind an outdated structure.
Without restructuring, this gap would continue to impact conversion and scale.
Why now
CodSphere had grown but the homepage hadn't kept up. The product's actual capability was invisible behind an outdated structure.
Without restructuring, this gap would continue to impact conversion and scale.
Why now
CodSphere had grown but the homepage hadn't kept up. The product's actual capability was invisible behind an outdated structure.
Without restructuring, this gap would continue to impact conversion and scale.
Why now
CodSphere had grown but the homepage hadn't kept up. The product's actual capability was invisible behind an outdated structure.
Without restructuring, this gap would continue to impact conversion and scale.
What I Owned
What I Owned
What I Owned
What I Owned
Solo end-to-end redesign · from diagnosis to dev handoff · 2 weeks (1 week design, 1 week dev collaboration)
Solo end-to-end redesign · from diagnosis to dev handoff · 2 weeks (1 week design, 1 week dev collaboration)
Solo end-to-end redesign · from diagnosis to dev handoff · 2 weeks (1 week design, 1 week dev collaboration)
Solo end-to-end redesign · from diagnosis to dev handoff · 2 weeks (1 week design, 1 week dev collaboration)
Identified first-touch drop-off and defined the restructuring approach
Reworked homepage hierarchy to clarify positioning and surface proof earlier
Sequenced interactions to guide users from understanding → trust → action
Designed heading hierarchy to serve both user scanning and SEO visibility simultaneously
Led dev handoff and collaborated on implementation
Identified first-touch drop-off and defined the restructuring approach
Reworked homepage hierarchy to clarify positioning and surface proof earlier
Sequenced interactions to guide users from understanding → trust → action
Designed heading hierarchy to serve both user scanning and SEO visibility simultaneously
Led dev handoff and collaborated on implementation
Identified first-touch drop-off and defined the restructuring approach
Reworked homepage hierarchy to clarify positioning and surface proof earlier
Sequenced interactions to guide users from understanding → trust → action
Designed heading hierarchy to serve both user scanning and SEO visibility simultaneously
Led dev handoff and collaborated on implementation
Identified first-touch drop-off and defined the restructuring approach
Reworked homepage hierarchy to clarify positioning and surface proof earlier
Sequenced interactions to guide users from understanding → trust → action
Designed heading hierarchy to serve both user scanning and SEO visibility simultaneously
Led dev handoff and collaborated on implementation
CodSphere (B2B SaaS) · Marketing Website
CodSphere (B2B SaaS) · Marketing Website
CodSphere (B2B SaaS) · Marketing Website
CodSphere (B2B SaaS) · Marketing Website
The redesign built on the existing design system, focusing on improving structure, clarity, and conversion rather than redefining visual components.
The redesign built on the existing design system, focusing on improving structure, clarity, and conversion rather than redefining visual components.
The redesign built on the existing design system, focusing on improving structure, clarity, and conversion rather than redefining visual components.
The redesign built on the existing design system, focusing on improving structure, clarity, and conversion rather than redefining visual components.
Conversion Credibility Gap
Conversion Credibility Gap
Conversion Credibility Gap
Conversion Credibility Gap
What Was Costing CodSphere Leads
What Was Costing CodSphere Leads
What Was Costing CodSphere Leads
What Was Costing CodSphere Leads
“You build websites, but your own site feels complex.”
— Prospective lead (unprompted feedback)
“You build websites, but your own site feels complex.”
— Prospective lead (unprompted feedback)
“You build websites, but your own site feels complex.”
— Prospective lead (unprompted feedback)
“You build websites, but your own site feels complex.”
— Prospective lead (unprompted feedback)
This wasn’t just a design issue, it was a credibility problem.
This wasn’t just a design issue, it was a credibility problem.
This wasn’t just a design issue, it was a credibility problem.
This wasn’t just a design issue, it was a credibility problem.
Previous Homepage (Before)
Previous Homepage (Before)
Previous Homepage (Before)
Previous Homepage (Before)
What was breaking
What was breaking
What was breaking
What was breaking
• Homepage overloaded with competing messages
No clear entry point or progression
Key proof signals were buried or easy to miss
Multiple paths with no defined direction
• Homepage overloaded with competing messages
No clear entry point or progression
Key proof signals were buried or easy to miss
Multiple paths with no defined direction
• Homepage overloaded with competing messages
No clear entry point or progression
Key proof signals were buried or easy to miss
Multiple paths with no defined direction
• Homepage overloaded with competing messages
No clear entry point or progression
Key proof signals were buried or easy to miss
Multiple paths with no defined direction
What it caused
What it caused
What it caused
What it caused
• Reduced trust during early evaluation
Slower decision-making
Increased reliance on sales explanation
Drop-off before meaningful engagement
• Reduced trust during early evaluation
Slower decision-making
Increased reliance on sales explanation
Drop-off before meaningful engagement
• Reduced trust during early evaluation
Slower decision-making
Increased reliance on sales explanation
Drop-off before meaningful engagement
• Reduced trust during early evaluation
Slower decision-making
Increased reliance on sales explanation
Drop-off before meaningful engagement
From this, I identified three structural priorities: compress competing signals, surface proof earlier, and create a single clear conversion path.
From this, I identified three structural priorities: compress competing signals, surface proof earlier, and create a single clear conversion path.
From this, I identified three structural priorities: compress competing signals, surface proof earlier, and create a single clear conversion path.
From this, I identified three structural priorities: compress competing signals, surface proof earlier, and create a single clear conversion path.
Conversion Architecture Realignment
Conversion Architecture Realignment
Conversion Architecture Realignment
Conversion Architecture Realignment
The redesign structured a clear path from understanding → trust → action, with the homepage anchoring the journey and keeping trust signals visible even when users skip steps.
The redesign structured a clear path from understanding → trust → action, with the homepage anchoring the journey and keeping trust signals visible even when users skip steps.
The redesign structured a clear path from understanding → trust → action, with the homepage anchoring the journey and keeping trust signals visible even when users skip steps.
The redesign structured a clear path from understanding → trust → action, with the homepage anchoring the journey and keeping trust signals visible even when users skip steps.
Primary Conversion Flow
Primary Conversion Flow
Primary Conversion Flow
Primary Conversion Flow
Homepage → Clarify value (Value Proposition)
Success Stories → Evaluate proof
Testimonials → Reinforce trust
Start Free Trial → Take action
Homepage → Clarify value (Value Proposition)
Success Stories → Evaluate proof
Testimonials → Reinforce trust
Start Free Trial → Take action
Homepage → Clarify value (Value Proposition)
Success Stories → Evaluate proof
Testimonials → Reinforce trust
Start Free Trial → Take action
Homepage → Clarify value (Value Proposition)
Success Stories → Evaluate proof
Testimonials → Reinforce trust
Start Free Trial → Take action
This sequence ensures users encounter credibility signals before being asked to act, improving confidence at the point of conversion.
This sequence ensures users encounter credibility signals before being asked to act, improving confidence at the point of conversion.
This sequence ensures users encounter credibility signals before being asked to act, improving confidence at the point of conversion.
This sequence ensures users encounter credibility signals before being asked to act, improving confidence at the point of conversion.
Updated Homepage
Updated Homepage
Updated Homepage
Updated Homepage
Hero section (Clarified positioning)
Hero section (Clarified positioning)
Hero section (Clarified positioning)
Hero section (Clarified positioning)
Reworked the landing to clearly communicate what CodSphere does, replacing competing messages with a single, focused value proposition.
Reworked the landing to clearly communicate what CodSphere does, replacing competing messages with a single, focused value proposition.
Reworked the landing to clearly communicate what CodSphere does, replacing competing messages with a single, focused value proposition.
Reworked the landing to clearly communicate what CodSphere does, replacing competing messages with a single, focused value proposition.
Case studies & testimonials (Proof surfaced earlier)
Case studies & testimonials (Proof surfaced earlier)
Case studies & testimonials (Proof surfaced earlier)
Case studies & testimonials (Proof surfaced earlier)
Introduced success signals earlier in the experience to build trust before users explore deeper into the product.
Introduced success signals earlier in the experience to build trust before users explore deeper into the product.
Introduced success signals earlier in the experience to build trust before users explore deeper into the product.
Introduced success signals earlier in the experience to build trust before users explore deeper into the product.
Interaction patterns (Jakob’s Law)
Interaction patterns (Jakob’s Law)
Interaction patterns (Jakob’s Law)
Interaction patterns (Jakob’s Law)
Replaced unfamiliar interactions with standard patterns users already recognize, reducing confusion and improving usability.
Replaced unfamiliar interactions with standard patterns users already recognize, reducing confusion and improving usability.
Replaced unfamiliar interactions with standard patterns users already recognize, reducing confusion and improving usability.
Replaced unfamiliar interactions with standard patterns users already recognize, reducing confusion and improving usability.
Page Flow (Defined conversion path)
Page Flow (Defined conversion path)
Page Flow (Defined conversion path)
Page Flow (Defined conversion path)
Reorganized the homepage into a clear sequence from value proposition → proof → action, reducing competing paths and making the trial entry consistently visible.
Reorganized the homepage into a clear sequence from value proposition → proof → action, reducing competing paths and making the trial entry consistently visible.
Reorganized the homepage into a clear sequence from value proposition → proof → action, reducing competing paths and making the trial entry consistently visible.
Reorganized the homepage into a clear sequence from value proposition → proof → action, reducing competing paths and making the trial entry consistently visible.
Post-launch: increased inbound interest and client-initiated conversations about the website during sales calls without any additional outreach.
Post-launch: increased inbound interest and client-initiated conversations about the website during sales calls without any additional outreach.
Post-launch: increased inbound interest and client-initiated conversations about the website during sales calls without any additional outreach.
Post-launch: increased inbound interest and client-initiated conversations about the website during sales calls without any additional outreach.
Surfacing Proof Earlier (Success Stories)
Surfacing Proof Earlier (Success Stories)
Surfacing Proof Earlier (Success Stories)
Surfacing Proof Earlier (Success Stories)
This strengthened credibility before users reached conversion points.
This strengthened credibility before users reached conversion points.
This strengthened credibility before users reached conversion points.
This strengthened credibility before users reached conversion points.
Success Stories UI
Success Stories UI
Success Stories UI
Success Stories UI
Introduced as a dedicated proof layer, allowing users to evaluate real outcomes earlier in the journey.
Introduced as a dedicated proof layer, allowing users to evaluate real outcomes earlier in the journey.
Introduced as a dedicated proof layer, allowing users to evaluate real outcomes earlier in the journey.
Introduced as a dedicated proof layer, allowing users to evaluate real outcomes earlier in the journey.
Capturing Intent with Confidence (Start Free Trial)
Capturing Intent with Confidence (Start Free Trial)
Capturing Intent with Confidence (Start Free Trial)
Capturing Intent with Confidence (Start Free Trial)
Designed the trial page as a focused conversion surface with minimal friction and clear next steps.
Designed the trial page as a focused conversion surface with minimal friction and clear next steps.
Designed the trial page as a focused conversion surface with minimal friction and clear next steps.
Designed the trial page as a focused conversion surface with minimal friction and clear next steps.
Start Free Trial UI
Start Free Trial UI
Start Free Trial UI
Start Free Trial UI
Designed as a focused conversion surface with minimal friction, reinforcing trust through embedded testimonials.
Designed as a focused conversion surface with minimal friction, reinforcing trust through embedded testimonials.
Designed as a focused conversion surface with minimal friction, reinforcing trust through embedded testimonials.
Designed as a focused conversion surface with minimal friction, reinforcing trust through embedded testimonials.
Impact & Learnings
Impact & Learnings
Impact & Learnings
Impact & Learnings
Impact
Increased inbound interest and client-initiated conversations
Improved visibility through clearer positioning and SEO alignment
~70% of visitors progressed toward trial or inquiry (per CEO post-launch review)
Reduced dependence on sales to explain product value
Impact
Increased inbound interest and client-initiated conversations
Improved visibility through clearer positioning and SEO alignment
~70% of visitors progressed toward trial or inquiry (per CEO post-launch review)
Reduced dependence on sales to explain product value
Impact
Increased inbound interest and client-initiated conversations
Improved visibility through clearer positioning and SEO alignment
~70% of visitors progressed toward trial or inquiry (per CEO post-launch review)
Reduced dependence on sales to explain product value
Impact
Increased inbound interest and client-initiated conversations
Improved visibility through clearer positioning and SEO alignment
~70% of visitors progressed toward trial or inquiry (per CEO post-launch review)
Reduced dependence on sales to explain product value
Trade-offs
Clarity over completeness: One entry point, faster first impression
Guided path over open exploration: Less freedom, better conversion
Trust before features: Credibility closes faster than specs on B2B
Redundant trust signals: Because users don't follow ideal flows
Trade-offs
Clarity over completeness: One entry point, faster first impression
Guided path over open exploration: Less freedom, better conversion
Trust before features: Credibility closes faster than specs on B2B
Redundant trust signals: Because users don't follow ideal flows
Trade-offs
Clarity over completeness: One entry point, faster first impression
Guided path over open exploration: Less freedom, better conversion
Trust before features: Credibility closes faster than specs on B2B
Redundant trust signals: Because users don't follow ideal flows
Trade-offs
Clarity over completeness: One entry point, faster first impression
Guided path over open exploration: Less freedom, better conversion
Trust before features: Credibility closes faster than specs on B2B
Redundant trust signals: Because users don't follow ideal flows
Learnings
Early proof significantly reduces hesitation in B2B decision-making
Conversion improves when trust signals are not dependent on strict flow
Structural clarity has more impact than visual redesign in early-stage funnels
Learnings
Early proof significantly reduces hesitation in B2B decision-making
Conversion improves when trust signals are not dependent on strict flow
Structural clarity has more impact than visual redesign in early-stage funnels
Learnings
Early proof significantly reduces hesitation in B2B decision-making
Conversion improves when trust signals are not dependent on strict flow
Structural clarity has more impact than visual redesign in early-stage funnels
Learnings
Early proof significantly reduces hesitation in B2B decision-making
Conversion improves when trust signals are not dependent on strict flow
Structural clarity has more impact than visual redesign in early-stage funnels
Explore More Projects
Explore More Projects
Explore More Projects
ArchDzyn
A collaborative interior design platform concept that brings planning, visualization and inspiration workflows into a single unified environment.
Highlights
• Smart space planning tools
• Collaborative moodboards
• Shared design libraries
• Interactive room visualization
StackUp (DEX Platform)
A decentralized trading platform concept designed to simplify complex crypto transactions through clearer workflows and transparent interaction states.
Highlights
• Streamlined swap and liquidity flows
• Portfolio and asset visibility
• Clear transaction feedback
• Safer interaction design for DeFi users
Alpha Wine (UI Niche)
A premium wine discovery experience that blends storytelling with guided product exploration to make product selection more intuitive.
Highlights
• Curated wine collections
• Food pairing guidance
• Discovery-driven browsing
• Story-led product presentation
ArchDzyn
A collaborative interior design platform concept that brings planning, visualization and inspiration workflows into a single unified environment.
Highlights
• Smart space planning tools
• Collaborative moodboards
• Shared design libraries
• Interactive room visualization
StackUp (DEX Platform)
A decentralized trading platform concept designed to simplify complex crypto transactions through clearer workflows and transparent interaction states.
Highlights
• Streamlined swap and liquidity flows
• Portfolio and asset visibility
• Clear transaction feedback
• Safer interaction design for DeFi users
Alpha Wine (UI Niche)
A premium wine discovery experience that blends storytelling with guided product exploration to make product selection more intuitive.
Highlights
• Curated wine collections
• Food pairing guidance
• Discovery-driven browsing
• Story-led product presentation