Swiggy events page
Project timeline
3-4 days
my role
Visual Design, Motion Design, Solo project
Mobile link
STRATEGY
PROBLEM STATEMENT
Hey reader, this was an assignment that i worked on for swiggy here's the problem statment.
Imagine a famous chef from Italy who has gained worldwide fame and is now touring India. During his stop at Bangalore, he notices the city’s buzz around
weekend pop-up events. Inspired by this trend, he decides to host a coffee-themed pop-up in Indiranagar and sell tickets through Swiggy.
Your task is to:
Design a promotional banner & landing page that captures the essence of the chef’s unique coffee pop-up event. The landing page should highlight key details – like date, venue, and the chef’s unique charmand a clear CTA button linking to the ticket booking
(What & why)
↓
↓
↓
↓
↓
↓
↓
↓
↓
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
↓
↓
↓
↓
↓
↓
↓
↓
↓
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
↓
↓
↓
↓
↓
↓
↓
↓
↓
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
↓
↓
↓
↓
↓
↓
↓
↓
↓
design insight
Jobs to Be Done
1. Storytelling via Motion (Reducing Cognitive Load)
The Insight: Users often skim past "What to Expect" text blocks.
The Finesse: Instead of a manual scroll, we use Kinetic Storytelling. As the user enters the fold, a 4-part motion sequence triggers automatically.
2. The "Host-as-Hero" Model (The Airbnb Pivot)
The Insight: People don't buy tickets for coffee; they buy access to mastery.
The Finesse: Borrowing the Airbnb Experiences model, we elevate Chef Marco from "cook" to "The Brand." Every interaction—the audio note, the Polaroids, the signature on the menu—reinforces that this is a once-in-a-lifetime access point.
3. Low-Friction Ecosystem (Swiggy UI Repurposing)
The Insight: Novelty is exciting, but unfamiliarity is scary.
The Finesse: We keep the "Zine" energy for the discovery phase, but the moment the user moves to transaction, we repurpose Swiggy’s UI patterns. This utilizes Jacob’s Law (users prefer your site to work like all the other sites they already know).
Here is the existing Screen shot of the event landing page that i took as a base and created information architecture on and wireframed on it.
event details
What to expect
About
the host
Venue
details,
One of the key frictions for people to sign up for events lik these not being able to see what to expect at these, events i used motion to communicate this, also doubled down on the host as the hero as Airbnb usually does in their experience pages.
To create a personal feel with the chef i also added and ai voice note that the chef's added to communicate with thier user.
Followed the right kind of information hierearchy that swiggy scenes alredy follows to create this.
Moodboard
India meets Italy
Swiggy events page
Swiggy assignment
3 days turn around time
Problem Statement
Problem Statement
Design a promotional banner & landing page that captures the essence of the chef’s unique coffee pop-up event. The landing page should highlight key details – like date, venue, and the chef’s unique charmand a clear CTA button linking to the ticket booking
About
This project was quite critical from a conversion standpoint current user base of the elite users were 15% but they accounted for 28% of the d2c revenue. We wanted to increase that percentage. This meant tackling multiple flows accross different user journeys.
01
01
01
01
01
01
01
Information architecture
Existing image and wireframe on that basis
What to expect
venue details
event description
cta
↓
↓
↓
↓
↓
↓
↓
↓
↓
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
↓
↓
↓
↓
↓
↓
↓
↓
↓
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
↓
↓
↓
↓
↓
↓
↓
↓
↓
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
scroll
↓
↓
↓
↓
↓
↓
↓
↓
↓
Iterations
final output
If you wanna experience the actual prototype here's the link.
https://swiggylp.framer.website/
Wanna know more of what went into the product work to come up with the final designs check out the figma files here
Access figma file
