Skip to content

Feature: Create a Unified Event Page #1079

@mariobehling

Description

@mariobehling

The unified Eventyay system currently manages Tickets, Talk, and Video components separately.
To deliver a seamless experience for visitors, we need to create a unified event page that consolidates all key event information and interactions into a single, modern interface.

This new event page should be inspired by the legacy Eventyay version, but redesigned to match the new architecture and branding. It should integrate all relevant modules — event details, schedule/talks, video sessions, and ticketing — in one cohesive layout.


🎯 Objectives

  • Provide attendees with one unified entry point for each event.
  • Ensure consistent navigation, design, and branding across all integrated components.
  • Improve usability, responsiveness, and load speed.
  • Support both public view (for attendees) and organizer view (for editing and management).

✅ Requirements

🧱 Structure and Content

  • Display key event information: title, date, location, description, logo, and cover image.
  • Integrate the Tickets component for registration and ticket purchase.
  • Integrate the Talk component for the schedule and speaker lineup.
  • Integrate the Video component for live sessions or recordings.
  • Show real-time status indicators (e.g., “Live Now”, “Upcoming”, “Ended”).
  • Add easy navigation between tabs or sections (e.g., Overview, Schedule, Live, Tickets).

🧩 Technical Implementation

  • Build as a unified Vue (Vite) component served via the main Eventyay webapp.
  • Fetch event data from the unified API endpoint (shared event model).
  • Ensure all component integrations reference the same unified event ID.
  • Use modular slots for extensibility (e.g., partners, sponsors, venue map).
  • Optimize for SEO and metadata sharing (Open Graph tags).

🎨 Design and Branding

  • Use the Eventyay color palette, typography, and branding guidelines.
  • Follow the clean layout of the legacy Eventyay event page as a base.
  • Ensure consistent use of buttons, spacing, and icons across sections.
  • Maintain responsive layout for desktop, tablet, and mobile.

🧪 Expected Outcome

  • A single, unified event page displaying all relevant components.
  • Seamless integration of Tickets, Talk, and Video data.
  • Consistent Eventyay design and improved user experience.
  • Simplified navigation for both attendees and organizers.

🔗 References

  • Legacy event page design: Previous Eventyay version
  • Unified system: enext branch

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions