Rockson Portfolio
A modern portfolio website designed in Figma and developed with Next.js, Tailwind CSS, and Sanity CMS. The project focuses on high performance, responsive design, smooth animations, and an easy-to-manage headless CMS for future content updates.
Client
Rockson
Duration
1 Month
Location
Remote
Year
2026
Challenge
The goal was to transform a custom Figma design into a pixel-perfect, high-performance portfolio while keeping the website fully responsive, SEO-friendly, and easy for the client to manage through a headless CMS.
Solution
The website was built using Next.js, TypeScript, and Tailwind CSS with reusable components and clean architecture. Sanity CMS was integrated to manage projects and content dynamically, while Framer Motion added smooth animations and interactions without affecting performance.
Project visuals
Live website ↗
Outcomes
- Completed the entire project within 1 month.
- Pixel-perfect conversion from Figma to Next.js.
- Fully responsive across desktop, tablet, and mobile devices.
- Integrated Headless CMS (Sanity) for easy content management.
- Optimized performance with fast loading times and SEO best practices.
- Reusable component-based architecture for future scalability.
Tools & stack
Services delivered
Next step
Ready to build something like this for your brand?
Tell us what you need — we'll reply with a clear plan
Share your goals and we'll send back scope, timeline, and pricing for your website or e-commerce project. Free consultation, no pressure.
Have a question? Reach out — we'd love to hear about your project.