SF Animal Care & Control

Brand Update and Web Design

The Challenge

Provide a new brand approach and Adopt a Dog webpage design for San Francisco Animal Care and Control.

The Solution

Strategize a visual balance between comfort and contemporary. Resonate with the specific target market associated with the service.

The Outcome

A warm color palette provides a soothing foundation while utilizing a brighter orange for the accent. A soft, curvy style for the updated logo paired with a font that holds character and legibility. A simplified and improved UI which puts emphasis on actionable items and highlights the stars of the show: the pups.

Defining the Target Market

DEMOGRAPHICS

USER PERSONA

Current Brand Visuals

The current brand is dated, inconsistent, and lacks direction. The logo is intricate which doesn’t translate at smaller sizes. The website lacks a strategic approach to the information architecture and the user interface is not efficient or polished.

COLOR PALETTE

COLOR PALETTE

Current UI

NAVIGATION

ADOPTION PAGE

FOOTER

Evolving the Brand

Visually speaking, the strategy is to add a comforting vibe while keeping the limelight on the animals. A lighter foundation to the color palette and a warm, bright accent color give a soft feel to the brand. A neutral, desaturated black is used for headings and text.

COLOR PALETTE

COLOR PALETTE

FONT

LOGO

LOGO

Adoption Page Wireframe

High-Fidelity Design

Illustration Animation

Hover States

Mobile Design