aligning branding
with personality
Pete’s Pro services
UX & web design Case study
Our client, Pete’s Pro Services, is a service provider who came to us to do a complete brand refresh that creates consistency across service offerings and increases inquiries. Pete’s Pro Services, the parent brand, highlights two service lines: Pete’s Mobile Car Wash & Detailing and Pete’s Handyman Services. The client asked for individual service logos, a brand style guide, and three key pages (hero and two service pages).
We combined UX Design & Research, Graphic Design, and Web Design to create a comprehensive brand refresh that captured the tone and feel of Pete’s as a whole.
Project Overview
Total Deliverables: Complete Website Redesign, 3 Logo Designs, Style Guide/Branding Guidelines, Research Insights
Timeline: 3 weeks
Rapid Turnaround Demonstrating Agile Capabilities
Research
Design
Testing
Delivery
UX research
Research Methodology
After identifying business objectives, we conducted research and gathered insights through:
competitive analysis
Secondary data
user personas
SWOT Profiles
Problem Statement
Pete’s Pro Services requires a clear, structured, and user-friendly method of communicating its service offerings across their mobile car wash and handyman brands.
Current presentation:
Lacks clear CTAs that align user needs with business needs.
Has unorganized content structure, which may lead to confusion, increased time to decision, and drop-off.
Does not follow accessibility guidelines, making it difficult to read content.
Has unorganized content structure, which may lead to confusion, increased time to decision, and drop-off.
business needs
Improving clarity and usability in service discovery will enhance user confidence, streamline decision-making, and support growth objectives by increasing lead acquisition through the website.
User Needs
Users need a simplified, intuitive browsing experience that allows them to easily identify relevant services, compare offerings, and obtain booking information efficiently, without feeling overwhelmed by excessive detail or unclear categorization.
desired outcomes & success criteria
Create clear and strong CTAs for quicker action.
Provide a smooth path from initial interest to inquiry.
Improve clarity and accessibility of service information.
Reduced time-to-inquiry from entry to form submission.
The rebrand will be considered successful when:
≥10% increase in service inquiries within 90 days of launch through key CTAs (IE “Get a Free Quote” and “Call Now”).
Reduced time-to-inquiry from entry to form submission.
Positive feedback from users regarding ease of finding services.
Our focus was to create consistency across each service line, while maintaining the tone and feel of existing branding. By utilizing the insights from research and by actively collaborating with our client, we maintained a feedback loop that led to the final branding guidelines, which included logos, a color palette, and typography.
Brand guidelines
typography
color palette
primary brand color
Best Used For: Logo, Secondary CTAs, a pop of color, and accents.
Best Used For: Backgrounds, light text on dark backgrounds
#F5F7FA
#002C65
#E0E0DB
#07090F
Best Used For: Primary CTAs, Accents
#5F0A1F
logo variations
user flows & wireframes
We mapped key user flows to understand how users naturally explore services and request a quote. This helped identify the most efficient paths for users to select between mobile detailing and handyman services while reducing friction and decision fatigue.
With the flows established, we then created low-fidelity wireframes to visualize page structure, content hierarchy, and CTA placement. These wireframes focused on clarity, simplicity, and mobile usability. This ensured users could quickly scan services and take action.
This process allowed for early validation of navigation and layout decisions before moving into high-fidelity design, ensuring an experience that feels intuitive and user-centric.
responsive design
Mobile Prototype
The site was built mobile-first to ensure a smooth, intuitive experience across all devices. Key actions like browsing services, requesting a quote, or calling Pete remain simple and accessible whether users are on their phone in the driveway or browsing from a desktop at home. Flexible grids, thumb-friendly buttons, clear hierarchy, and collapsible sections keep the mobile experience fast and scannable, while larger screens introduce more spacing, enhanced imagery, and expanded navigation for comfort and clarity. Across every breakpoint, the design maintains a consistent, trustworthy feel and a friction-free path to booking.
next steps
As part of the ongoing iterative process, this initial research and design phase serves as the foundation for continued refinement and enhancement of the user experience. Given the timeline and project scope, we intentionally phased the work to ensure thoughtful execution as we refine high-fidelity prototypes and, ultimately, a fully launched website.
The upcoming stages will focus on expanding and validating the experience through additional UX research, polishing UI components, gathering high-quality photography, and developing marketing assets to support launch and long-term growth.
UX Research: Usability Testing, Information Architecture
Design: High-Fidelity Refinement, Component Library
Content & Visuals: Photography, Copy Refinement, Testimonials
Implementation: Developer Handoff, QA, Launch Plan
Marketing: SEO, Google Analytics Setup, Business Profile