As a visual designer, I collaborated with Au-Q-Mia Pet Salon, a small business operated by a couple in Redwood City, CA. Tasked with upgrading their visual identity through a website redesign, the founder expressed a preference for retaining the existing logo and incorporating yellow as the primary color. The desired brand voice is friendly, guiding the redesign process to enhance both aesthetics and user experience.
Homepage Redesign
The first step was to search for elements that could create a pattern for a consistent identity. Also, determining which content could be reused, added, or deleted.
Color Palette & Visual Elements
Following thorough research, the selected color palette aims to impart a friendly and fun look and feel. The vibrant colors featured in the logo will be applied consistently across the website, serving as headers, subheaders, and highlights for relevant information. Also, client-provided photos will play a crucial role in shaping the overall visual identity.
typeface choices
I chose Corben and Avenir as Au-Q-Mia's typefaces. Corben, a simple web-friendly display font, provides a classic yet easy-to-read design. Avenir, crafted by renowned designer Adrian Frutiger in 1988, is widely acclaimed for its beauty and is a popular choice in logo and brand design.
main changes: header & footer
The most critical changes involved adjusting the extremes of the page, header and footer which had excessive information. Buttons for both types of booking were kept in the header for easy access from any page. Additionally, the header remains fixed when scrolling.
homepage comparison
In the final design process, new sections, such as a gallery and an introduction about their offerings, have been incorporated into the homepage. The background yellow has been replaced with a toned-down yellow in specific areas. The use of a new color palette, typography, and photo treatment is employed to convey a message of high-quality service.
mobile version
The mobile version is responsive, but it needed some tweaks for better usability. We added two buttons at the top of the page to help users find what they need quickly. So, once they choose a service, they can easily book an appointment without having to search around. The client requested that both buttons retain their previous colors - blue for the store and red for mobile.
