Rittik Chakraborty View Resume ↗ Canvas ↗
Project // 03Status // builtYear // 2026

Abcbros Studio (Client Mockup)

A cinematic, conversion-focused marketing website concept for a Mumbai-based production studio, combining premium visual storytelling with lead-generation workflows.
PROJECT SCREENSHOTS // 03 FIGURES
FIG / 01hero
FIG / 02services
FIG / 03contact

[01 // The Problem]

Creative production studios need to communicate visual quality and creative credibility while also converting high-intent visitors into qualified inquiries. The challenge was to design a premium digital experience that could showcase cinematic work, services, results, and studio capabilities without sacrificing performance or conversion clarity.

[02 // The System]

Portfolio items, metrics, testimonials, and studio contentSanity CMS
→
Server-rendered marketing pages and routingNext.js App Router
→
Centralized design theme systemTailwind CSS
→
Persistent website inquiry and lead storageMongoDB

[03 // The Build]

  • Cinematic full-screen hero experience with production-focused visual direction
  • Interactive portfolio grid with category filtering and video presentation
  • Service pages covering Reels, brand shoots, social media management, and influencer campaigns
  • Lead capture workflow with server-side validation and persistent inquiry storage
  • Testimonials and verified result metrics with animated counters
  • Responsive mobile-first layout with performance-aware media behavior
  • Sanity-powered content architecture for portfolio and studio data
Next.jsReactTypescriptTailwind CSSFramer MotionMongoDBSanityVercel

[04 // Engineering Notes]

Note // 001
ChallengeCreating a visually rich cinematic experience without allowing animation and media to dominate performance.
DecisionUse a combination of optimized media loading, responsive assets, and conditional interaction behavior across desktop and mobile.
TradeoffSome richer interactions are intentionally reduced on mobile to preserve battery life, bandwidth, and usability.
Note // 002
ChallengeMaintaining a consistent premium visual system across multiple pages and reusable components.
DecisionCentralize design tokens for color, typography, and animation behavior instead of scattering visual values throughout the component tree.
TradeoffThe centralized system adds upfront structure but makes future visual changes more predictable and maintainable.
Note // 003
ChallengeSupporting dynamic studio and portfolio content without tightly coupling content updates to application code.
DecisionUse Sanity as the content layer while keeping structured fallback or mock data available during development.
TradeoffThe CMS introduces additional integration complexity but allows portfolio content to evolve independently of the frontend.

[05 // Result]

Production Record
90+ Web Analytics Score