Approach

As the Front-End Developer, I was responsible for implementing the technical solutions for Anorak’s website redesign. I created a custom Sanity CMS architecture, tailored to meet their content needs, ensuring the platform’s scalability and user-friendliness for both the Anorak team and visitors. Using Next.js in a monorepo setting, I implemented a responsive and accessible design system with Tailwind CSS. To enhance user engagement, I crafted dynamic animations and interactions with Framer Motion and leveraged Headless UI for advanced functionality, such as the accordion feature in the services section. I also developed SEO-focused Sanity schemas to optimize meta data, OpenGraph tags, and structured content, ensuring enhanced discoverability and search engine performance. Collaboration with a principal developer allowed me to refine visual details and deliver a robust, scalable solution.

Impact

The redesign successfully captured Anorak’s creative vision while meeting high SEO and accessibility standards. The custom Sanity CMS architecture empowered the Anorak team with intuitive content management capabilities, streamlining their workflows. My architectural planning and frontend implementation established a scalable and efficient foundation, ensuring the platform could adapt to their evolving content needs.

Sanity Architecture Planning
I leveraged Miro to design a scalable and intuitive CMS architecture, ensuring it aligned with Anorak’s content structure and workflows. This strategic approach not only supported efficient content updates but also empowered the Anorak team to manage their platform seamlessly.

Technology Stack

Frontend: Next.js, TypeScript, Tailwind CSS, Framer Motion, Headless UI

CMS: Sanity CMS

Infrastructure: Monorepo architecture using Turborepo

Planning: Miro (for CMS architecture design and workflow visualization)

Project Management: GitHub Projects (Kanban boards for task and issue tracking)Version Control: GitHub (task-linked branches and issues)

Deployment and Hosting: Vercel (automated deployments, preview environments, and production hosting)