☰

Open Fern Studio - Marketing Agency Website

Live SiteGitHub
Open Fern Studio Website Screenshot

Project Overview

Built a professional website for Open Fern Studio, a social media marketing agency specializing in video content creation. The site serves as their primary client-facing platform, showcasing their portfolio and services with modern design and smooth animations.

Challenges & Solutions

  • Optimized video and image loading for fast initial page render
  • Implemented smooth scroll-based animations without impacting performance
  • Built a responsive layout that adapts from mobile to desktop seamlessly
  • Set up SEO best practices to improve organic search visibility

Technical Overview

Architecture & Stack

  • Framework: Next.js with TypeScript
  • Styling: Tailwind CSS
  • Animation: Framer Motion
  • Key Features: Dynamic Routing, SEO Optimization, Content Management Integration

Key Features

  • Responsive design adapting to all devices
  • Portfolio showcase with video previews
  • Team member profiles and service descriptions
  • Contact form with validation
  • Deployed on Vercel with automatic CI/CD

Technologies Used

Next.jsReactTailwind CSS