#1

User Testing

User testing was done post-development and pre-launch to ensure a smooth experience across devices (why & when). It focused on navigation, responsiveness, button actions, and usability (what). Testing was manual using real devices and Chrome DevTools (how), targeting key areas like the hero, services, and contact sections (where). All testing was independently performed and reviewed by me (who).

#2

Competitive Research

Competitive research was done early in the planning phase, before wireframing (when), to identify design trends, SEO gaps, and messaging strategies (why). It involved manually analyzing over five local auto repair competitor websites (what & how). The focus was on businesses within the same area (where), and the research was independently conducted by me (who).

#3

Wireframes

Wireframes were created after research and content planning (when) to define the website structure before design (why). Low-fidelity layouts for key sections like the hero, services, and contact were made in Figma, focusing on user flow and content hierarchy (what & how). They were applied to the main layout (where) and fully developed by me (who).

#4

Prototypes

Prototypes were created after finalizing wireframes and design elements (when) to visualize the site’s look and functionality before development (why). Built in Figma with real content and interactions, they showed high-fidelity layouts and user flow (what & how). The full single-page layout—from hero to contact—was covered (where) and fully designed by me (who).