Spaced.id

Spaced.id is a full-featured digital platform designed for a subscription-based design agency. This project demonstrates the implementation of high-performance web architecture, interactive UI components, and client-friendly content management.

On the frontend, the website utilizes Next.js and Tailwind CSS v4 with a strong focus on page speed. Below-the-fold page sections are lazy-loaded dynamically to ensure optimal initial loading speeds and positive Core Web Vitals. The user experience is brought to life using Framer Motion, which powers premium visual components like the infinite auto-scrolling testimonial grid, interactive modals, and background canvas animations.

The backend relies on Payload CMS v3 paired with PostgreSQL, giving administrators complete power to update the agency's creative library, portfolio pieces, and articles. Furthermore, every article and project detail page is fully optimized for search engines through custom SEO groups in the CMS and an automated sitemap generator that updates in real-time as content is published. The checkout process features dynamic currency/pricing toggles and a custom bank transfer modal integrated directly with WhatsApp for instant order confirmation.