Grinscreen Digital Marketing Agency Website

Grinscreen Digital is a 360° digital marketing agency based in Bangladesh, known for producing viral short-form reels and serving 29+ brands including Pathao and major Dhaka F&B/lifestyle labels.

I built their entire website from scratch a dark, premium, media-forward experience using Next.js App Router, Tailwind CSS v4, and Framer Motion. The site features smooth Lenis scroll, scroll-triggered animations, a lazy-loaded reel showcase with 15 videos, an Embla carousel for static designs, and a client logo marquee.

• Implemented a bandwidth-first video strategy: 15 reels (~94 MB) are lazy-mounted and play only when in view, with preload='none' and poster fallbacks zero unnecessary downloads.
• Built with Next.js 16 App Router and Tailwind CSS v4 (CSS-first config via @theme) fully static-exportable and deployed on Vercel.
• Animated every section with Framer Motion scroll reveals and smooth Lenis scroll for a premium creative-studio feel.
• Showcases 6 core services: Reel Making, Static Design, Social Media Campaigns, Ad Services, Photoshoots, and 360° Brand Support.

Landing Page

Full-bleed, scroll-driven hero with the brand's signature near-black palette and glowing green accents. Smooth Lenis scroll, motion-revealed sections, and a live client marquee of 29+ brands.

Services & Reel Showcase

Services section detailing the agency's 6 core offerings, and a lazy-loaded reel showcase with 15 videos delivered with zero upfront bandwidth cost.

Portfolio & Contact

Portfolio page showcasing static social creatives and brand photography for F&B and lifestyle clients, plus a contact page.