01 CTO.ai Curated Works

The following is a curated collection of some of the projects I have worked on throughout my time at CTO.ai.


Introduction

I currently work at remote-first startup CTO.ai initially as the sole Visual Designer and Brand Manager. Throughout my time employed at this company, I have worked on numerous design projects of varying scale and scope, and in a variety of formats supporting the website and marketing initiatives primarily. In summary, my role was to ensure visual continuity and brand awareness through these visual deliverables, as well as support my team in their initiatives. Below are a select number of notable design projects I have lead under various company initiatives.

01 Web Design Projects

DevOps Readiness Assessment Page

Role: Primary Designer collaborating with Front End Engineers

Tools Used: Figma

DevOps Assessment Page Preview - Desktop

DevOps Assessment Page Preview - Desktop

DevOps Assessment Page Preview - Mobile

DevOps Assessment Page Preview - Mobile

We had launched an initiative to help companies assess their DevOps Readiness, this required a web page that detailed the process and the benefits of taking the assessment and working with CTO.ai to improve their software delivery.

This page is currently live on the CTO.ai website, see it here.

Webinars Page

Role: Primary Designer collaborating with Front End Engineers

Tools Used: Figma

Webinars Page State 1 Preview - Desktop

Webinars Page State 1 Preview - Desktop

Webinars Page Preview State 1 - Mobile

Webinars Page Preview State 1 - Mobile

Webinars Page Preview State 2 - Desktop

Webinars Page Preview State 2 - Desktop

Webinars Page Preview State 2 - Mobile

Webinars Page Preview State 2 - Mobile

As CTO.ai started ramping up initiatives to host webinars on various topics, we created a page on the website to be the central hub for our webinars. I designed this page to have two states: one when we are promoting an upcoming webinar and one when we are just showcasing the previous webinars on demand.

This page is currently live on the CTO.ai website, see it here.

DORA Metrics Page

Role: Primary Web Designer collaborating with fellow designer on the illustrations and Front End Engineers

Tools Used: Figma

DORA Metrics Page Preview - Desktop

DORA Metrics Page Preview - Desktop

DORA Metrics Page Preview - Mobile

DORA Metrics Page Preview - Mobile

CTO.ai has built a feature to help bring delivery insights to developer teams utilizing the four key metrics from DORA (DevOps Research and Assessment). This page was designed to highlight how to feature works and the benefits of implementing it for developer teams.

This page is currently live on the CTO.ai website, see it here.

Pricing Page

Role: Primary Web Designer collaborating with Front End Engineers

Tools Used: Figma

Pricing Preview - Desktop

Pricing Preview - Desktop

Pricing Page Preview - Mobile

Pricing Page Preview - Mobile

Once we established pricing for CTO.ai’s services for various tiers of features, we launched our pricing page to highlight the various features under each pricing category.

This page is currently live on the CTO.ai website, see it here.

Careers Page

Role: Primary Web Designer collaborating with Front End Engineers

Tools Used: Figma

Careers Page Preview - Desktop

Careers Page Preview - Desktop

Careers Page Preview - Mobile

Careers Page Preview - Mobile

We launched our careers page to share the current positions open for applicants as well as highlight CTO.ai’s values and benefits.

This page is currently live on the CTO.ai website, see it here.

02 Marketing Campaign Visual Assets and General Marketing Visuals

DevOps Assessment LinkedIn Ad Campaign

Role: Primary Designer working with a fellow designer on the illustrations and the Marketing team on content

Tools Used: Adobe Illustrator and Figma

Product Hunt Assets Preview within Launch Page

The visual to advertise CTO.ai's DevOps Assessment offering within the promoted ad within LinkedIn

In March 2023, we launched a new offering to help organizations by providing an assessment of their DevOps model internally. For this we launched a landing page, which can be found below in the "Web Design" section, and an ad campaign on LinkedIn. For this, I designed a visual to accompany the ad. For the first week it was active, the ad received 24,330 impressions, 306 clicks that led to 306 landing page visits.

Product Hunt - Launch Assets for CTO.ai 2.0

Role: Primary Designer working with a fellow designer on the illustrations and the Marketing team on content

Tools Used: Adobe Illustrator, Adobe After Effects

Product Hunt Assets Preview within Launch Page

Product Hunt Assets Preview within Launch Page

On February 17th, 2021, the CTO.ai team launched “CTO.ai 2.0” on Product Hunt. To date, this was our most successful launch; we received 1,097 upvotes, securing us the titles of “Product of the Day” and eventually “Product of the Week”. I was in charge of the visual assets for the carousel, which accompanies the promotional video we had produced for the launch.

This product page and the accompanying visuals can be found here.

GitHub Repository Headers

Role: Primary Designer

Tools Used: Figma

aws-eks-ec2-asg-cdk Repository Graphic

aws-eks-ec2-asg-cdk Repository Graphic

Exhibition setup

aws-ecs-fargate Repository Graphic

aws-ecs-fargate Repository Graphic

do-k8s-cdktf Repository Graphic

CTO.ai has a collection of repositories on GitHub that we created using cloud providers like AWS and DigitalOcean. To enhance the brand recognition associated with these repos, I designed the header graphics for each one.

These header graphics can be found in the following pages: aws-ecs-fargate,aws-eks-ec2-asg-cdk, and do-k8s-cdktf.

Various Blog Post Header Graphics

Role: Primary Designer

Tools Used: Figma

Blog Post Exhibition setup Exhibition setup Exhibition setup

Samples of various blog post header graphics

Twice a week, CTO.ai releases a new blog post around a plethora of topics. Working with the content producer for the blog posts, I create each header graphic and a corresponding social media graphic version. Here are a few examples of header graphics I’ve created for blogs at CTO.ai.

CTO.ai’s collection of blog posts can be found here.

03 Event Marketing Projects

Booth Collateral at Open Source Summit 2023

Role: Primary Designer collaborating with the Marketing team on the copy

Tools Used: Adobe Illustrator

In May 2023, CTO.ai sponsored Open Source Summit in Vancouver. For this event, I worked with both external stakeholders with the team at the Linux Foundation and internally on the sponsorship deliverables over a period of 3 months. This included designing the booth stand graphic, designing and ordering the swag giveaway items, and designing the retractable banner.

At the event, I was present to set up the booth every morning and ensure that the items were displayed properly for the day. I worked with the team throughout the event on speaking with booth visitors and scanning leads, where we ended up with 147 leads (40.1% more leads than average). Open Source Summit 2023 had an estimated 1,400 attendees onsite and the average number of leads for in-person sponsor booths was 88 leads.

Leaflet Preview - Front

Stand Design

Leaflet Preview - Back

Stand with swag items

Leaflet Preview - Front

Our swag items on display: Caps, T-Shirts, Stress cubes, Pins, Stickers, and Water Bottles

Leaflet Preview - Back

Our swag items on display: Caps and T-Shirts

Leaflet Preview - Front

Our swag items on display: Water Bottles

Leaflet Preview - Back

Our swag items on display: Stress Cubes, Pins, and Stickers

Booth Design at Cloud Expo Europe

Role: Primary Designer collaborating with the marketing team on the booth’s copy

Tools Used: Adobe Illustrator

Booth Design at the event

Booth Design at the event

In 2020, the CTO.ai team traveled to London to attend Cloud Expo Europe 2020. There, we had a booth where our team showcased some demos to attendees and gave away swag products. Our booth design was centered around the themes of automation and optimization.

CTO.ai Business Cards

Role: Primary Designer

Tools Used: Adobe Illustrator

CTO.ai Business Cards Preview

CTO.ai Business Cards Preview

One of my first projects when I joined CTO.ai in 2019 was to provide an updated design to the company’s official business cards, of which we still use to this day.

Trade Show Banner

Role: Primary Designer collaborating with a fellow designer on the illustration and with the marketing team on the banner’s copy

Tools Used: Adobe Illustrator

Trade Show Banner Preview

Trade Show Banner Preview

As CTO.ai attended more events, we decided to have a retractable banner made for our team to take with them. Collaborating with the marketing team on the content, I designed this banner and worked with a printing company to get it printed. We highlighted our marketing messaging primarily with this design by focusing on the value proposition as the main visual focus.

Leaflet Design for WebSummit 2021

Role: Primary Designer collaborating with a fellow designer on the illustration and with the marketing team on the banner’s copy

Tools Used: Adobe Illustrator

Leaflet Preview - Front

Leaflet Preview - Front

Leaflet Preview - Back

Leaflet Preview - Back

We attended WebSummit 2021 as Silver Sponsors. One of our primary giveaways at the booth was this leaflet. On one side, we highlighted our value proposition, while the other side was just our YAML code syntax snippet as the main visual. This leaflet was printed on 0.44mm thick matte laminated paper with rounded corners to have more of a solid feel when held.

04 Video Projects

CTO.ai Insights | Real-time delivery insight for engineering teams

Role: Video Editor/Animator in collaboration with the Marketing team on the content

Tools Used: Adobe After Effects, Adobe Illustrator

CTO.ai Insights Video Preview

CTO.ai Insights Video Preview

When we launched CTO.ai Insights on Product Hunt on February 3rd, 2021, we produced a video to accompany the product page.

This video can be viewed in the CTO.ai YouTube Channel, see it here.

Less noise, better collaboration with Slack Thread Workflows

Role: Video Editor/Animator in collaboration with a Developer Advocate on the content

Tools Used: Adobe After Effects, Adobe Illustrator

Slack Threads Video Preview

Slack Threads Video Preview

The CTO.ai team worked on a new feature within our Slack Integration: Slack Thread Workflows. To visually demonstrate the capabilities and benefits of the feature, we produced this video to accompany a blog post.

This video can be viewed in the CTO.ai YouTube Channel, see it here.

05 Publication Design Projects

1000s of deployment hours saved by Elude with Developer Workflows - Case Study

Role: Primary Designer collaborating with a fellow designer on the illustrations and with the marketing team on the PDF content

Tools Used: Adobe InDesign

Elude Case Study Preview

Elude Case Study Preview

In this document, we wanted to highlight a case study we developed with one of our customers, Elude. Once the Marketing and Customer Success teams completed the content, I worked on a designed PDF as the final deliverable.

This case study can be found here.

Developer Experience upgraded at Rocket Money with CTO.ai’s Developer Workflows - Case Study

Role: Primary Designer collaborating with a fellow designer on the illustrations and with the marketing team on the PDF content

Tools Used: Adobe InDesign

Slack Threads Video Preview

Slack Threads Video Preview

This document follows a very similar process to the previous case study design. In collaboration with our customer Rocket Money, the Marketing and Customer Success teams worked on the content and it was passed onto me to complete the design.

This case study can be found here.

Back to top