Gallery

Design an events and webinar page that helps people quickly find a session, understand whether it matters to them, and register without friction. Treat the page as a browse-and-book surface, not a generic content list.

Lead with a strong header: event series name, short positioning line, and a primary CTA such as Register or View schedule. If there is an active live session or an imminent webinar, surface it first with start time, time zone, duration, and a clear status label.

Below the header, organize sessions into scannable cards. Each card should include title, topic, date, time, presenter, format, and one action. Use filters for topic, date, format, and status so users can narrow the list without losing context. Keep the selected filter state visible.

Add supporting states that matter here: loading skeletons, an empty state that suggests other filters or upcoming dates, and a no-results state that offers a reset. On smaller screens, stack the controls, keep the card actions reachable, and preserve the same order of information so the page still reads fast.