Certainly

Redesigning a Responsive Website and Scalable Design System for Certainly

Redesigning a Responsive Website and Scalable Design System for Certainly

Redesigning a Responsive Website and Scalable Design System for Certainly

Company

Certainly

Industry

B2B SaaS

Role

Digital Designer

Responsibilities

Prototyping • Wireframing • UX/UI

Research

Prototyping Wireframing

UX/UI

Research

Prototyping

Wireframing

UX/UI

Overview

Overview

Overview

Overview

Overview

As part of a major rebranding initiative, Certainly sought to redefine its digital presence with a new, bold website. When unforeseen circumstances shifted responsibility to me, I took ownership of the project. Given incomplete designs, minimal documentation, and tight deadlines, I transformed a fragmented vision into a cohesive, fully responsive digital experience, underpinned by a scalable design system.

Challenge

Inheriting a partially completed project mid-development, my task was to quickly assess the existing designs, identify gaps, and align the website with the company’s refreshed brand identity, all while managing tight deadlines and balancing stakeholder expectations.

Goals

Goals

Goals

Goals

Goals

01.

Create a Bold Digital Identity

Create a Bold Digital Identity

Redesign a responsive website that reflects the brand’s new identity, enhances user engagement, and strengthens market presence.

01.

Create a Bold Digital Identity

Redesign a responsive website that reflects the brand’s new identity, enhances user engagement, and strengthens market presence.

01.

Create a Bold Digital Identity

Redesign a responsive website that reflects the brand’s new identity, enhances user engagement, and strengthens market presence.

01.

Create a Bold Digital Identity

Redesign a responsive website that reflects the brand’s new identity, enhances user engagement, and strengthens market presence.

02.

Establish a Scalable Foundation

Establish a Scalable Foundation

Develop and implement a consistent, reusable design system that supports the website's current needs and future growth.

02.

Establish a Scalable Foundation

Develop and implement a consistent, reusable design system that supports the website's current needs and future growth.

02.

Establish a Scalable Foundation

Develop and implement a consistent, reusable design system that supports the website's current needs and future growth.

02.

Establish a Scalable Foundation

Develop and implement a consistent, reusable design system that supports the website's current needs and future growth.

Process

Process

Process

Process

Process

Upon taking over the project, I began by clarifying the requirements and evaluating the existing design work to ensure alignment with the final vision.

Stakeholder interviews

I led discussions with key stakeholders to understand the strategic goals of the rebrand, ensuring the website would align with the company’s updated identity, mission, and positioning.

Stakeholder interviews

I led discussions with key stakeholders to understand the strategic goals of the rebrand, ensuring the website would align with the company’s updated identity, mission, and positioning.

Stakeholder interviews

I led discussions with key stakeholders to understand the strategic goals of the rebrand, ensuring the website would align with the company’s updated identity, mission, and positioning.

Stakeholder interviews

I led discussions with key stakeholders to understand the strategic goals of the rebrand, ensuring the website would align with the company’s updated identity, mission, and positioning.

Stakeholder interviews

I led discussions with key stakeholders to understand the strategic goals of the rebrand, ensuring the website would align with the company’s updated identity, mission, and positioning.

Stakeholder interviews

I led discussions with key stakeholders to understand the strategic goals of the rebrand, ensuring the website would align with the company’s updated identity, mission, and positioning.

Information architecture

After gaining insights into the previous website’s structure, I developed a comprehensive sitemap, defined the page hierarchy, and optimized user pathways to enhance usability and engagement.

Information architecture

After gaining insights into the previous website’s structure, I developed a comprehensive sitemap, defined the page hierarchy, and optimized user pathways to enhance usability and engagement.

Information architecture

After gaining insights into the previous website’s structure, I developed a comprehensive sitemap, defined the page hierarchy, and optimized user pathways to enhance usability and engagement.

Information architecture

After gaining insights into the previous website’s structure, I developed a comprehensive sitemap, defined the page hierarchy, and optimized user pathways to enhance usability and engagement.

Information architecture

After gaining insights into the previous website’s structure, I developed a comprehensive sitemap, defined the page hierarchy, and optimized user pathways to enhance usability and engagement.

Information architecture

After gaining insights into the previous website’s structure, I developed a comprehensive sitemap, defined the page hierarchy, and optimized user pathways to enhance usability and engagement.

Audit of existing work

I conducted a thorough audit of the incomplete designs, wireframes, and documentation left behind by the external team. This allowed me to identify various inconsistencies such as layout, iconography, and responsiveness enabling me to prioritize fixes for visual cohesion and functionality.

Audit of existing work

I conducted a thorough audit of the incomplete designs, wireframes, and documentation left behind by the external team. This allowed me to identify various inconsistencies such as layout, iconography, and responsiveness enabling me to prioritize fixes for visual cohesion and functionality.

Audit of existing work

I conducted a thorough audit of the incomplete designs, wireframes, and documentation left behind by the external team. This allowed me to identify various inconsistencies such as layout, iconography, and responsiveness enabling me to prioritize fixes for visual cohesion and functionality.

Audit of existing work

I conducted a thorough audit of the incomplete designs, wireframes, and documentation left behind by the external team. This allowed me to identify various inconsistencies such as layout, iconography, and responsiveness enabling me to prioritize fixes for visual cohesion and functionality.

Audit of existing work

I conducted a thorough audit of the incomplete designs, wireframes, and documentation left behind by the external team. This allowed me to identify various inconsistencies such as layout, iconography, and responsiveness enabling me to prioritize fixes for visual cohesion and functionality.

Audit of existing work

I conducted a thorough audit of the incomplete designs, wireframes, and documentation left behind by the external team. This allowed me to identify various inconsistencies such as layout, iconography, and responsiveness enabling me to prioritize fixes for visual cohesion and functionality.

Solution

Solution

Solution

Solution

Solution

To ensure the website’s long-term success, I focused on consistency and scalability by creating a robust design system. This system unified core elements, including the color palette, typography, grid structure, and spacing layout. It also introduced custom button styles and reusable components, maintaining visual harmony while enabling seamless updates and future growth. Below are some highlights of the implemented solution.

Key learnings

Key learnings

Key learnings

The website launch was just the beginning of an iterative process. By proactively monitoring user behavior and performance metrics, I identified key areas for improvement, such as optimizing load times and enhancing overall user flow. This ongoing process of optimization has become a core part of my design approach, ensuring that each project evolves and improves over time based on real user feedback.


Building a scalable design system proved invaluable in streamlining development and ensuring long-term efficiency. By creating reusable components and standardizing core elements like typography and layout, I was able to maintain visual consistency and simplify future updates.