This project focused on creating a professional and cohesive online presence for Lucas Auto Glass and Window Tinting. The goal was to design a website and brand identity that reflected the company’s expertise, reliability, and commitment to customer satisfaction. This project successfully elevated Lucas Auto Glass and Window Tinting’s digital presence, helping them attract new customers and strengthen their reputation in the automotive service industry.
As a designer, I focused on crafting this website that blends intuitive design with seamless user experiences. Webflow empowered me to turn imaginative concepts into fully functional, code-free digital spaces. It allows for pixel-perfect precision, modern animations, and scalable designs that perform beautifully on any device.
Objectives
The client needed an online presence that highlighted their expertise and convenience as a mobile service provider. The website had to: Educate users about the benefits of window repair and tinting. Showcase the client’s professionalism and reliability. Make it easy for customers to request quotes or book services.
To create a professional, mobile-friendly website that showcases services, builds trust, and drives customer inquiries.
Highlighted repair and tint services with visuals and detailed descriptions.
Scope of Work:
Establish brand, style, and online presence.
Create mobile-friendly and tablet-friendly website highlighting work before/after.
Establish business profiles on Google, Apple Maps, and social media.
Building a Website for a Mobile Auto Window Repair & Tint Business
1. Project Overview Client: A new business owner specializing in mobile auto window repair and tint services. Objective: To create a professional, mobile-friendly website that showcases services, builds trust, and drives customer inquiries. Role: UX/UI Designer Timeline: 2 Months.
2. Problem Statement The client needed an online presence that highlighted their expertise and convenience as a mobile service provider. The website had to: Educate users about the benefits of window repair and tinting. Showcase the client’s professionalism and reliability. Make it easy for customers to request quotes or book services.
3. Research & Insights User Research - Conducted interviews with potential customers to understand their needs (e.g., ease of booking, trustworthiness, service clarity).Explored competitors’ websites to identify gaps and opportunities. Key Findings - Customers value clear pricing, testimonials, and examples of previous work. Mobile accessibility is critical for users who want to book services on the go.
4. Design Process 1. Empathy Map & Persona Creation - Created a customer persona, "Busy Vehicle Owner," focusing on convenience, trust, and fast service. 2. Wireframes - Low-fidelity sketches focused on intuitive navigation and clear call-to-action placement. Iterated based on feedback to create high-fidelity wireframes. 3. Visual Design - Used a clean, professional aesthetic with automotive-inspired colors (e.g., sleek blacks, metallic grays, and tints of blue).Integrated the brand identity through typography and logo placement. 4. Interaction Design - Designed interactive elements like service categories and a quote request form. I focused on creating a seamless user flow from landing page to booking.
5. Final Solution Features Mobile-First Design: Optimized for smartphones and tablets to accommodate on-the-go users. Service Overview: Highlighted repair and tint services with visuals and detailed descriptions. Testimonials Section: Including customer reviews to build trust. Interactive Quote Form: Made it easy for users to provide details and request estimates.
6. Results & Feedback Launch Metrics: 20% increase in inquiries within the first month of launch. Client Testimonial: "I love being able to refer to my website, business card, or Google profile to be able to spread the word about my growing business. I've been busier with jobs and requests since the website has launched." - Rolando Lucas
7. Lessons Learned Importance of mobile-first design for service-oriented businesses. How user research drives better decisions, from features to visual elements. The value of iterating based on both client and user feedback. This project showcases my expertise in building and customizing WordPress websites, allowed me to create a tailored user-focused digital experience, and to meet the unique needs of the client. Using WordPress, I created a highly functional, scalable, and user-friendly website on Webflow.
8. Conclusion This project allowed me to create a tailored, user-focused digital experience that met the client’s needs and addressed their customers’ pain points. It reinforced my passion for designing solutions that empower small businesses to succeed online.
If you like what you see and want to work together, get in touch! I love feedback so please let me know if there is anything you’d like to see in my designs that I can improve. Let’s network!
.jpeg){kind=spacer}
