Moses Udoh Cinematographer Portfolio
A production-grade cinematic portfolio website built for filmmaker and cinematographer Moses Udoh, combining motion-forward presentation, SEO setup, domain infrastructure, and launch-ready performance.
The Challenge
What Needed to Change
The client needed a portfolio site that felt cinematic and premium while still loading quickly, working across devices, and helping position him as a professional filmmaker in the Canadian market.
The Approach
How It Was Built
I designed and launched a production-grade Next.js portfolio with motion-forward presentation, structured project pages, full SEO foundations, contact email handling, and clean domain deployment on Vercel.
Project Overview
This was a full production launch for filmmaker and cinematographer Moses Udoh. The goal was to create a digital presence that reflected his visual discipline, storytelling identity, and cross-market work spanning Nigeria and Canada.
Objectives
The project focused on six clear goals: create a cinematic motion-forward experience, position Moses professionally in the Canadian market, showcase documentary and commercial work, implement SEO correctly from launch, deploy on stable infrastructure, and leave a scalable foundation for future updates.
Scope of Work
My scope covered frontend development, content architecture, performance work, accessibility refinement, and production delivery. Pages included the homepage, about page, portfolio page, services page, contact page, and individual project detail pages driven by slug routing.
Design and Frontend Decisions
I treated the experience as intentionally cinematic. Motion was handled with Framer Motion, the dark visual language was preserved, and a muted accent color derived from the client's logo helped maintain brand continuity. Typography hierarchy and subtle emphasis were used to support storytelling without making the interface feel ornamental.
Why This Stack Made Sense
On the surface, a modern application stack can look ambitious for a portfolio site. In this case, it was chosen deliberately because the portfolio is only phase one. The longer-term plan is for the site to evolve into a broader Energee Visuals studio platform when budget allows, with richer content, deeper media presentation, and additional business-facing features. Using Next.js, TypeScript, and a scalable component architecture now avoids treating the first launch as disposable work that would need a full rebuild later.
Performance and Optimization
I treated performance as a launch requirement, not a post-launch cleanup task. The work included image optimization, lazy-loaded YouTube embeds, optimized font loading, accessibility refinements, and Lighthouse-oriented tuning across the main pages.
Infrastructure and SEO
Beyond UI and code, I handled hands-on launch infrastructure: guiding the client through Namecheap domain setup, configuring DNS, connecting the custom domain to Vercel, setting up Resend for transactional email, implementing sitemap and robots files, generating page-level metadata, and submitting the site to Google Search Console for indexing.
Studio Reflection
This was Sawyer Camp DevLab's first official client launch and it covered far more than frontend implementation. It included development, motion design, SEO setup, email infrastructure, domain configuration, performance work, and production deployment, which makes it a strong representation of the studio's full-stack delivery model.
Client
Moses Udoh / Energee Visuals
Engagement
Paid client portfolio website launch
Focus Areas
Stack
Delivered
Homepage, About, Portfolio, Services, Contact, and project detail pages
Dynamic slug-based project architecture
Framer Motion interactions and cinematic UI presentation
Structured contact form with transactional email handling
Sitemap, robots, metadata, Open Graph, and Search Console setup
Custom domain, DNS configuration, and Vercel production deployment
Why It Mattered
Launched a fully deployed production website under Sawyer Camp DevLab
Established SEO and indexing foundations from day one, including sitemap, robots, metadata, and Search Console submission
Configured supporting infrastructure across domain, DNS, hosting, and transactional email
Created a scalable content structure for future updates and additional project pages
Delivered Lighthouse score targets across major pages for performance, SEO, accessibility, and best practices
Need Something Similar?
Sawyer Camp DevLab works best with founders, small businesses, and teams that need direct technical partnership and a product-minded build process.
Start a Project