Channel Bakers

We partnered with Channel Bakers to reimagine their online presence. Through collaborative workshops, iterative design, and user testing, we transformed their website into a powerful tool for engagement and growth.

Problem & Project

Channel Bakers needed a website redesign to give the agency the upgrade it deserved. The goal was to drive more traffic and leads which helped us outline a strategy to streamline the user paths and drive conversions. We also made sure to address the pain points and educational needs of the target audience.

Let us walk you through our process.

UX Personas

A persona is a representation of a type of customer. Personas answer the question, “Who are we designing for?” and they help to align strategy and goals to specific user groups. Based on Channel Baker’s experience, we created four persona categoriesLarge Companies, Small Businesses, Startups and Investors. Each persona helped us carve out user paths to help with the conversion rate.

Sitemap

The sitemap aims to make the site as a whole visible and provide a general direction to where the user can go. This view allows you to feel the size and complexity of a website.

Wireframe

Wireframing is essentially a visual guide to a website which helps you to look at layout without thinking about the aesthetics of the project. For Channel Bakers, our goal was to simplify the navigation and narrow down user paths to lead the customer towards the most important message and CTAs

Icons

To create a consistent look and experience, and to better support the agency’s messaging. We designed a set of icons to illustrate Channel Baker’s solutions.

These icons are used throughout the site to support the copy and facilitate user flows.

UI Kit

UI Kits provide a basic set of elements that will help you build a representation of the final product. Some of the most common items include screens, navigation, icons, grids, buttons, and charts. In Channel Baker’s case, creating a UI kit allowed us to create a flexible solution for future additions or edits to the website while being visually consistent

Website

The website redesign can be checked below, in some screens.

Other Posts