The Problem

As a freelance designer and developer juggling multiple client projects, I needed a portfolio that wasn't just a static showcase — it needed to be something I could update constantly (new case studies, new writing, new media) without redeploying or hand-editing content files every time.

The Solution

I built a personal portfolio site with a dark, editorial aesthetic paired with a full auth-gated CMS dashboard. The public-facing site handles storytelling and presentation — case studies, project galleries, smooth scroll-based animations — while the private dashboard handles everything on the content-management side.

CMS Capabilities

The dashboard (accessible only to me via authenticated login) manages:

• Projects/case studies – add, edit, and publish new portfolio entries with structured fields (title, description, case study body, tech stack, tags, and SEO metadata)
• Project posts – write and publish articles directly from the dashboard
• Media library – upload and manage images via Cloudinary integration
• Contact submissions – view and track inbound inquiries from the site's contact form, all in one place

Design Approach

The public site uses a dark editorial layout — bold typography, generous whitespace, and scroll-triggered animation sequences (built with GSAP and Framer Motion) that give each project reveal a sense of intentional pacing rather than a static grid dump.

Technical Highlights

• Appwrite handles authentication for the CMS and data storage for projects/posts
• Cloudinary manages media uploads and optimized delivery
• The structured project schema (title, description, case study, technologies, tags, SEO title/description) is the same one used to publish every project on the site — including this one
• Built on Next.js 14 for fast page loads and clean SEO-friendly rendering, important given the low-bandwidth conditions common across parts of the African market I design for

Outcome

A self-sufficient publishing system: I can take a new client project from finished work to a fully SEO-optimized, live case study in minutes, with no code changes required.