Back to Work

UX + information architecture · Event platform

Queer Calendar:
community, centered.

After a San Diego networking event, I was introduced to the founder of Queer Calendar. She had a vision for a place where LGBTQ+ people find events they trust. I turned it into a structured mobile and desktop design, and it became the starting point for the live site.

  • Site mapping
  • Information architecture
  • iOS, Android, Web
  • 5 months
Schedule a call Visit qcal.app
The Queer Calendar home screen I designed: a Find Your Queer Events search, event cards with prices, Explore Events categories, suggested events, curated cities, and virtual experiences

The challenge

Finding community shouldn't be a scavenger hunt.

Mainstream event sites had no way to filter by identity, no safety signals, and little beyond nightlife. Most people found queer events by word of mouth because nothing central existed. The product had to serve two very different groups: people looking for events, and the organizers hosting them.

What I did

Three changes that mattered most.

Research in my own community

I'm part of the LGBTQ+ community, so I talked with people in my circle about how they find in-person events locally, and what makes them trust one.

Structure before screens

I mapped every page for attendees and organizers, then designed mobile and desktop with the right information hierarchy for each.

A shorter sign-up

An under-18 waitlist and a single terms box cut steps from sign-up, and leave room for a future under-18-friendly version of the app.

The full Queer Calendar site map: Home branching into Create, Search/Browse, View, and Manage, with the pages under each
The site map: every page planned before any design.
The Queer Calendar style guide from my designs: primary and accent colors, grays, Inter type styles, primary and secondary buttons, icons, and the wordmark
The style guide: the colors, type, and buttons that carried over to qcal.app.

My role: I brought the founder's vision to life as a UX designer, then handed my designs to her developer, who made tweaks and published qcal.app. The cards, color palette, trust badges, and upfront prices all carried over, and the organizer flow stayed close to my design.

The full create-a-host-account workflow: about 20 mobile screens connected by arrows, from the homepage and menu through login or sign-up, the under-18 waitlist, email verification with error and resend-code states, choosing an organization type, and promoter basic info
The whole workflow behind those 8 screens, including the paths most people never see: logging in, the under-18 waitlist, a wrong code, and resending it.

Step 1 Home

The Queer Calendar homepage on a phone: a Find Your Queer Events search, event cards with prices, Explore Events categories, suggested events, curated cities, and virtual experiences

Step 2 Menu

The homepage with the menu open, showing personal account options and a Promoter Accounts section with Create highlighted

Step 3 Start

Create an Event intro screen: Host your queer events for free, with a Start for free button

Step 4 Sign up

Create your personal account with an email field, plus an Are you under 18 card offering to join the waitlist

Step 5 Details

Sign-up form with name, birth year, password, a newsletter opt-in, and one terms box confirming the user is over 18

Step 6 Verify

Email verification screen with four code boxes and a success message

Step 7 Host type

Create your event host account: choose For-Profit, Nonprofit, or Unincorporated Group, with a short FAQ

Step 8 Promoter info

Promoter basic info: an Account Created message, then display name, host phone or email, your name and role
Creating a host account, from the homepage to promoter info, in 8 steps. Scroll inside any phone to see the whole screen.

What this means for you

Before any design, I make sure your site is organized the way your customers think, so they find what they need without hunting for it.

Start to finish

How the project came together.

  1. Month 1

    Research

    After meeting the founder, I talked with people in my LGBTQ+ circle about how they find local in-person events.

  2. Months 2–4

    Design and structure

    Site maps, information hierarchy, and mobile and desktop designs for attendees and organizers.

  3. Month 5

    Handoff

    I handed the designs to the founder's developer, who made tweaks and published the site.

  4. Launch

    Live on qcal.app

    My cards, colors, trust badges, and prices carried over, with 121+ events live at launch.

The results.

  • 121+live events on qcal.app at launch
  • 2user groups mapped into one product
  • 4part organizer flow, mapped end to end
  • 5months from first research to developer handoff

How could this help your business?

Let's talk it through. Grab a free 30-minute call and tell me what your shop needs.

Schedule a call See more work