RUBI Digital

WORK    ABOUT    SERVICES    CONTACT

PENN GREEN AUTOMOTIVE / WEBSITE EXPERIENCE

A clear road
to the right service.

An automotive website built around what drivers need next.

RUBI brought repair services, maintenance information and vehicle-shopping pathways into one recognizable digital experience.

WEB DESIGN · CONTENT ORGANIZATION · RESPONSIVE EXPERIENCE

Penn Green Collision logo

Repair.
Maintain.
Move forward.

Two visitor journeys. One local automotive brand.

BUILT FOR THE ROAD

● ● ●     pgccollision.com

Full-length Penn Green Collision homepage

THE CHALLENGE

Different needs.
A direct next step.

A driver looking for collision repairs and a visitor shopping for a vehicle arrive with different questions. The website needs to make both routes easy to recognize.

Confidence starts with clarity.

The objective: explain the service offering, separate repair and dealership actions, and keep contact information close to the decision.

Clear service categories and a consistent brand help a local business present a broad offering without making visitors work to understand it.

PLANNING & UX

Map the need.
Build the route.

A retrospective view of the information architecture, presented as editable planning diagrams.

SKETCH / VISITOR QUESTIONS

What brings you here?

Repair a vehicle
Maintain a vehicle
Purchase a vehicle

WIREFRAME / PAGE ORDER

Make the choices visible.

Brand introduction
↓
Service categories
↓
Dealership pathway
↓
Contact information

RESPONSIVE / PRIORITIES

Keep the action close.

Stack the content into a clear reading order. Keep service labels, phone links and the dealership route easy to find.

Penn Green dealership section
Penn Green vehicle repair illustration

VISUAL IDENTITY

Recognizable.
From the first glance.

Penn Green automotive brand mark

The automotive wordmark, green accents and dark surfaces create a recognizable visual language. Condensed headings give service names presence while neutral backgrounds keep practical details readable.

Action green

#23A408

Deep charcoal

#191B19

Soft neutral

#F0F2EF

White

#FFFFFF

Website type / Oswald

Condensed, confident headings paired with straightforward sans-serif body text. The palette above references the live website; the deeper green used for case-study buttons supports readable white labels.

DELIVERABLES

One brand.
Useful connections.

Service discovery

Organized entry points for repair, maintenance and insurance-related services.

A connected dealership journey

A distinct vehicle-shopping route gives visitors a clear transition from the repair business to inventory.

Local contact pathways

Phone, location and inquiry information connect online interest with the business.

Dealership website detail

EXPLORE PENN GREEN

Find the right next step.

COMPETITIVE ADVANTAGE

Local service.
A stronger digital presence.

The strength of this approach is the connection between brand recognition and practical navigation. Visitors can identify their need, explore the relevant offering and reach the business through a clear next step.

For RUBI, the design opportunity was to give a local automotive business the structure and personality to present more than one service journey with confidence.