To bring KnitAddict to life, I followed a structured development workflow that combined modern front-end tools with intentional UI design.

Planning the Experience

I began by defining the site architecture — homepage, shop categories, new arrivals, blog, about, and contact pages. Wireframes helped visualize flow, hierarchy, and how brand storytelling should be presented.

Styling

For styling, I combined Tailwind CSS utilities with custom CSS for finer brand expressions such as spacing, typography, and responsive layout tweaks. Tailwind accelerated development and kept styling consistent, while custom CSS allowed me to refine visual personality.

Component-Driven Development

Using Vue and Nuxt, I transformed static sections into modular components:

• Reusable product cards, headers, footers, banners, and grids

• Page routing handled through Nuxt for seamless navigation. This approach made the project scalable and easy to maintain.