Conference Launch Site with Motion Design
A fast, animated single-page event site for a cybersecurity summit — speakers, schedule, sponsors, and registration in one scroll.
- Industry
- Events & Marketing
- Location
- Global
- Timeline
- Rapid build
By the numbers
- 1 page
- Hero, speakers, schedule, sponsors, registration
- IntersectionObserver
- Scroll animations, no heavy libraries
- Static
- Deployable as static assets for fast loads
- Responsive
- Mobile, tablet, and desktop
The problem
An industry summit needed an online presence that signalled credibility to a senior security audience — CISOs and threat-intelligence professionals — and converted them into registrations. It had to ship fast, before the event, with speakers, schedule, sponsors, and a registration flow, and it had to feel premium on every device without a heavy CMS or slow page loads.
What we built
We built a single-page React + TypeScript + Vite site with a dark, motion-driven design: scroll-triggered animations via the Intersection Observer API, a loading sequence, and sections for hero, features, about/theme, speakers, schedule, sponsors, and registration — all responsive and deployable as static assets.
Our approach
- Designed a dark, premium visual system aimed at a senior security audience
- Built scroll-triggered animations with the Intersection Observer API for performance — no heavy animation libraries
- Structured the page into hero, speakers, schedule, sponsors, and registration sections
- Made every section responsive across mobile, tablet, and desktop
- Kept it static-deployable for fast global loads and simple hosting
- Centralized event content so speakers, schedule, and sponsors are easy to update before the event
Results & outcomes
- Single-scroll event site covering speakers, schedule, sponsors, and registration
- Performance-conscious animations using Intersection Observer, not bulky libraries
- Responsive across devices with a premium dark aesthetic
- Static deployment for fast global loads and low hosting overhead
- Event content easy to update in the run-up to the date
Single-scroll event launch
Analysis
For a time-boxed event, the priorities are credibility, speed, and conversion — so the site is a single performant scroll rather than a CMS. Animations use the Intersection Observer API instead of a heavy animation library, keeping the bundle light and loads fast on every device, which matters for a senior audience clicking through from email or LinkedIn. Static deployment means near-zero hosting overhead and resilience under a registration-day traffic spike.