App design · UX / UI · for UXIndia 2026
CLIENT
Self-initiated, from volunteering at UXIndia 2026
SCALE
5-day conference app · 8 screens · 3 attendee types
MY ROLE
Research, flows, wireframes, UI, design system, coded prototype
TIMELINE
2026 · 15 days
Open the prototype →
01 · Context · The conference
I volunteered in hospitality and operations. All day, people had the same questions like: where is my session, has it moved, and who should I meet? The answers were spread across printed schedules, WhatsApp groups and word of mouth so most of the times even I did not know for sure.
01 · Context · The idea
The app isn’t organised by features. It follows an attendee’s day.
Arrive: where do I go and what’s first.
Session: what’s on, and a quick note.
Break: who should I meet and what’s next.
Recap: what did I miss and who did I meet.
Each stage shows only what you need in that moment.
Arrive
Next session, a countdown, the map to ease arrivals.
Session
Time left, the speaker, one note box to collect thoughts.
Break
Swipe Meet or Skip. Intros need both to say yes.
Recap
Your day, kept to share or download.
02 · Process · People
Every screen had to work for all three.
COMES ALONE
01
Meera, 27
“I know three people here.”
WANTS
Meet the right people, without the awkward bit
WORRIED BY
Cold introductions
Shaped: Ask and Offer on Break
COMES WITH HIS TEAM
02
Arjun, 34
“Wait, which room are we in now?”
WANTS
Never miss a room or time change
WORRIED BY
Printed schedules are not updated
Shaped: Orange alerts + one schedule
VOLUNTEER AT THE DESK
03
Sana, 22
“Everyone asks me where Hall B is.”
WANTS
Answer fast, point the right way
WORRIED BY
The same question, again
Shaped: Lorem + crowd map
03 · Design · Final screens
Eight screens from the vibecoded prototype, in the order an attendee meets them. Shown at the app’s real proportions.
01
Log in
02
Welcome
03
Schedule
04
Home
05
In session
06
Break
07
Ask and Offer
08
Leaving: Recap
04 · Features · Home
Live ticker: changes scroll past in orange.
Next session: title, room and a big countdown.
View schedule: jump between the five days in one tap.
Session card: flips to show the brief and speaker.
Ask + Offer: two pieces that fit together.
Quick actions: the current stage grows to show its name.
04 · Features · Lorem, the assistant
Where is it?
Room changes
Pick a session
What next?
04 · Features · Ask and Offer
Walking up to a stranger is the hard part, so the app does the first step for you.
1
Start of the day
Add one thing you’re looking for (your ask) and one thing you can help with (your offer).
2
In the break
The app suggests people whose asks and offers match yours.
3
Swipe
Meet or skip, like a card. Nobody sees a skip.
4
Both say meet
A short meeting is booked for that break, with a spot to find each other.
05 · The design system
Graphite and soft linen do most of the work, so colour stays rare. Bold shapes and drop shadows make it feel tactile and easy with one thumb.
One font. A few loud colours.
DM Sans
Regular · Medium · SemiBold · Bold
Big, steady numbers for timers. Short labels you can read while walking.
Colour, by how much of the screen it covers
60%
PRIMARY
Graphite · #2C2E2E
App background in dark theme. Almost every screen sits on it.
15%
PRIMARY
Slate · #3B3E3E
Cards, sheets and the navigation capsule.
10%
SECONDARY
Soft Linen · #E8EDDF
Text on dark, and the light-theme background.
6%
SECONDARY
Light Blue · #ADD8E6
Default buttons, info states and Offer.
4%
ACCENT
Celadon · #ACE1AF
Confirm, active nav and Quiet crowd zones.
4%
ACCENT
Molten Orange · #E8601C
The main action, countdowns, Ask and alerts.
1%
ACCENT
Signal Rose · #FF5C7A
Errors and Busy crowd zones only.
Percentages are the share of screen area set in the UXIndia design system: 60 · 15 · 10 for the base, accents kept small so they stay loud.
Primary button: presses down and springs back.
Icon buttons: Google, Apple and Microsoft sign-in.
06 · Reflection
next: volunteer and speaker modes, tested at the next edition ✿
© 2026 Kashvi Singhal