Branding

Mobile App

Accessibility

Design System

Healthcare

Zerotoonelab Designathon 2025

The ZeroToOne Lab Designathon 2025 website was created to promote our annual design challenge and serve as a single destination for participants to explore the event, understand the process, register, and stay informed. I designed and developed the complete website in Framer, focusing on storytelling, interaction, and responsive performance.

Live Preview

Role

Framer website Developer

Timeline

2025 | 4 weeks

Client

Zerotoone Lab

Tools

Problem Statement

More than an event page.

Unlike product dashboards where users return frequently, event websites have only a few seconds to capture attention.

The experience needed to answer questions immediately:

What is this event?
Why should I participate?
When is it happening?
How do I register?
What do I gain from joining?

Every section was designed to progressively answer these questions while maintaining visual momentum throughout the page.

of visitors can’t find the registration deadline in their first 30 seconds

sections a visitor scrolls past before the event date & venue appear

arrive on mobile, where the long, animated page is hardest to scan

leave the site without finding the answer they came for

Defining Problem Statement

A designathon isn't just another company event—it represents creativity, innovation, and community. The website needed to generate excitement while making it effortless for visitors to understand what the event was about and how to participate. The challenge was to balance vibrant visuals with clear communication without overwhelming users with information.

Research

Who's Really Landing Here

Rather than jumping into visuals, I started by asking who actually opens the Designathon page and what they're trying to find in their first thirty seconds.

I mapped four very different visitors, from a curious student to a team lead assembling four people, and traced the exact questions each one arrives with.

Ananya Shah

21 · Frontend Developer · Pune

“I landed on the page hyped then spent ten minutes just trying to find how and when to register.”

Pain Points:

Dates, deadline and fee are scattered down a long page
Not sure whether she’s even eligible to apply
No single, obvious path to actually register

Ananya Shah

21 · Frontend Developer · Pune

“I landed on the page hyped then spent ten minutes just trying to find how and when to register.”

Pain Points:

Dates, deadline and fee are scattered down a long page
Not sure whether she’s even eligible to apply
No single, obvious path to actually register

Rohit Deshmukh

27 · Nextjs Developer · Mumbai

“Before I pull four colleagues in, I need the rules in one place not spread across five sections.”

Pain Points:

Team-composition rules are buried inside the roadmap
Round structure and dates take effort to piece together
Can’t tell what’s expected in the elimination round

Rohit Deshmukh

27 · Nextjs Developer · Mumbai

“Before I pull four colleagues in, I need the rules in one place not spread across five sections.”

Pain Points:

Team-composition rules are buried inside the roadmap
Round structure and dates take effort to piece together
Can’t tell what’s expected in the elimination round

Meera Kulkarni

29 · Full-time dev, browsing on phone · Bengaluru

“I’m skimming on my phone between meetings I just want the what, when and where right up top.”

Pain Points:

Endless scrolling past animations to reach the facts
Core details aren’t scannable at a glance
Text-heavy sections lose her on a small screen

Meera Kulkarni

29 · Full-time dev, browsing on phone · Bengaluru

“I’m skimming on my phone between meetings I just want the what, when and where right up top.”

Pain Points:

Endless scrolling past animations to reach the facts
Core details aren’t scannable at a glance
Text-heavy sections lose her on a small screen

Aditya Verma

22 · Fresher · Nashik

“I read the whole page twice and still don’t know what actually happens once I sign up.”

Pain Points:

No clear “what happens next” after registering
Unfamiliar jargon with nothing to explain it
No FAQ, so basic questions go unanswered

Aditya Verma

22 · Fresher · Nashik

“I read the whole page twice and still don’t know what actually happens once I sign up.”

Pain Points:

No clear “what happens next” after registering
Unfamiliar jargon with nothing to explain it
No FAQ, so basic questions go unanswered

Key Insight

Visitors weren't looking for a beautiful page they were hunting for five facts: what, when, where, who can join, and how to register.

Opportunity mapping

Answer First, Impress Second

Once I knew the questions visitors arrive with, I mapped every block of the page against how urgently it's needed and how much it drives a registration.

Instead of adding more sections, I re-ordered and sharpened the ones that answer the five core questions first and let personality carry the rest.

Every block was prioritised on two criteria:

• Information Priority — how urgently a visitor needs it to decide whether to join.

• Decision Impact — how strongly it pushes a ready visitor toward registering.

Rather than a longer page, Designathon 2025 front-loads the essentials what, when, where, who and how then uses colour, motion and illustration to keep momentum toward the CTA.