Clappform

Component-driven website redesign focused on performance, scalability, and content management
  • Year25
  • RoleFront-end Development
  • StackVue 3 · Nuxt 3 · Tailwind
  • ClientClappform
  • Duration5 months
  • Liveclappform.com
Mockup of the recent Clappform website
02 25
FRONT-END & DESIGN — VISUALS
ClappformFront-End & DesignClappformFront-end DevelopmentA note to self25ClappformFront-End & DesignClappformFront-end DevelopmentA note to self25ClappformFront-End & DesignClappformFront-end DevelopmentA note to self25ClappformFront-End & DesignClappformFront-end DevelopmentA note to self25
Introduction

During my internship at Clappform, I worked as a Front-End Developer on the redesign of the company’s marketing website. The goal was to create a scalable and maintainable platform that could be managed by non-technical team members while meeting modern standards for accessibility, performance, and responsiveness. Using Vue, Nuxt 3, Tailwind CSS, and Nuxt Content, I developed reusable components, implemented multilingual support, and designed a flexible content management workflow that reduced reliance on developers for content updates.

01 /Research

I began by researching Clappform’s existing website, competitor platforms, and the technical requirements for the redesign. At the same time, I familiarized myself with Vue, Nuxt 3, Tailwind CSS, and the Supastarter boilerplate used within the company. This phase also included investigating different content management approaches, multilingual architecture, accessibility requirements, and performance best practices.

02 /Concept

Because the final designs were still in development, I collaborated with stakeholders through content sessions, UI reviews, and planning meetings to define the website structure. I translated these discussions into initial concepts, navigation structures, reusable page layouts, and a content model that could support future growth. Accessibility and responsive behaviour were considered from the start of the design process.

03 /Prototyping & Development

I developed the website using Nuxt 3, Vue, and Tailwind CSS, starting with static pages before converting them into a dynamic and scalable architecture. I implemented dynamic routing, multilingual support with i18n, and a custom content management workflow using Nuxt Content and Markdown. The focus was on reusable components, maintainable code, and an editing experience that allowed non-technical team members to manage content independently.

04 /Testing & Optimalization

The final phase focused on validating usability, accessibility, and performance. I tested the website using Lighthouse, PageSpeed Insights, Chrome DevTools, and Polypane, while also gathering feedback through usability testing. Insights from these evaluations helped improve responsiveness, accessibility, content clarity, and overall performance before delivery.

Conclusion

This project challenged me to go beyond building interfaces and think about scalability, content management, accessibility, and long-term maintainability as a whole for the first time. Working with a completely new stack in a very short time pushed me to learn quickly, experiment with different solutions, and collaborate closely with multiple stakeholders. The result was a flexible marketing platform that created a foundation for future iterations while helping me grow both technically and professionally.

Keep poking aroundSee everything ↗