WEB DESIGN

COMET SIGNS

Bringing brands to life since 1958, Comet Signs is a national, full service on-premise sign company based in Texas.

JonathanG-CS-Header-2
TEAM

Web Designer Jonathan Lee Gonzales
Developer — Shonna Orechio
Project Manager — Grant McCracken
Team Lead — Madison Wilson
SEO Specialist — Tamara Perkins

PROJECT

Since their last website design from 5+ years ago, Comet Signs had grown substanitally and their site did not accurately represent what they are capable of. Their older site was more focused on serving Texas area, but they were now able to serve nationally.  Comet Signs had also grown as a brand, having multiple subsidary brands. They reached out to TopSpot to better display themseleves on their site, along with an updated look & feel from their recent rebrand.

New home page vs. previous. The new shows emphasis on the new, bold branding with the process section peeking below.

PROCESS

After our project kick-off meeting with the team and client, I took my notes and made a quick sketch to wireframe some of the important elements I knew we'd need to show. This includes a section for Comet Sign's process simplified in 4 easy steps—from design to installation + future maintenance.

Below that, I knew we had to introduce their services offered and the types of signs they create. I had the idea to create the sign type section as a mini-portfolio right on the Home Page, so if a potential customer saw something they liked, they can click into that sign type to see more and convert.

JonathanG-CometSign-Sketch_Web
Frame-31

DESIGN SYSTEM

After wirefreaming, a design system was built in Figma with typography, branded colors—which were slightly altered from their print guide to pass WCAG guidelines—and some components that would be used throughout the site.

JonathanG-CometSign-Mobile-HP
JonathanG-CometSign-UserFlow

USER FLOW

FROM BROWSING SIGNS TO STARTING A PROJECT

Once the user is on a detail page, they are introduced to a large gallery to view images of previous projects worked on, paired with content on the right and a call to action button. Rather than being a standard, “Request a Quote” or “Contact Us” button, the verbiage is more personal and changes depending on the page you are on. In this example, it says “Start Your Neon Sign Project”. This minor, yet important decision was made knowing the perspective of the user—they are looking for a new sign to add on to their new business/building and starting a new venture.

Below this layout on every detail page, follows a section for “Common Industries” to show some examples or other industries utilizing the signs the user is viewing and link out to other pages to continue to explore. Beneath that is a peek of “The Comet Process”. 

The COMET PROCESS

The Comet Process was essential for the client to portray, so once it was introduced on the home page, I intended to carry it out through each page as a constant reminder. It continues to ask the user questions about if they have a design, CAD, installation team, etc. Being able to this process while engaging the user by asking them questions is a very organic and personal way to lead them to starting their new project. Once the user clicks on a yes or no, it takes them to a quote where the user can complete the short process survey and then fill out fields for contact information.

THE RESULT

50.75% INCREASE IN SITE VISITORS IN 6 MONTHS POST-LAUNCH
100% INCREASE IN GOAL COMPLETIONS IN 90 DAY POST-LAUNCH

Selected Works

Comet SignsWeb Design