Information Design to Boost Conversion Strategy

Summary: See the before & after of this homepage redesign focused on improving user experience by applying Gestalt principles and reducing cognitive load. The new layout organizes content into clear, digestible sections, enhancing visual appeal and usability. By aligning customer needs with the company's sales goals, the redesign creates a seamless path to conversion.
before redesign

Their Website BEFORE

s

The Challenge

The primary challenge of this redesign was to understand the customers’ needs and align them with the company’s sales goals, while optimizing the customer journey. The existing homepage lacked a clear structure, making it difficult for users to understand the company’s offering. 

The Process

Information Design: I reorganized content to reduce cognitive load, ensuring that the most important information was clear and easy to find.
Gestalt Principles: I applied the Grouping principle from Gestalt theory by organizing content into threes, which helps users easily process and remember information. This balanced layout improves visual appeal and reduces cognitive load by presenting choices in a clear and manageable way.
Conversion Strategy: By refining the visual hierarchy and placing clear calls-to-action in high-traffic areas, I ensured that user pathways were focused on driving conversions. This includes aligning Call-to-Action buttons with the customers’ expectations and psychographics.
Universal Design Theory: I incorporated accessible design principles, ensuring that the homepage was user-friendly for all audiences, including those with varying abilities.

The Solution

The redesigned homepage now offers a clean, intuitive layout that aligns customer needs with business goals. Information is presented logically, reducing cognitive overload and guiding users through the purchasing process effortlessly. Conversion-focused elements are strategically placed to capture attention and drive action.
Interact with the slider below to see the before-and-after transformation of the homepage, showcasing the applied changes.

More Projects

Custom WordPress Mortgage Calculator

Custom WordPress Mortgage Calculator

In this step-by-step tutorial, I’ll show you how to use ChatGPT to generate and customize a fully functional mortgage calculator plugin for your WordPress website. Whether you’re a developer looking to save time or a beginner wanting to learn how AI can support your workflow, this guide walks you through the entire process—from prompt to plugin!

read more
Custom WordPress Calculator Plugin

Custom WordPress Calculator Plugin

I developed a custom WordPress plugin that functions as a water pump calculator, with the help of Claude 3.5 Sonnet. By providing a screenshot of an existing calculator, I prompted Claude to replicate it, resulting in a fully functional tool that can be easily integrated into any WordPress site.

read more