The image features a large, complex machine with a lot of pipes and tubes. The machine has a circular shape, and it is filled with various parts and components. The machine is designed to handle a lot of pressure, and it is likely used for industrial purposes. The intricate details of the machine make it an impressive sight, showcasing the engineering and craftsmanship that went into its creation.
The image features a large, complex machine with a lot of pipes and tubes. The machine has a circular shape, and it is filled with various parts and components. The machine is designed to handle a lot of pressure, and it is likely used for industrial purposes. The intricate details of the machine make it an impressive sight, showcasing the engineering and craftsmanship that went into its creation.
The image features a large, complex machine with a lot of pipes and tubes. The machine has a circular shape, and it is filled with various parts and components. The machine is designed to handle a lot of pressure, and it is likely used for industrial purposes. The intricate details of the machine make it an impressive sight, showcasing the engineering and craftsmanship that went into its creation.
The image features a yellow and orange lightning bolt, which is the main focus of the scene. The lightning bolt is positioned in the center of the image, with a bright yellow hue. The background is dark, which emphasizes the lightning bolt's vibrant colors. The image is visually striking and captures the essence of a powerful electrical force.
The image features a yellow and orange lightning bolt, which is the main focus of the scene. The lightning bolt is positioned in the center of the image, with a bright yellow hue. The background is dark, which emphasizes the lightning bolt's vibrant colors. The image is visually striking and captures the essence of a powerful electrical force.
The image features a yellow and orange lightning bolt, which is the main focus of the scene. The lightning bolt is positioned in the center of the image, with a bright yellow hue. The background is dark, which emphasizes the lightning bolt's vibrant colors. The image is visually striking and captures the essence of a powerful electrical force.
The image features a logo for Shop Controller, which is a company that provides a platform for managing online stores. The logo is displayed on a black background, with the name "Shop Controller" written in gold letters. The logo is prominently displayed, making it the main focus of the image.

Superpowers
for your autoshop.

Superpowers
for your autoshop.

Superpowers
for your autoshop.

TYPE OF WORK

TYPE OF WORK

Brand Strategy, Visual Branding,
Collateral

Brand Strategy, Visual Branding,
Collateral

Brand Strategy, Visual Branding,
Collateral

A bento sheet of the shop controller branding showing all the different versions of the logo to show off the versatility of the shop controller visual branding.
A bento sheet of the shop controller branding showing all the different versions of the logo to show off the versatility of the shop controller visual branding.
A bento sheet of the shop controller branding showing all the different versions of the logo to show off the versatility of the shop controller visual branding.

DEFINE

DEFINE

Developing superpowers for your auto shop.

Developing superpowers for your auto shop.

Shop Controller hired me to create a visual brand identity for their new app that helps auto shop owners manage multiple franchises, shops, invoicing, and everything related to automotive repair.


Through a brand strategy session, I discovered that the automotive industry struggled with messy, outdated management systems, and Shop Controller aimed to solve this pain point with their app.

The image features a split screen with two different pages displayed side by side. The left page is a list of items, while the right page is a list of features. The lists are organized in a way that makes it easy to compare and understand the differences between the two pages. The overall layout of the image is visually appealing and well-organized, making it an effective way to present information in a clear and concise manner.
The image features a split screen with two different pages displayed side by side. The left page is a list of items, while the right page is a list of features. The lists are organized in a way that makes it easy to compare and understand the differences between the two pages. The overall layout of the image is visually appealing and well-organized, making it an effective way to present information in a clear and concise manner.
The image features a split screen with two different pages displayed side by side. The left page is a list of items, while the right page is a list of features. The lists are organized in a way that makes it easy to compare and understand the differences between the two pages. The overall layout of the image is visually appealing and well-organized, making it an effective way to present information in a clear and concise manner.

~ An s-ton of research was done & put in Notion.

~ An s-ton of research was done & put in Notion.

A diagram of a shop controller benefits, including features such as inventory management, customer management, and sales tracking. The diagram is displayed on a white background.
A diagram of a shop controller benefits, including features such as inventory management, customer management, and sales tracking. The diagram is displayed on a white background.
A diagram of a shop controller benefits, including features such as inventory management, customer management, and sales tracking. The diagram is displayed on a white background.

~ Mindmap vignette, helping to develop the brand strategy.

~ Mindmap vignette, helping to develop the brand strategy.

A diagram of a design process, including branding, strategy, and implementation, displayed on a computer screen.
A diagram of a design process, including branding, strategy, and implementation, displayed on a computer screen.
A diagram of a design process, including branding, strategy, and implementation, displayed on a computer screen.

~ Overview of the mind map I created to develop the branding.

~ Overview of the mind map I created to develop the branding.

Superpowers

Superpowers

The unique selling points of Shop Controller were their experience in data management, their passion as auto enthusiasts, and their comprehensive solution that acts as the "brain" for auto shops. The target audience included shop owners, service writers, general managers, and owners who were seeking a solution to streamline their operations, grow, and provide world class customer service.

The unique selling points of Shop Controller were their experience in data management, their passion as auto enthusiasts, and their comprehensive solution that acts as the "brain" for auto shops. The target audience included shop owners, service writers, general managers, and owners who were seeking a solution to streamline their operations, grow, and provide world class customer service.

Design Studio - Professional graphic design services for businesses. Offering logo design, branding, print materials, and website design. Contact us for a quote.
Design Studio - Professional graphic design services for businesses. Offering logo design, branding, print materials, and website design. Contact us for a quote.
Design Studio - Professional graphic design services for businesses. Offering logo design, branding, print materials, and website design. Contact us for a quote.

~ The audience personas I developed for the branding.

~ The audience personas I developed for the branding.

A website for an auto shop with a man in a black shirt and hat. The website features a Super Powers for Your Auto Shop advertisement.
A website for an auto shop with a man in a black shirt and hat. The website features a Super Powers for Your Auto Shop advertisement.
A website for an auto shop with a man in a black shirt and hat. The website features a Super Powers for Your Auto Shop advertisement.

~ The option I presented with this copy direction.

~ The option I presented with this copy direction.

A yellow and black image of a large circle with a yellow triangle inside of it. The triangle has a star shape in the middle.
A yellow and black image of a large circle with a yellow triangle inside of it. The triangle has a star shape in the middle.
A yellow and black image of a large circle with a yellow triangle inside of it. The triangle has a star shape in the middle.

~ The brain and driving force of fast growth.

~ The brain and driving force of fast growth.

A graphic design with a circle in the center, surrounded by four other circles. The circle in the center has a lightning bolt symbol, while the other circles have different symbols. The image is set against a dark background.
A graphic design with a circle in the center, surrounded by four other circles. The circle in the center has a lightning bolt symbol, while the other circles have different symbols. The image is set against a dark background.
A graphic design with a circle in the center, surrounded by four other circles. The circle in the center has a lightning bolt symbol, while the other circles have different symbols. The image is set against a dark background.

~ A bunch of icon treatments to explore how fun and techy we can get.

~ A bunch of icon treatments to explore how fun and techy we can get.

Neighbors + Vibes

Neighbors + Vibes

Market research helped me understand the competitors and the vibe of the automotive marketplace. I wanted to create a visual identity that spoke to the industry while differentiating Shop Controller.


The tagline "Superpowers for your auto shop" and the concept of "powering on" emerged as key threads to guide the logo development.

A screenshot of a website called ShopMonkey, showcasing a page with a man and a car. The website is designed to help people find the best car for their needs.
A screenshot of a website called ShopMonkey, showcasing a page with a man and a car. The website is designed to help people find the best car for their needs.
A screenshot of a website called ShopMonkey, showcasing a page with a man and a car. The website is designed to help people find the best car for their needs.

~ ShopMonkey is a big competitor, and was used to analyze strengths + weaknesses.

~ ShopMonkey is a big competitor, and was used to analyze strengths + weaknesses.

A screenshot of a website called Tekmetric, showcasing their services and features. The website is divided into sections, including a product page, a customer experience page, and a competitive analysis page. The image also features a video of a man talking about the company's services.
A screenshot of a website called Tekmetric, showcasing their services and features. The website is divided into sections, including a product page, a customer experience page, and a competitive analysis page. The image also features a video of a man talking about the company's services.
A screenshot of a website called Tekmetric, showcasing their services and features. The website is divided into sections, including a product page, a customer experience page, and a competitive analysis page. The image also features a video of a man talking about the company's services.

~ TekMetric was another heavy hitter to have as a neighbor.

~ TekMetric was another heavy hitter to have as a neighbor.

Challenges

Challenges

The challenge that we were very aware of is that this was a saturated market, and the users would not be tech savvy or forgiving to an app that lacked the features they needed. A lot of times the users for this service would be a bit rushed or need to collect data on the fly quickly.


I needed to communicate through messaging and the visual identity  that Shopcontroller was way ahead of the competition and had the features you needed to grow, level-up, and provide world class Customer Experience.

A man is working on a car in a garage, with a clock on the wall. The image is part of an advertisement for Super Powers for Your Auto Shop.
A man is working on a car in a garage, with a clock on the wall. The image is part of an advertisement for Super Powers for Your Auto Shop.
A man is working on a car in a garage, with a clock on the wall. The image is part of an advertisement for Super Powers for Your Auto Shop.

~ Exploring through posters, to hang in your bay.

~ Exploring through posters, to hang in your bay.

A magazine cover featuring cars and a man. The cover has a black and white color scheme with the title "Strong, Sharp, Inclusive." The image showcases a variety of cars, including a sports car and a convertible. The man is standing next to a car, possibly admiring it or preparing to drive it. The overall theme of the cover is focused on automobiles and their appeal to a diverse audience.
A magazine cover featuring cars and a man. The cover has a black and white color scheme with the title "Strong, Sharp, Inclusive." The image showcases a variety of cars, including a sports car and a convertible. The man is standing next to a car, possibly admiring it or preparing to drive it. The overall theme of the cover is focused on automobiles and their appeal to a diverse audience.
A magazine cover featuring cars and a man. The cover has a black and white color scheme with the title "Strong, Sharp, Inclusive." The image showcases a variety of cars, including a sports car and a convertible. The man is standing next to a car, possibly admiring it or preparing to drive it. The overall theme of the cover is focused on automobiles and their appeal to a diverse audience.

~ Moodboards helped bridge the gaps and come up with fun solutions to explore.

~ Moodboards helped bridge the gaps and come up with fun solutions to explore.

A poster advertising a video game called Power On. The poster features a robot and a person, along with a power button.
A poster advertising a video game called Power On. The poster features a robot and a person, along with a power button.
A poster advertising a video game called Power On. The poster features a robot and a person, along with a power button.

~ The power on concept was certainly the funnest to communicate.

~ The power on concept was certainly the funnest to communicate.

Developing Solutions

Developing Solutions

The tagline “Superpowers for your auto shop” came to me as I was developing headline options. It encapsulated a message that was true, inspiring, and intriguing.

The visual branding needed to be more on the masculine side but not at all alienate women or be exclusive to men. In a sense, I challenge that gender was a valid metric to work with. Instead I used a masculine feel because of the inspiration of the tools and parts that are used in the automotive industry. Blocky, sharp, sleek, smooth, greasy.


Both genders would connect to this. The color scheme was intentionally chosen to speak towards a sports car and a retro feel. Contrasting bold colors were essential to this branding.

A collection of various logos and symbols, including a prominent "S" symbol, are displayed in a black and white format. The logos are arranged in a somewhat random manner, creating a visually interesting and diverse display.
A collection of various logos and symbols, including a prominent "S" symbol, are displayed in a black and white format. The logos are arranged in a somewhat random manner, creating a visually interesting and diverse display.
A collection of various logos and symbols, including a prominent "S" symbol, are displayed in a black and white format. The logos are arranged in a somewhat random manner, creating a visually interesting and diverse display.

~ A few logo sketches that was done in Procreate.

~ A few logo sketches that was done in Procreate.

A collection of various logos and symbols, including a prominent "S" symbol, are displayed in a black and white format. The logos are arranged in a somewhat random manner, creating a visually interesting and diverse display.
A collection of various logos and symbols, including a prominent "S" symbol, are displayed in a black and white format. The logos are arranged in a somewhat random manner, creating a visually interesting and diverse display.
A collection of various logos and symbols, including a prominent "S" symbol, are displayed in a black and white format. The logos are arranged in a somewhat random manner, creating a visually interesting and diverse display.

~ Just getting ideas out of the head and through my fingertips.

~ Just getting ideas out of the head and through my fingertips.

A computer screen displaying a collection of icons and symbols, including a variety of letters and numbers. The icons are arranged in rows and columns, showcasing a diverse range of designs and styles. The screen is likely used for designing or organizing these symbols, possibly for a software or application.
A computer screen displaying a collection of icons and symbols, including a variety of letters and numbers. The icons are arranged in rows and columns, showcasing a diverse range of designs and styles. The screen is likely used for designing or organizing these symbols, possibly for a software or application.
A computer screen displaying a collection of icons and symbols, including a variety of letters and numbers. The icons are arranged in rows and columns, showcasing a diverse range of designs and styles. The screen is likely used for designing or organizing these symbols, possibly for a software or application.

~ Developing the icon, this is like 5% of the explorations I went through.

~ Developing the icon, this is like 5% of the explorations I went through.

A white background with a small square object in the center, which appears to be a piece of cake or a small cake.
A white background with a small square object in the center, which appears to be a piece of cake or a small cake.
A white background with a small square object in the center, which appears to be a piece of cake or a small cake.

~ Lets get moving and have some fun!

~ Lets get moving and have some fun!

DESIGN

DESIGN

Motion, boldness, and wow.

Motion, boldness, and wow.

The design process focused on elements that represented powering on, the brain, and superpowers. Sketches and iterations led to a lightning bolt icon, evoking speed, movement, and a superhero-like symbol.


The final logo combined two stacked "C" shapes forming an "S," with a lightning bolt in the middle, communicating "Shop Controller" and the idea of "powering on."

An animation of the S logo in a gold foil treatment, showing extruding depth and rotation
An animation of the S logo in a gold foil treatment, showing extruding depth and rotation
An animation of the S logo in a gold foil treatment, showing extruding depth and rotation

~ Bold motion.

~ Bold motion.

The fronts of two business cards: - Showing the Shop Controller logo and a playful rendition of the Shop Controller 'S' logo - Showing the Shop Controller 'S' icon In an engine, both the fronts of the business card are sitting on top of a dark background with soft lighting
The fronts of two business cards: - Showing the Shop Controller logo and a playful rendition of the Shop Controller 'S' logo - Showing the Shop Controller 'S' icon In an engine, both the fronts of the business card are sitting on top of a dark background with soft lighting
The fronts of two business cards: - Showing the Shop Controller logo and a playful rendition of the Shop Controller 'S' logo - Showing the Shop Controller 'S' icon In an engine, both the fronts of the business card are sitting on top of a dark background with soft lighting

~ With simplicity and power comes great playability.

~ With simplicity and power comes great playability.

An animation of the shop controller logo (white on a yellow background) morphing into the full logo mockup (on a black background with yellow S and white logo type)
An animation of the shop controller logo (white on a yellow background) morphing into the full logo mockup (on a black background with yellow S and white logo type)
An animation of the shop controller logo (white on a yellow background) morphing into the full logo mockup (on a black background with yellow S and white logo type)

~ It was really fun to work with layers to create motion.

~ It was really fun to work with layers to create motion.

Stickers on a yellow background, showing the 'S' in different treatments
Stickers on a yellow background, showing the 'S' in different treatments
Stickers on a yellow background, showing the 'S' in different treatments

~ So many stickers were made for marketing.

~ So many stickers were made for marketing.

The top view of a car engine cover that is a skeuomorphic version of the Shop Controller-S lightning bolt icon to show and represent that the Shop Controller brand is the engine of your business
The top view of a car engine cover that is a skeuomorphic version of the Shop Controller-S lightning bolt icon to show and represent that the Shop Controller brand is the engine of your business
The top view of a car engine cover that is a skeuomorphic version of the Shop Controller-S lightning bolt icon to show and represent that the Shop Controller brand is the engine of your business

~ Under the hood. Fun with the logo!

~ Under the hood. Fun with the logo!

A 3D modeling of a high-end auto shop with the Shop Controller logo as a glassmorphism sitting on top of the 3D modeling.
A 3D modeling of a high-end auto shop with the Shop Controller logo as a glassmorphism sitting on top of the 3D modeling.
A 3D modeling of a high-end auto shop with the Shop Controller logo as a glassmorphism sitting on top of the 3D modeling.

~ Early explorations of the logo integrated in scenes.

~ Early explorations of the logo integrated in scenes.

Typography

Typography

The primary logo typography used was Hero Kid, a condensed sans-serif typeface by W Type Foundry, as the headline brand font. The color palette featured yellow and orange as main accent colors, with darks, lights, and creams.


The branding had a primary dark mode focus with a light mode option.

A gridded layout of a poster that says "Superpowers" and shows the different typography treatments.
A gridded layout of a poster that says "Superpowers" and shows the different typography treatments.
A gridded layout of a poster that says "Superpowers" and shows the different typography treatments.

~ Bulky type, fun vibes, cool branding.

~ Bulky type, fun vibes, cool branding.

A typography specimen sheet that has a big S and uppercase A-Z and lowercase a-z along with numbers
A typography specimen sheet that has a big S and uppercase A-Z and lowercase a-z along with numbers
A typography specimen sheet that has a big S and uppercase A-Z and lowercase a-z along with numbers

~ Herokid is so versatile and dope.

~ Herokid is so versatile and dope.

A web browser mockup showing the homepage hero section of the shop controller site.
A web browser mockup showing the homepage hero section of the shop controller site.
A web browser mockup showing the homepage hero section of the shop controller site.

~ I chose Herokid as it gave a modern masculine feel, and had sauce.

~ I chose Herokid as it gave a modern masculine feel, and had sauce.

Brand Icons

Brand Icons

An icon system was created to mirror the logo's look and feel, providing consistency across the website and app. Fun logo variations using blending techniques in Illustrator added an extra layer of wow for marketing materials.

An icon system was created to mirror the logo's look and feel, providing consistency across the website and app. Fun logo variations using blending techniques in Illustrator added an extra layer of wow for marketing materials.

A mockup of icons that were developed and used for ShopController, showing different treatments of the visual brand language for ShopController.
A mockup of icons that were developed and used for ShopController, showing different treatments of the visual brand language for ShopController.
A mockup of icons that were developed and used for ShopController, showing different treatments of the visual brand language for ShopController.

~ A sampling of the icons created for the branding.

~ A sampling of the icons created for the branding.

A mock-up of the ShopController app and ShopController website showing off the different icons.
A mock-up of the ShopController app and ShopController website showing off the different icons.
A mock-up of the ShopController app and ShopController website showing off the different icons.

~ Icons in use as marketing and utilitarian.

~ Icons in use as marketing and utilitarian.

DELIVER

DELIVER

Passing off the visual superpowers for use.

Passing off the visual superpowers for use.

Finalizing the brand identity involved creating an extended color palette, different logo stackings, and a comprehensive digital style guide in Figma.


The style guide included brand strategy, logo types, downloadable assets, color palette, and the icon system.

An animated GIF of the Shop Controller website going from dark mode to light mode to show the different treatments.
An animated GIF of the Shop Controller website going from dark mode to light mode to show the different treatments.
An animated GIF of the Shop Controller website going from dark mode to light mode to show the different treatments.

~ Light and dark mode was developed.

~ Light and dark mode was developed.

A color palette sheet showing each color in the Shock Controller brand guidelines (name of the color and the hex code).
A color palette sheet showing each color in the Shock Controller brand guidelines (name of the color and the hex code).
A color palette sheet showing each color in the Shock Controller brand guidelines (name of the color and the hex code).

~ Such Yummy Colors!

~ Such Yummy Colors!

All together now

All together now

All logo assets were exported for various uses, and the Shop Controller team purchased the typeface for consistent licensing. The new brand identity helped Shop Controller move forward with their website, app design, and marketing efforts.


Within days of creating the logo, their social media presence and marketing materials were launched, garnering interest in the app. The team was extremely happy with the successful outcome of the project.

A bento sheet of the shop controller branding showing all the different versions of the logo to show off the versatility of the shop controller visual branding.
A bento sheet of the shop controller branding showing all the different versions of the logo to show off the versatility of the shop controller visual branding.
A bento sheet of the shop controller branding showing all the different versions of the logo to show off the versatility of the shop controller visual branding.

~ Power On!

~ Power On!

Video Marketing

Video Marketing

I  created a set of videos for the team to use on the website and in their marketing materials of short branded videos that showcased some of the app’s features. I created a cool logo intro in Figma, did the voiceover from a script, and packaged up a final video version for use.


It was super fun, and I feel the videos are amazing touch points for Shopcontroller to use to communicate their value and superpowers.

~ Video Collateral for the App, which I designed as well.

~ Video Collateral for the App, which I designed as well.

~ Video collateral for one particular are in the app that connects with audience.

~ Video collateral for one particular are in the app that connects with audience.

Tyler Brown

Chife Design Officer @Shop Controller

Tim is seriously talented. He has a special ability to translate vague suggestions, concepts, and ideas like very few others I’ve worked with.

Don’t assume his design style is all Tim can do. I’ve tasked him with a variety of design styles over the years and he's hit the mark on all of them – something extremely hard to find in a design agency.

Tim is also organized and responsive. Often times, he gives me a heads up of when he plans to deliver work before I even ask him.

Look no further if your looking for someone to help you develop your visual identity!

Tyler Brown

Chife Design Officer @Shop Controller

Tim is seriously talented. He has a special ability to translate vague suggestions, concepts, and ideas like very few others I’ve worked with.

Don’t assume his design style is all Tim can do. I’ve tasked him with a variety of design styles over the years and he's hit the mark on all of them – something extremely hard to find in a design agency.

Tim is also organized and responsive. Often times, he gives me a heads up of when he plans to deliver work before I even ask him.

Look no further if your looking for someone to help you develop your visual identity!

Tyler Brown

Chife Design Officer @Shop Controller

Tim is seriously talented. He has a special ability to translate vague suggestions, concepts, and ideas like very few others I’ve worked with.

Don’t assume his design style is all Tim can do. I’ve tasked him with a variety of design styles over the years and he's hit the mark on all of them – something extremely hard to find in a design agency.

Tim is also organized and responsive. Often times, he gives me a heads up of when he plans to deliver work before I even ask him.

Look no further if your looking for someone to help you develop your visual identity!

A Ferrari Testarossa made of Legos sitting isometric top left on a solid yellow background with contrasted lighting and a soft shadow. White and yellow Legos and the Lego build is impressive.
A Ferrari Testarossa made of Legos sitting isometric top left on a solid yellow background with contrasted lighting and a soft shadow. White and yellow Legos and the Lego build is impressive.
A Ferrari Testarossa made of Legos sitting isometric top left on a solid yellow background with contrasted lighting and a soft shadow. White and yellow Legos and the Lego build is impressive.

hire me

I can’t wait to bring your vision to life. Here is how it works to hire me:

I can’t wait to bring your
vision to life, let’s do this.

👋🏼 STEP 01

Discovery, Hello, Nice to meet you.

We start on our journey together by hopping on a discovery call to make sure we are a good fit. I can learn all about your needs, and you can ask me any questions that you have.

👋🏼 STEP 01

Discovery, Hello, Nice to meet you.

We start on our journey together by hopping on a discovery call to make sure we are a good fit. I can learn all about your needs, and you can ask me any questions that you have.

👋🏼 STEP 01

Discovery, Hello, Nice to meet you.

We start on our journey together by hopping on a discovery call to make sure we are a good fit. I can learn all about your needs, and you can ask me any questions that you have.

🕵🏼 STEP 02

Define, Scope, Pricing, Lets Goo!

After our discovery session, if we're feeling good about each other, I'll develop a scope of work, pricing, and get you over an agreement. Then we can start working together.

🕵🏼 STEP 02

Define, Scope, Pricing, Lets Goo!

After our discovery session, if we're feeling good about each other, I'll develop a scope of work, pricing, and get you over an agreement. Then we can start working together.

🕵🏼 STEP 02

Define, Scope, Pricing, Lets Goo!

After our discovery session, if we're feeling good about each other, I'll develop a scope of work, pricing, and get you over an agreement. Then we can start working together.

🚀 STEP 03

Onboard, Set Tasks, Get rolling.

Once we become official in working together, I will onboard you into UpBase, which is what I use to manage our projects and setup some initial milestones and tasks!

🚀 STEP 03

Onboard, Set Tasks, Get rolling.

Once we become official in working together, I will onboard you into UpBase, which is what I use to manage our projects and setup some initial milestones and tasks!

🚀 STEP 03

Onboard, Set Tasks, Get rolling.

Once we become official in working together, I will onboard you into UpBase, which is what I use to manage our projects and setup some initial milestones and tasks!

Ok, lets get to work.

I can’t wait to bring your
vision to life, let’s do this.