Ricks Garage Door Service
Content Design | UI/UX Design
Volunteer: creating updated website UI/UX
Customer October 2024 | 4 hours to complete
User Problem Context
Outdated website design and poor search engine optimization. Owner unfamiliar with website builders and desires to increase footprint within region
Solution
Provide business owner with step by step directions on how to use a website builder and provide an example based on existing site.
The Brand
Brand Identity
Tagline: 40 years of experience
Illustrations & Imagery: Craftmanship / Timeless
Fonts: Modern & Clean
Color Schemes: Blues, Yellows, Blacks
Emotions: Trust, Pride, Gratitude
Voice Archetype:
Primary - Hero
Convey Mastery / Professionalism
Trustworthiness / Timeliness
Secondary - Innocent
Instill Safety via Experience
Tone:
Casual > Formal
Funny < Serious
Respectful > Irreverent
Enthusiastic < Matter-of-fact
Original Site
Poor Typographic Hierarchy
Visually Assaulting
Limited use of Meta Tags for SEO
Poor Explanation of Images
Layout and Accessibility are below industry standards
Very unprofessional appearance considering desire to convey professionalism
No navigation
New Site
Design Guidelines
LOGO
TYPOGRAPHY
COLOR SCHEME
VOICE & TONE
Trustworthy, Caring, Expertise, Matter-of-fact
Banner and Navigation Updated
Hierarchy | Responsive Design | Sections
SEO Recommendations
TITLE - max 60 characters.
Include the business name and locations you serve.
example: Rick's Garage Door Repair & Installation | Akron, Canton, Summit, Stark & Wayne Counties
OPENING PARAGRAPH - max 160 characters
Add an opening paragraph intrdoucing the company, including kewords (Google may pull this as the meta description since Google Sites doesn't seem to have one)
RESOURCES
Image Resources
Unsplash - Free & Paid
GettyImages - Free & Paid
Search Engine Optimization Resources
may have expenses after free trials
ahrefs.com
moz.com
semrush.com
Logo & Icons
Canva and flaticon - Free
Note: if you use an icon you must list its resource to use it