Vector & Digital Design: Transforming Brands and Information with Impactful Visual Storytelling

Vector graphics play a crucial role in UX visual design, ensuring crisp, scalable, and accessible visuals across digital and print platforms. This page highlights how strategic vector design enhances branding, simplifies complex information, and creates engaging user experiences through logos, infographics, hero graphics, and web assets.

Project Overview

This page offers a high-level overview of my vector and digital design projects, with a focus on creating visually impactful and scalable graphics using Adobe Illustrator. From logo redesigns and infographics to hero graphics and web assets, each project was crafted with precision, aligning with brand guidelines and user needs. By blending creativity with strategic design principles, these visuals elevate the user experience across digital and print platforms.

My Contributions

Timeline: August 2019 – February 2020
‍My Role: UX Visual Designer, Brand Designer
‍Related Topics: Logo Design, Branding, Vector Illustration, Infographics, Hero Graphics, Web Design, Mobile-First Design
Estimated Reading Time: 5 minutes

The hero image showcases the redesigned Fat Brain Toys logo, which I led the rebrand for and conceptualized, prominently featured in the corner of the main navigation to reinforce the updated brand identity across the eCommerce site.

Fat Brain Toys Logo Redesign

Logo & Brand Identity

Hands-on design execution and brand refinement

A strong logo is essential for brand recognition, especially in digital spaces where scalability and versatility are key. The original Fat Brain Toys logo, while visually appealing, lacked crucial elements such as an icon, a structured logo lockup, and web-friendly variations like a horizontal format for responsive design. To modernize the brand, I led the redesign process, ensuring the new logo would be adaptable across eCommerce, packaging, and marketing materials while maintaining the company’s playful and creative identity.

I explored numerous variations and iterations, refining the design to balance brand personality with functional versatility. Once we landed on a strong direction, we collaborated with Webster Design, where I leveraged my past connections to have them add a polished, professional touch. Throughout the process, I led the rebrand, ensuring consistency and usability across all applications.

The side-by-side comparison highlights two timeless logos—one a beloved classic and the other a necessary evolution. While the original holds nostalgic value, the new design modernizes the brand with a web-friendly structure, improved scalability, and a refined, versatile identity.

A Classic Evolution: Balancing Nostalgia and Modern Needs

Working closely with the owners on the redesign ensured the new logo stayed true to the brand’s tone and voice while enhancing functionality for digital and print applications.

Scalability: A refined logo system that remains crisp and recognizable across all screen sizes and print materials.
Versatility: Multiple lockups, including an icon and horizontal variation, for seamless integration across web and packaging.
Recognition: A balanced update that modernizes the brand while preserving its established identity.

There’s much more to this brand development process, but for the sake of brevity, this highlights the key elements. As the primary visual designer and lead, I’d be happy to expand on further details if requested.

The KidVentor landing page design, featuring the logo in the header, provides an engaging and intuitive starting point for young creators to submit their toy design ideas.

KidVentor Logo & Campaign Design

Logo & Campaign Identity

KidVentor: Empowering Young Creators through Design

The KidVentor campaign was an exciting internal initiative that encouraged young innovators to submit their toy design ideas through a user-friendly platform. As the lead designer, I was responsible for creating the entire visual identity, including the logo, color palette, and supporting assets. The logo design included both horizontal and vertical versions to ensure flexibility across various media and placements. In addition to the logo, I designed the landing page to explain the contest details and time frame, along with a submission page where participants could easily drag and drop photos and describe their toy ideas.

This project involved a combination of visual creativity and functional design, ensuring the user experience was intuitive and engaging. The vibrant color palette was chosen to appeal to a young audience while maintaining a professional look for internal branding. The sign-up and submission process was designed with simplicity and ease in mind, offering participants a seamless way to share their concepts.

The KidVentor landing page, designed to capture the spirit of creativity, features an intuitive layout with clear calls to action for submitting toy design ideas.

Designing KidVentor: A Seamless Experience for Young Creators

For the KidVentor campaign, I applied UX principles of simplicity, clarity, and engagement to create an intuitive, creative space for young innovators.

Logo Lockups: Created horizontal and vertical versions of the logo to ensure versatile application across web and print media.
Landing Page: Designed an engaging, clear layout to outline contest details, time frame, and encourage submissions.
Submission Form: Submission Form: Developed a user-friendly drag-and-drop interface for easy photo and idea submission.
Color Palette: Chose a vibrant, fun color scheme to appeal to kids while maintaining brand consistency.
Supporting Vector Assets: Designed all additional vector assets to maintain a cohesive visual identity across all campaign materials.

For the KidVentor campaign, I applied UX principles of simplicity, clarity, and engagement to create an intuitive, creative space for young innovators.

This color-coded infographic illustrates the CTP ART, showcasing the Value Chain and how teams, products, and services interact to drive tech modernization, with a CTP Legend detailing the eight color-coded CARS and their roles in the value stream."

Infographics, IA & UX Design

Information Graphics

Visualizing the CTP ART: Simplifying Complex Data through Infographics

This color-coded infographic visually represents the Common Technology Platform (CTP) ART, mapping out the Value Chain to show how teams, products, and services collaborate to drive tech modernization. The CTP Legend, featuring eight color-coded CARS, clarifies their roles within the value stream, making complex systems easier to understand and improving communication across stakeholders.

Infographics are essential for transforming complex data into clear, digestible information. As a tool for both information architecture and UX design, this infographic simplifies the ART by presenting relationships and processes in an intuitive, engaging format. It enhances comprehension for both technical and non-technical audiences, supporting effective decision-making and communication while adhering to UX principles of clarity, structure, and ease of use.

Full View of the CTP ART Infographic: A Detailed Visualization of the Value Chain, Designed with Infographics, Information Architecture, and UX Principles.

Visualizing CTP ART API Data with the Design System

This infographic visually represents the key data for CTP ART’s 100% API architecture, including metrics such as the number of APIs, cost savings, API accounts, MuleSoft transactions, and top APIs. By leveraging the design system’s color palette and information architecture principles, I created a clear, structured layout that makes complex data easy to understand and engaging for stakeholders.

This infographic visualizes key data for the CTP ART’s 100% API architecture, showcasing the number of APIs used, cost savings, API accounts, MuleSoft transactions, and top-performing APIs.

Impact of Visual Design

Visual Strategy

Vector Graphics in Web Design

Throughout my career as a UX Designer, vector graphics have been a key part of my web design process. I’ve used them daily to create scalable icons, illustrations, and other visuals that work seamlessly across devices. Whether I’m working on wireframes or refining the final look, vectors give me the flexibility to adjust designs quickly without sacrificing quality.
‍
I’ve found that vector graphics are essential for building responsive, user-friendly designs. They allow me to create clean, crisp visuals that align with both user needs and brand guidelines, while ensuring everything looks great on any screen. From designing small icons to complex illustrations, vectors help me deliver functional and visually appealing web experiences.

Vector graphics are a crucial part of my design toolkit, enabling me to create scalable, adaptable visuals that enhance the user experience across platforms. They’ve become an essential element of my daily work as a UX Designer.