← All work
Project 04·Agency website · 2024

24Media Global

Editorial website for a creative agency

Next.jsJavaScriptTailwindshadcn/uiNode.jsVercelSEOClient build · Design and build
24Media Global interface
RoleClient build · Design and build
StatusLive
StackNext.js, JavaScript, Tailwind, shadcn/ui, Node.js, Vercel, SEO

01The problem

A creative agency needed a website that shows its work and makes it easy to get in touch.

02The approach

An editorial Next.js site with a clear services story, a portfolio and a contact section, designed and built together and deployed on Vercel.

03What I built

  1. Hero built around the agency promise: Your Voice. Your Vision. Our Execution.
  2. Services section covering strategic branding, content creation, social media management and custom printing
  3. Portfolio of work and a contact section
  4. UI built with Tailwind and shadcn/ui components
  5. On-page SEO: meta tags, semantic HTML, Open Graph tags and a sitemap
  6. Lead and contact workflows with fluid CSS and JS animation
  7. Deployed on Vercel

04What changed

  • Busy professionals and growing brands see what the agency does within one scroll
  • Visitors can reach the team from the contact section instead of searching for a way in
  • Search engines and shared links show proper titles and previews
  • The site is live on Vercel