The Ask

What the client was expecting to accomplish

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lectus tincidunt in morbi amet tincidunt vulputate leo tristique. Fermentum non diam porttitor consequat purus. Dictumst aliquam netus eget ipsum consectetur morbi amet.

Project Overview

What defined success to my UX Work

Collaboration with External Design Teams

To develop unique brands for Carbon6 we welcomed an external graphic design team responsible to create an identity for the suite of tools (and the Carbon6 brand itself). The website refresh work should be conducted in parallel with this team.

Webflow Development and Implementation

Carbon6 had a successful past implementing design work on Webflow. For this new phase, the plan was expand this approach to all the suite of tools (including their root websites) and create product landing pages inside the Carbon6 website for each tool.

Making Every Tool Unique in the Carbon6 Suite

With over 10 tools in the suite, the challenge for UX (and design overall) was to make every tool feel unique. Each tool was very different in the offering, had different internal teams and stakeholders. As the design lead, I had to be able to communicate decisions to those teams.

Sitemap

What we accomplished

To better understand our challenge, designing a sitemap was highly needed in early phases. We needed to roughly sketch the work to better estimate turnaround times and communicate those times to leadership. Was also an important way to track the progress of the design team.

Sitemap Project Carbon 6

Wireframes

Exploring Opportunities

At some point, the external design team was also going to be responsible for the UI of the new Carbon6 refresh (with me as a principal source and support for UX). Then, I decided the best approach was to design wireframes defining key interactions and components as a guide for that team. Those wireframes should also contain (in a very high fidelity) the actual content was going to placed on those pages with the correct sizes - so we could also have a sense of how the content would feel in each page. Over 25 pages were designed in this approach, with 30 unique components.

Wireframes Project Carbon 6

The Result

What we accomplished

To support this external design team, I had to make sure that all the new gradients you see below were at least AA compliance WCAG standards. We had to address couple contrast issues and make sure that the dark theme could feel elegant to our audience. This work could not be done without a heavy collaboration between the UX and Graphic Design team.

Results Redesign

What I've learned?

Project Retrospective

In retrospective I feel like not only for the quick turnaround time (3-4 weeks) but the heavy collaboration that took place in the whole process, this project was highly successful. We had a lot of stakeholders and internal teams from each one of the Carbon6 suite tools involved and they also played a part of approving content and designs during this project. I learned a lot about how to ensure an effective communication and managing challenges and request as they come.

Icon Arrow top