CMS-Driven Website with a Reliable Contact Flow

Status: delivered - Project Type: Website Development

Introduction

SugarCube Media needed a modern website that clearly presents their brand and services, while staying fast, easy to maintain, and straightforward for visitors to navigate. A key requirement was that the team could update content independently, without relying on development for every change.

Challenges

  • Keeping the site lightweight and responsive while still allowing flexible content updates.

  • Providing a contact flow that reliably delivers enquiries to the inbox (not just storing submissions).

  • Ensuring the build is maintainable and scalable for future updates.

Our Approach

I developed a single scrolling website made up of clear, distinct sections. The build focuses on speed, consistency and a predictable editing workflow. Content management was set up so text and sections can be updated quickly, without touching code.

Technical Approach

  • Framework: Next.js

  • Styling: Tailwind CSS

  • CMS: Payload CMS (to manage and edit content)

  • Contact form: SMTP email delivery via Nodemailer

Features Delivered

  • Payload CMS setup for simple content updates

  • Structured section-based layout for a clear visitor journey

  • Contact form with SMTP delivery (Nodemailer) for dependable message sending

  • Responsive implementation for desktop and mobile

Result

The outcome is a clean, fast website that is easy to maintain and supports a clear route from first impression to contact, with a dependable form setup for incoming enquiries.

Related case studies: