How We Redesigned a B2B SaaS Website to Increase Conversions by 85%

• Poor information architecture, making it difficult for users to find key features
• Unclear value proposition above the fold on the homepage
• High bounce rates on product and pricing pages (average 68%)
• Low click-through rates on calls to action
• Inconsistent visual hierarchy across page templates
• Slow page load speed on mobile devices
• No user testing or data-driven design decisions
• Confusing navigation with too many menu options

Phase 1: User Research & Discovery

We began with a thorough research phase to understand user needs and pain points:

• Conducted user interviews with 15 existing customers and 10 prospects
• Analyzed website analytics and heatmaps to identify drop-off points
• Reviewed competitor websites for UX benchmarks and best practices
• Created user personas representing the client's three primary audience segments
• Mapped user journeys for key tasks: understanding features, comparing pricing, requesting a demo

This research revealed critical insights: users could not quickly understand what the software did, pricing was confusing, and the demo request form was too long.

Phase 2: Information Architecture & Navigation

We restructured the site's information architecture to simplify navigation:

• Reduced main navigation items from 9 to 5
• Created a mega menu for product features, organized by user need rather than technical specification
• Added a persistent demo request button in the header
• Implemented breadcrumb navigation for all interior pages
• Created a clear hierarchy from homepage to product pages to pricing

Phase 3: Wireframing & Prototyping

Our UX designers created low-fidelity wireframes for key page templates, including:

• Homepage
• Product features overview
• Individual feature pages (5 templates)
• Pricing page
• About and resources sections

We tested wireframes with 10 users, gathering feedback on layout, content priority, and task completion. We then iterated based on findings.

Phase 4: High-Fidelity Visual Design

Our graphic design team translated approved wireframes into high-fidelity mockups, focusing on:

• Clear visual hierarchy (primary CTAs, secondary actions, informational content)
• Consistent color palette and typography aligned with brand guidelines
• White space and breathing room to reduce cognitive load
• High-quality product screenshots and iconography
• Responsive layouts for desktop, tablet, and mobile devices

We created a design system with reusable components to ensure consistency across all pages.

Phase 5: Conversion-Focused Copywriting

We rewrote key pages with conversion in mind:

• Homepage: A clear value proposition above the fold ("The workforce management platform that saves you 10 hours per week") with a single primary CTA ("Request a Demo")
• Product pages: Benefit-driven headings, feature highlights with icons, customer quotes, and comparison tables
• Pricing page: Simplified plan structure with clear feature distinctions, a FAQ section addressing common questions, and a prominent demo request option for each plan
• Demo request form: Reduced from 12 fields to 6, with conditional logic to show relevant follow-up questions

Phase 6: UX Testing & Iteration

Before launch, we conducted usability testing with 20 participants representing the client's target audience. Key findings:

• Users completed the demo request form 40% faster than the original
• Comprehension of product value increased by 55%
• Navigation task completion rate improved from 72% to 94%

We made final adjustments based on testing feedback.

Phase 7: Development & Launch

Our development team built the redesigned website on a modern tech stack, with focus on:

• Responsive design (mobile-first approach)
• Page speed optimization (achieved 92+ on Lighthouse for mobile)
• Accessible design (WCAG 2.1 AA compliant)
• SEO-friendly structure (clean URLs, meta tags, schema markup)

We migrated content, set up redirects, and launched the new site with minimal downtime.

• User research is non-negotiable. Design decisions based on assumptions fail. Research revealed that users did not understand the product's value, which was the root cause of low conversions.
• Simplify navigation. Reducing main navigation items from 9 to 5 improved task completion rates dramatically. Too many choices overwhelm users.
• Clear value proposition above the fold matters. Users decide within seconds whether to stay or leave. A benefit-driven headline and single primary CTA made the difference.
• Shorter forms convert. Reducing demo request fields from 12 to 6 increased completions by 85%. Every additional field lowers conversion rates.
• Testing prevents costly mistakes. Usability testing identified issues that would have been expensive to fix after launch. Iterating based on user feedback saved time and money.
• Performance is part of UX. Improving mobile load time from 4.2 seconds to 1.8 seconds reduced bounce rates and improved user satisfaction.