Pathfinder Pro

Pathfinder Pro

KnitAddict

Improving multi-level navigation for gallery visitors.

Grace Pham

5 min read

Mumbai

2025

Overview

KnitAddict is a handcrafted e-commerce experience designed to showcase knitwear and crochet products through a clean, modern, and storytelling-driven interface. This static website was built using HTML, CSS, JavaScript, Nuxt, and Vue, enabling both rich interaction and maintainable component-based architecture.

Duration

Duration

1 week

1 week

Team

Team

Just me!

Just me!

Role

Role

Front-end Developer

Front-end Developer

Skills

Skills

HTML, Tailwind CSS, JavaScript, Vue, Nuxt JS

HTML, Tailwind CSS, JavaScript, Vue, Nuxt JS

How I made it

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

Planning

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.

primary-persona
primary-persona

KnittAddict sitemap

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.

Developing

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 my project scalable and easy to maintain.

  • Last but not least, I used Netlify to deploy my live site.