UX/UI Design

UX/UI

Dialpad Website

Category

UX/UI

Client

Dialpad

Start Date

October 2022

Type

Web 2.0

Project overview

Introduction

Dialpad is a leading cloud-based business communications platform that provides AI-powered calling, messaging, and video conferencing solutions. Designed for modern workplaces, Dialpad helps businesses streamline their communication and collaboration with innovative technology and intuitive interfaces.

Dialpad's homepage redesign (2.0) focuses on improving user experience, optimizing content layout, and improving conversion rates. After a year of using the current marketing design system, several performance and usability issues have emerged that require a strategic review. The goal is to refine the homepage structure to align with the evolving brand identity while ensuring a more engaging, conversion-driven experience.

Goals & Objectives

The redesign of the Dialpad homepage is driven by the need to enhance user experience, improve performance, and align the website with the company’s evolving brand identity. By addressing usability challenges and optimizing content layout, the project aims to increase engagement and conversion rates.

Improved Performance & Conversion

Address design inefficiencies that impact conversion rates and user engagement.

Optimized Content Layout

Reduce excessive vertical spacing to allow for better content absorption and improved visibility of conversion points.

Enhanced Visual Hierarchy

Ensure imagery fits within the viewport for a seamless scrolling experience that connects visuals with content.

Refined Copy Strategy

Implement word count limits based on page goals and user journey stages.

Consistent & Scalable Design System:

Adjust the web design system to maintain a max content width of 1440px while ensuring consistency across all breakpoints.

Research & Insights

User Behavior Analysis

Identified pain points through heatmaps, session recordings, and analytics data.

Competitive Analysis

Evaluated best practices from leading SaaS websites.

Stakeholder Feedback

Incorporated insights from marketing, branding, and development teams.

Pain Points Identified

During the evaluation of the existing homepage, several usability and design challenges were identified that negatively impacted user experience and conversion rates. These pain points primarily stemmed from inefficient content structure, inconsistent visual hierarchy, and limited design flexibility. Addressing these issues in the redesign is crucial to improving navigation, engagement, and overall performance.

Excessive Vertical Space

Modules occupy too much height, making it difficult for users to process information efficiently.

Disconnected Imagery & Content

Large images often exceed the viewport, creating an inconsistent scrolling experience.

Overuse of Copy

Pages contain too much text, reducing readability and impacting engagement.

Key Features & Improvements

The redesigned Dialpad homepage introduces a range of enhancements aimed at improving user experience, optimizing content structure, and increasing conversion rates. By refining the visual hierarchy, ensuring better content organization, and introducing more flexible design elements, the new homepage provides a more engaging and seamless experience. These improvements also align with Dialpad’s evolving brand identity, reinforcing clarity and accessibility across the platform.

Optimized Content Structure: Reduced vertical space to improve information density and conversion visibility.

Viewport-Optimized Imagery: Ensured all visuals fit within browser viewports for a cohesive scrolling experience.

Copy Length Guidelines: Enforced word count limits tailored to page objectives and user journey stages.

Consistent Content Width: Standardized max width to 1440px for uniformity across devices.

Dynamic Background & Layout Options: Introduced flexible background color choices and full-width sections to enhance page flow and emphasis.