SENIOR GRAPHIC DESIGNER & ART DIRECTOR
Vicinity Energy brand refresh cover.jpg

Brand & Website Refresh

Brand & Website Refresh
Visual Identity | Web Design

CLIENT
Vicinity Energy is the largest district energy provider in the U.S., delivering sustainable, locally sourced thermal energy to commercial and institutional buildings across major cities.

BRIEF
Refresh Vicinity’s visual identity, website, and supporting marketing materials.

SOLUTION
Vicinity’s previous identity was overly minimalist and lacked flexibility for visual storytelling. I expanded the color palette, introduced modular graphic elements and patterns, and developed a consistent icon and illustration system to create a more flexible visual language.

The original website relied on repetitive layouts and a limited component set. I designed a robust suite of responsive components and a cohesive design system to support more varied, scalable content. Collaborating with the marketing team, I designed 45+ high-fidelity web layouts across desktop, tablet, and mobile and partnered with developers through implementation.

OUTCOME
A more flexible visual identity and scalable responsive website system that gave Vicinity a broader toolkit for communicating consistently across digital, print, and marketing applications.

ROLE
Senior Graphic Designer

TOOLS
Figma, Illustrator, Photoshop, InDesign, PowerPoint, MarkUp

DELIVERABLES
Visual system & brand guidelines
Pattern library, icon set & illustrations
Responsive web layouts
Component library & design system
Marketing collateral
Social ads
Event graphics

Creative Director: Sara DeMille
Copywriter: Bella Pace

Web Developer: Adam Hoyle
Client: Vicinity Energy

VISUAL IDENTITY SYSTEM

VISUAL IDENTITY SYSTEM

Visual identity system including logo usage guidelines, an expanded color palette, graphic elements, patterns, and photography direction.

ICONOGRAPHY

ICONOGRAPHY

PHOTOGRAPHY STYLE

PHOTOGRAPHY STYLE

RESPONSIVE WEBSITE

RESPONSIVE WEBSITE

WEB LAYOUTS—HOMEPAGE

WEB LAYOUTS—HOMEPAGE

45+ responsive website layouts were created across desktop, tablet, and mobile.

SCROLLABLE HIGH-FIDELITY LAYOUT—HOMEPAGE

WEBSITE COMPONENT SAMPLES

WEBSITE COMPONENT SAMPLES

SELECTED DESIGN SYSTEM ELEMENTS

SELECTED DESIGN SYSTEM ELEMENTS

BRANDED ILLUSTRATIONS

BRANDED ILLUSTRATIONS

INFOGRAPHIC

INFOGRAPHIC

PROMOTIONAL FLYER

PROMOTIONAL FLYER

FACTORY TOUR SIGNAGE & TECHNICAL ILLUSTRATIONS

FACTORY TOUR SIGNAGE & TECHNICAL ILLUSTRATIONS

SOCIAL ADS

SOCIAL ADS

CONSTRUCTION SIGNAGE

CONSTRUCTION SIGNAGE

VEHICLE WRAP

VEHICLE WRAP

(Unselected concept)

WEBSITE AUDIT

WEBSITE AUDIT

The audit revealed repetitive layouts, a limited component set, and the need for a more flexible visual language.