Portfolio du cinéaste Moses Udoh
Un site portfolio cinématographique prêt pour la production, construit pour le cinéaste et directeur photo Moses Udoh, combinant présentation animée, SEO, infrastructure de domaine et performance de lancement.
Stack technique
Next.js
TypeScript
Chakra UI v3
+5 de plus
Client
Moses Udoh / Energee Visuals
Mandat
Lancement de site portfolio client rémunéré
Axes de travail
Design adaptatif
Design UX
Le défi
Ce qui devait changer.
"Le client avait besoin d'un site portfolio cinématographique et premium, tout en restant rapide, accessible sur tous les appareils et capable de le positionner professionnellement sur le marché canadien."
L'approche
Comment cela a été construit.
J'ai conçu et lancé un portfolio Next.js de production avec présentation animée, pages de projets structurées, fondations SEO complètes, gestion des courriels de contact et déploiement propre sur Vercel.
Aperçu du projet
Il s'agissait d'un lancement complet en production pour le cinéaste et directeur photo Moses Udoh. L'objectif était de créer une présence numérique alignée avec sa discipline visuelle, son identité narrative et son travail entre le Nigeria et le Canada.
Objectifs
Le projet visait une expérience cinématographique animée, un positionnement professionnel au Canada, une présentation claire des travaux, une base SEO solide, une infrastructure stable et une fondation évolutive.
Portée du travail
La portée couvrait le développement frontend, l'architecture de contenu, la performance, l'accessibilité et la livraison en production.
Décisions de design et frontend
L'expérience a été traitée comme volontairement cinématographique. Le mouvement, la palette sombre, les accents de marque et la hiérarchie typographique soutiennent la narration sans rendre l'interface décorative.
Pourquoi cette stack était pertinente
Même si la stack peut sembler ambitieuse pour un portfolio, elle a été choisie parce que le site est une première phase appelée à évoluer vers une plateforme plus large pour Energee Visuals.
Performance et optimisation
La performance a été traitée comme une exigence de lancement : optimisation d'images, intégrations YouTube chargées à la demande, chargement de polices, accessibilité et ajustements orientés Lighthouse.
Infrastructure et SEO
Au-delà de l'interface, j'ai géré la configuration du domaine Namecheap, DNS, Vercel, Resend, sitemap, robots, métadonnées et soumission à Google Search Console.
Réflexion studio
Ce premier lancement client officiel de Sawyer Camp DevLab a couvert développement, motion design, SEO, courriel, domaine, performance et déploiement, ce qui représente bien le modèle full-stack du studio.
Livrables
Pages Accueil, À propos, Portfolio, Services, Contact et détails de projets
Architecture de projets dynamique basée sur des slugs
Interactions Framer Motion et présentation cinématographique
Formulaire de contact avec courriel transactionnel
Sitemap, robots, métadonnées, Open Graph et Search Console
Domaine personnalisé, configuration DNS et déploiement Vercel
Pourquoi c'était important
Lancé un site de production complet sous Sawyer Camp DevLab
Établi les bases SEO et d'indexation dès le premier jour
Configuré le domaine, DNS, hébergement et courriel transactionnel
Créé une structure de contenu évolutive pour les mises à jour futures
Visé de bons scores Lighthouse sur performance, SEO, accessibilité et bonnes pratiques
Besoin de quelque chose de similaire?
Sawyer Camp DevLab convient particulièrement aux fondateurs, petites entreprises et équipes qui veulent un partenariat technique direct et une démarche produit réfléchie.
Démarrer un projet