Case Study:

JHC One-Week Rebrand Design Sprint

JHC One-Week Rebrand Design Sprint

Project Snapshot

Project Snapshot

•

Timeline: 5 days (2-3 hours per day)

•

Roles: Brand Designer, UX/UI Designer

•

Tools: Figma, Adobe Illustrator, Framer

•

Outcome: New brand identity and landing page prototype

Challenge and Constraints

Challenge and Constraints

In one week, produce a logo, brand direction, and redesigned landing page for a major regional law firm. Requirements included:

•

Clean, modern, simplified design

•

Updated logo with logo mark

•

A landing page that communicates clarity, professionalism, and trust

•

Deliver a usable prototype at the end of the sprint

This project was intentionally time-boxed to demonstrate how I make decisions quickly, prioritize what matters, and maintain quality under pressure

Jump straight to prototype

Project Overview

Joseph, Hollander & Craft (JHC) is a respected Heartland law firm with a strong reputation, but a dated visual identity and a website that no longer reflected the firm’s professionalism. For this design sprint, I was given a high-level brief to rebrand the firm and create a modernized landing page.

The sprint goal: ideate quickly, explore multiple directions, make fast decisions, and deliver a functional, high-fidelity landing page prototype within one week.

This sprint allowed me to demonstrate how I work under time constraints, handle ambiguity, and turn loosely defined goals into a polished, strategic outcome.

Objectives

Branding

•

Explore updates to the existing blue and gold color palette

•

Create a modern, professional logo with icon

•

Establish cleaner, more cohesive brand direction

Experience

•

Redesign landing page experience to feel simple, modern, and less cluttered

•

Improve readability and visual hierarchy

•

Deliver a functional, high-fidelity landing page prototype

Deliverables

•

Logo sketches and final vector logo design

•

Quick branding guidelines

•

Responsive landing page concept

•

Prototype demonstrating intended behaviors

All deliverables were completed in roughly five working sessions across one week.

All deliverables were completed in roughly five working sessions across one week.

Day 1

Day 1

Research and Rapid Insight Gathering

Research and Rapid Insight Gathering

Goals

•

Understand the existing JHC website

•

Identify pain points in branding and UX

•

Capture quick competitive references

Findings

•

Heavy text above the fold makes it difficult to scan

•

Visual clutter with too many elements competing

•

Outdated logo and limited scalability

•

Lacked a cohesive visual system

Above the fold, the original site combines heavy text with competing images and menus. Without hierarchy, users must process too many elements at once. As a result, the first impression feels overwhelming rather than clear.

Above the fold, the original site combines heavy text with competing images and menus. Without hierarchy, users must process too many elements at once. As a result, the first impression feels overwhelming rather than clear.

The original page tries to present too many visual elements at once. Without a unified structure or rhythm, nothing stands out and everything feels equally loud. This results in a busy interface that lacks a clear point of focus.

The original page tries to present too many visual elements at once. Without a unified structure or rhythm, nothing stands out and everything feels equally loud. This results in a busy interface that lacks a clear point of focus.

The original logo uses thin lines and intricate letter forms that don't scale well. At smaller resolutions, the details become hard to read and lose impact. It's dated styling also doesn't match the modern, professional tone the firm needs.

The original logo uses thin lines and intricate letter forms that don't scale well. At smaller resolutions, the details become hard to read and lose impact. It's dated styling also doesn't match the modern, professional tone the firm needs.

From these insights, I defined core sprint principles: simplify, modernize, clarify, strengthen trust.

From these insights, I defined core sprint principles: simplify, modernize, clarify, strengthen trust.

Day 2

Day 2

Rapid Logo Ideation

Rapid Logo Ideation

Sketching

I sketched multiple directions in one session:

•

Other firm's logos for reference

•

Modern concepts using JHC

•

Geometric icon ideas inspired by law-related motifs

•

Simplified typography explorations

Decision Making

Within the sprint constraint, I chose multiple concepts based on:

•

Scalability

•

Visual Balance

•

Ability to pair cleanly with modern typography

•

Professional tone

Day 3

Day 3

Vector Logo and Mini Branding Guide

Vector Logo and Mini Branding Guide

Final Logo

I translate my chosen sketch into a refined vector icon and wordmark

Brand Guidelines (Sprint Version)

I created a lightweight system with the goal of creating enough structure to build fast while maintaining consistency.

Primary Logo

Primary Logo

Primary Logo

Logomark

Logomark

Logomark

Wordmark

Wordmark

Wordmark

Font

Font

Color Palette

DARK BLUE

hex #0a2342

Yellow

hex #D6AF41

LIGHT BLUE

hex #6C91BA

Color Palette

DARK BLUE

hex #0a2342

Yellow

hex #D6AF41

LIGHT BLUE

hex #6C91BA

Solid Primary Logo

Solid Primary Logo

Solid Primary Logo

Solid Logomark

Solid Logomark

Solid Logomark

Solid Wordmark

Solid Wordmark

Solid Wordmark

Imagery

Imagery

Day 4-5

Day 4-5

Landing Page Design and Prototype

Landing Page Design and Prototype

Wireframes (Sketches for Fast Iteration)

I created loose wireframes focusing on:

•

Clean, readable structure

•

Clear sections: How We Help, Our Values, Attorneys, Contact

•

Strong hierarchy and spacing

High-Fidelity Design

Converted wireframes into polished UI:

•

Modern hero section with subtle background video

•

Defined brand voice and typography

•

Gold accents used intentionally for hierarchy

•

Simplified content blocks

•

Clear calls to action

Prototype

Built a limited prototype in Figma showcasing layout behavior and interaction intent. Then expanded on that prototype in Framer.

Go to Prototype

Before and After

Before and After

Clearer Hierarchy and First Impression

Original:

•

Multiple elements compete for attention above the fold

•

No clear focal point or visual hierarchy

•

Firm’s message is not immediately clear

Redesign:

•

Single focal point above the fold

•

Clear typographic hierarchy

•

Firm’s message is immediately clear

Impact:

Faster comprehension and a stronger, more confident first impression.

Clearer Hierarchy and First Impression

Original:

•

Multiple elements compete for attention above the fold

•

No clear focal point or visual hierarchy

•

Firm’s message is not immediately clear

Redesign:

•

Single focal point above the fold

•

Clear typographic hierarchy

•

Firm’s message is immediately clear

Impact:

Faster comprehension and a stronger, more confident first impression.

Clearer Hierarchy and First Impression

Original:

•

Multiple elements compete for attention above the fold

•

No clear focal point or visual hierarchy

•

Firm’s message is not immediately clear

Redesign:

•

Single focal point above the fold

•

Clear typographic hierarchy

•

Firm’s message is immediately clear

Impact:

Faster comprehension and a stronger, more confident first impression.

Simplified Layout and Reduced Visual Noise

Original:

•

Inconsistent spacing throughout the page

•

Multiple elements competing for attention

•

Overall experience feels cluttered

Redesign:

•

Structured layout system creates order

•

Consistent spacing across sections

•

Experience feels clean and easy to scan

Impact:

Lower cognitive load and improved usability without removing essential content.

Simplified Layout and Reduced Visual Noise

Original:

•

Inconsistent spacing throughout the page

•

Multiple elements competing for attention

•

Overall experience feels cluttered

Redesign:

•

Structured layout system creates order

•

Consistent spacing across sections

•

Experience feels clean and easy to scan

Impact:

Lower cognitive load and improved usability without removing essential content.

Simplified Layout and Reduced Visual Noise

Original:

•

Inconsistent spacing throughout the page

•

Multiple elements competing for attention

•

Overall experience feels cluttered

Redesign:

•

Structured layout system creates order

•

Consistent spacing across sections

•

Experience feels clean and easy to scan

Impact:

Lower cognitive load and improved usability without removing essential content.

Strong Brand Cohesion and Professional Tone

Original:

•

Inconsistent use of color

•

Typography lacks a clear system

•

Brand feels fragmented and dated

Redesign:

•

Cohesive blue-and-gold color system

•

Refined, consistent typography

•

Brand feels unified and modern

Impact:

Elevated perception that better reflects the firm’s credibility and professionalism.

Strong Brand Cohesion and Professional Tone

Original:

•

Inconsistent use of color

•

Typography lacks a clear system

•

Brand feels fragmented and dated

Redesign:

•

Cohesive blue-and-gold color system

•

Refined, consistent typography

•

Brand feels unified and modern

Impact:

Elevated perception that better reflects the firm’s credibility and professionalism.

Strong Brand Cohesion and Professional Tone

Original:

•

Inconsistent use of color

•

Typography lacks a clear system

•

Brand feels fragmented and dated

Redesign:

•

Cohesive blue-and-gold color system

•

Refined, consistent typography

•

Brand feels unified and modern

Impact:

Elevated perception that better reflects the firm’s credibility and professionalism.

Final Results

Final Results

In under a week I produced:

•

A complete refreshed brand identity

•

A scalable logo

•

A simplified, modern landing page

•

A functional prototype

The sprint demonstrates my ability to ideate quickly, push concepts forward decisively, and deliver polished outcomes and clear decision-making

Go to Prototype

All Rights Reserved William Wheeler Designs

All Rights Reserved William Wheeler Designs

All Rights Reserved William Wheeler Designs