Template-driven content creation

Empower event teams to create customizable and media-rich content pages. No dev help needed.

🎯Problem statement

When events have content that our system doesn't have dedicated features for, organizers have to rely on content pages in our web portal to share the information. While content pages support rich formatting through HTML and CSS, most users lack the coding skills to use it properly. So pages often looked plain or inconsistent.

There was also no way to preview how content would appear on mobile, creating uncertainty, especially for mobile-first event experiences.

It's hard to make beatutiful content without code knowledge

It's hard to make beatutiful content without code knowledge

It's hard to make beatutiful content without code knowledge

It's hard to make beatutiful content without code knowledge

Lack of preview risks messy presentation on attendees end

Lack of preview risks messy presentation on attendees end

Lack of preview risks messy presentation on attendees end

Lack of preview risks messy presentation on attendees end

🕵️Problem validation

Customer Success tracked this issue in the client problem backlog. Over 11 clients (representing $250K+ in contracts) raised the stated problems.

One client explicitly cited the poor content creation experience as the reason for giving us a 6 on their Net Promoter Score (NPS).

A backlog ticket that shows a plain content page with a note on the need for more visually appealing content creation.
A backlog ticket that shows a plain content page with a note on the need for more visually appealing content creation.
A backlog ticket that shows a plain content page with a note on the need for more visually appealing content creation.
A backlog ticket that shows a plain content page with a note on the need for more visually appealing content creation.

🔄Process

The steps below are shown in order for clarity, but the real process involved lots of back and forth.

Ideate

The design team brainstormed ideas. Then I discussed with product team and development about feasibility of each solution.

A list of potential solutions to address the problems with their pros and cons analysis
A list of potential solutions to address the problems with their pros and cons analysis
A list of potential solutions to address the problems with their pros and cons analysis
A list of potential solutions to address the problems with their pros and cons analysis

Design

I analyzed content from a dozen past events to identify common content types, then designed templates and added mobile preview.

A series of mobile and web interface mockups, showcasing different content block templates and event information screens.
A series of mobile and web interface mockups, showcasing different content block templates and event information screens.
A series of mobile and web interface mockups, showcasing different content block templates and event information screens.
A series of mobile and web interface mockups, showcasing different content block templates and event information screens.

Test

I tested the design with 7 event organizers and summarized the results. Based on the results, I made modifications to the design solutions.

Various sticky notes and documents, displaying detailed feedback, goals, and improvements drawn from user testing
Various sticky notes and documents, displaying detailed feedback, goals, and improvements drawn from user testing
Various sticky notes and documents, displaying detailed feedback, goals, and improvements drawn from user testing
Various sticky notes and documents, displaying detailed feedback, goals, and improvements drawn from user testing

💡Solutions

After researching on the use cases of content pages via referring to the previous contents pages used in 20+ events and conducting user interviews, we decided to create beautifully-styled, comprehensive and accessible content pages for event teams to use. We interviewed event teams to confirm both the content and format of those templates are the most useful throughout events.

Template 1: Event Logistics Lounge

Template 2: Welcome info

Show video description

Show video description

Show video description

Show video description

Used for:

  • Accessibility

  • First aid

  • Safety & security

  • Wifi

  • Dress code

  • Lost and found

  • Mother’s room

  • Merchandise

Show video description

Show video description

Show video description

Show video description

Used for:

  • Sessions

  • Speakers

  • FAQ

  • Tickets

  • Sponsors

  • Reasons to attend

Template 3: Pre-event essentials

Template 4: Empty state

Mobile phone screen displaying a 'Survey is coming soon' message, a blue 'Return Discover' button, and a list of event-related topics like schedule, speaker lineup, and venue map.
Mobile phone screen displaying a 'Survey is coming soon' message, a blue 'Return Discover' button, and a list of event-related topics like schedule, speaker lineup, and venue map.
Mobile phone screen displaying a 'Survey is coming soon' message, a blue 'Return Discover' button, and a list of event-related topics like schedule, speaker lineup, and venue map.
Mobile phone screen displaying a 'Survey is coming soon' message, a blue 'Return Discover' button, and a list of event-related topics like schedule, speaker lineup, and venue map.

Show video description

Show video description

Show video description

Show video description

Used for:

  • Restaurants

  • Venues

  • Registration

  • Happy hour

  • Badge pickup

  • Hotels

  • Follow us

Show Alt text

Show Alt text

Show Alt text

Show Alt text

Used for:

  • Coming soon

  • Under construction

  • Maintenance mode

Interested in my work?

Whether you're building a UX team or just want to exchange ideas, I’d love to connect.

Crafted with 🦊 curiosity, caffeine, and debug tears.

© 2025 Celine.Li.

Interested in my work?

Whether you're building a UX team or just want to exchange ideas, I’d love to connect.

Crafted with 🦊 curiosity, caffeine, and debug tears.

© 2025 Celine.Li.

Interested in my work?

Whether you're building a UX team or just want to exchange ideas, I’d love to connect.

Crafted with 🦊 curiosity, caffeine, and debug tears.

© 2025 Celine.Li.

Interested in my work?

Whether you're building a UX team or just want to exchange ideas, I’d love to connect.

Crafted with 🦊 curiosity, caffeine, and debug tears.

© 2025 Celine.Li.