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
From October 2019 to present day, I have worked in CTO.ai as a Visual Designer and eventually Brand Manager and Marketing Project 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. 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. I have collaborated with almost all of the departments at CTO.ai in a design capacity, from designing small graphics for the repositories we create to full web page designs.
01 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.
Stand Design
Stand with swag items
Our swag items on display: Caps, T-Shirts, Stress cubes, Pins, Stickers, and Water Bottles
Our swag items on display: Caps and T-Shirts
Our swag items on display: Water Bottles
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
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
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
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 - 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.
02 Visual Design Projects
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
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-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
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 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 - 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 Preview State 1 - Mobile
Webinars Page Preview State 2 - Desktop
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 - 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 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 - 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.
04 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
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
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.
05 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
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
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.