Skip to content
← All Work

NEF Conference

2025FrontendDesign

A responsive conference website for the Nepal Engineering Forum's annual international event, built to handle registration, scheduling, and real-time updates for 500+ attendees across multiple tracks.

NEF Conference

The Problem

The Nepal Engineering Forum needed a conference website that could handle multi-track scheduling, speaker bios, and attendee registration without relying on expensive third-party platforms. Previous events used static pages that required manual updates and couldn't communicate schedule changes in real time.

The Solution

A purpose-built conference site with a dynamic schedule builder, speaker directory with filterable expertise tags, and a registration flow integrated with email confirmations. The schedule component updates in real time and supports personal agenda bookmarking.

The Approach

I designed mobile-first, knowing most attendees would check schedules on their phones during the event. The schedule grid uses CSS Grid with time-slot rows and track columns, collapsing to a swipeable card layout on mobile. Speaker data lives in a headless CMS so organizers can update bios and photos without touching code. Framer Motion handles page transitions and micro-interactions to make the experience feel polished despite tight timelines.


Technology
Next.js
TypeScript
Tailwind CSS
Framer Motion

Key Features
  1. 01Multi-track schedule grid with personal agenda bookmarking
  2. 02Speaker directory with filterable tags and session links
  3. 03Responsive registration flow with email confirmation
  4. 04Animated page transitions and scroll-driven reveals
  5. 05Real-time schedule updates without page refresh
  6. 06Accessibility-first design meeting WCAG AA standards

Interested in working together?