Live Site · Desktop · Full Page
At India AI Impact Summit 2026 — Razorpay's biggest AI moment — I built the event microsite that launched four groundbreaking AI-powered payment products to the world.
Working from a Figma design handoff, I developed the full multi-breakpoint Framer site across 5 screen sizes, live for Booth 112 at Bharat Mandapam, Delhi — shipped within a 2-week sprint.
India AI Impact Summit 2026 was Razorpay's stage to announce four major AI-first payment products. The microsite needed to communicate cutting-edge innovation clearly — to developers, founders, and enterprise decision-makers — all in one scroll.
The design team delivered Figma files featuring Razorpay's sharp editorial style: bold type, deep blacks, electric accents, and product-forward layouts. My job was to translate that vision into a live, responsive Framer site ready for the event booth and the world.
Before touching Framer, I audited the Figma file — cataloguing every reusable component, design token, and layout pattern.
Five breakpoints running simultaneously — Desktop 1440, Desktop 2 1280, 4K 2560, Tablet 768, Phone 390. Each fully reworked, not just scaled.
Each product launch got a dedicated section with partner logos, descriptions, and CTAs — content-heavy but visually unified.
Performance passes, cross-device QA across 4 physical devices, and Framer publish — the site had to be bulletproof on day one.
Building for 2560px+ required rethinking type scale, container widths, and whitespace — not just stretching the desktop layout.
Eight external brands featured without overwhelming Razorpay's identity. Consistency through systematic rules, not case-by-case decisions.
The site needed fast load under live event conditions — mobile networks, concurrent hits. Every asset manually optimised pre-summit.
The designer's vision deserved to survive the handoff. Translating editorial Figma layouts to Framer's component model required precise property mapping.
All five breakpoints ran simultaneously in Framer during development. Tablet and mobile layouts were fully reworked — typography, grids, and gestures each tuned per screen size.
The microsite launched on Day 1 of India AI Impact Summit 2026, supporting all four product announcements live from Booth 112. Zero issues on launch day.
A summit start date is non-negotiable. That constraint eliminated design drift and kept every decision focused on what was essential.
Five simultaneous canvas frames expose layout assumptions that never surface on a single-breakpoint build.
Featuring eight external brands without losing Razorpay's identity required consistent rules — not case-by-case decisions.
A well-structured Figma file with clear tokens and named components translated directly into build speed.
