Share
Explore

icon picker
Events V2 PRD

👩🏻‍💼 Created By: Abhinav

👨🏻‍💻 Dev Team Owner: Yogesh

🗓 Date Created: 4/7/24

📱 Platform: Beep App & Web app

⏱ Expected Final Release Timeline: YTD


🧑🏻‍🎓 Actors / Target Audience:

The acquired users who are already on the app (sources: Smart DB[paid] , organic traffic, WA communities & college relations, in app traffic); students or Early-career professionals looking to upskill or get relevant industry knowledge

❓ Problem Statement:

Students and young professionals in Tier 2 and Tier 3 colleges face limited access to career development opportunities, networking events, and skill-building workshops. This lack of exposure can hinder their career growth and limit their ability to connect with potential employers and mentors

✅ Why do we need to solve this?

Scale and Impact: By providing a centralized platform for virtual events, BEEP App can reach a large audience of students and graduates in underserved areas. This can lead to increased user engagement, higher course enrollments, and improved job placement rates. (post cross sell experiments)

🧐 Key Objectives/Goal:

Primary Goal: Increase user engagement on the BEEP App by 10% currently its at 3.1minutes, this number to reach 4+ min within a month of release
Secondary Goals:
Increase the number of registered users by 10% within the same timeframe
Drive a 15% increase in course waitlisted users through event promotions ( current benchmark is zero)
image.png
Current Benchmark data :

🎯 Metrics to be affected & Target to be achieved:

Primary Goal Metric:
Event Attendance Rate: Measure the percentage of registered users who attend events
Target: Achieve an average attendance rate of 60% across all events via DYTE

🙅🏻‍♀️ Epic, User Stories, Acceptance Criteria:

Event Listing Page

Enable users to discover and register for relevant events
User Stories:
Student: As a student, I want to quickly see a variety of events (featured, upcoming, past) so I can find ones that interest me.
Acceptance Criteria:
Events are displayed in three clear categories: Featured, Upcoming, and Past.
Each event is presented as a card with an image, title, tags, date, time, and a relevant call-to-action (CTA) button.
Featured and Past Events are displayed in a carousel format
Upcoming Events are listed vertically with a countdown timer
Student: As a student, I want to easily identify event details like date, time, and topic so I can decide whether to register
Acceptance Criteria:
Event cards display essential information: title, image, tags, date, time, and available seats (for upcoming events).
Countdown timers are accurate and update in real time for upcoming events.
Student: As a student, I want to register for upcoming events seamlessly with minimal effort.
Acceptance Criteria:
A "Register" button is prominently displayed for upcoming events.
First-time registration requires email input, with the option to save to profile.
Subsequent registrations are one-click if the email is saved in the profile.
A confirmation message or page is displayed after successful registration.
Admin/Event Host: As an admin, I want to showcase my events prominently
Acceptance Criteria:
Ability to select and prioritize events for the Featured Events carousel ( number input for priority order)
Ability to control the order of events in the Upcoming Events section

Event Detail Page

Provide comprehensive details about a specific event and allow users to take action (register, join, or watch).
User Stories:
Student: As a student, I want to see comprehensive details about an event, including the organizer, summary, and relevant skills.
Acceptance Criteria:
The page displays the event's hero image, title, tags, date/time, available seats (for upcoming events), organizer information, summary, and relevant skills.
A countdown timer is displayed for upcoming events.
A clear indication is provided if the event is past or live.
Student: As a student, I want to easily share event details with my network.
Acceptance Criteria:
A "Share" button is available, allowing users to share the event via social media or by copying a link.
Student: As a student, I want clear options to register for an upcoming event or join a live/past event.
Acceptance Criteria:
Clear CTA buttons are displayed based on the event status ("Register" for upcoming, "Join Now" for live, "Watch Recording" for past).
Clicking the appropriate CTA button performs the expected action (registration, joining live event, or viewing recording).

Email Input Page

Capture user email addresses during event registration to facilitate communication and future engagement.
User Story:
Student: As a first-time user, I want to provide my email address to register for an event.
Acceptance Criteria:
An email input field is displayed.
The option to "Verify as your profile email" is available.
Successful email verification saves the email to the user's profile.
Student: As a returning user, I want to quickly register without re-entering my email.
Acceptance Criteria:
If the email is already saved in the profile, the input field is skipped.
Registration proceeds directly to the confirmation page/message.

Notifications

Keep users informed about upcoming events and send confirmations upon registration.
User Stories:
Student: As a student, I want to receive reminder emails before events I've registered for.
Acceptance Criteria:
Reminder emails are sent a specified time before the event starts (e.g., 24 hours).
Emails include event details and a link to join.
Student: As a student, I want to receive an email invitation with calendar integration upon registration.
Acceptance Criteria:
Invitation emails are sent immediately after successful registration.
Emails include event details, a calendar invitation (.ics file), and a link to join
As a student , i want to forward this event to a friend after registering.
Acceptance criteria
A button on Frontend to share the event via different social media and copy link option

🧩 User Flow

User lands on the Events Page and chooses to browse either Featured/Upcoming/Past Events (carousel) or Upcoming Events (list)
The user selects an event and views the Event Details Page or directly registers for an event
On the Event Detail Page, they can take one of three actions:
Register for an upcoming event (which may involve entering their email).
Join Now to participate in a live event.
Watch Recording to view a past event.
The registration process may involve email input and optional email verification
Once registered, the user receives a confirmation
Joining a live event redirects them to the Dyte UI platform ( or Gmeet etc)
Watching a recording takes them to the appropriate platform

🎩 Technical Requirements:

Events Listing Page

1. Header (Categories):

Featured Events:
Function: Displays a horizontally scrollable carousel of the most prominent events.
Content: Large event image, "LIVE" tag, title, date, time, and "Join Now" CTA button.
Requirements:
Ability for admins to select and prioritize featured events
Carousel should allow manual swiping
"Register" button should allow the user to input the email for first time and missing email in profile users & should directly register the user and display the event confirmation page
"Join Now" button should redirect to the live event on the RTC platform(dyte)
Available seats counter should update dynamically.
Upcoming Events:
Function: Lists events happening soon in a vertical scroll format.
Content: Event image, tags (e.g., "Online," "Skills"), title, date, time, available seats, and "Register" CTA button.
Countdown Element ():
Countdown should be accurate and update in real-time.
Consider different countdown formats (e.g., days, hours, minutes).
Requirements:
Ability for admins to select and prioritize upcoming events
"Register" button should allow the user to input the email for first time and missing email in profile users & should directly register the user and display the event confirmation page
"Join Now" button should redirect to the live event on the RTC platform(dyte)
Available seats counter should update dynamically.
Past Recorded Events:
Function: Displays a horizontally scrollable carousel of past events with recordings available.
Content: Event image, "Past Event" tag, title, date, time, and "Join Now" CTA button.
Requirements:
"Join Now" button should redirect to the event recording.
Ability for admins to upload and manage past event recordings.

Event Cards (Within Each Category):

Hero Image: Ability for event hosts(admin) to upload a relevant image via admin panel
Tags & skills: Admins should be able to create and assign tags and skills to each event
Title : Admins should be able to create title for any event
Date and Time
CTA Button ("Register" or "Join Now"):
Function: Prompts users to take action based on the event status
Button text and functionality should be clear (register for upcoming, join now for live/past).
Button should be visually distinct and easy to click
Clicking the CTA button performs the appropriate action (registration or viewing recording).
Clicking on the event card redirects to the Event detail page

Event Detail Page Reqs

1. Page Title:
Content: Event title (fetched from the database feeded to the admin panel).

Requirements: Dynamically display the event title based on the selected event.
2. Top Fold
Function: Provides essential navigation and sharing options
Content
Back button (icon or text)
"Event Details" label
Share button (social media icons)
Requirements:
Back button navigates to the previous page (event listing )
Share button triggers social media sharing options (e.g., share on whatsapp, instagram, copy link etc.).
3. Hero Image
Display image with proper aspect ratio and responsiveness.
Allow admin to replace the image through the event management admin panel.
4. Event Title
5. Event Tags and Skills : Visible on the hero image overlap
6. Date and Time
Upcoming events & Featured events: Include a countdown timer (days, hours, minutes remaining).
Past events: Indicate that the event has concluded.
7. Available Seats (Upcoming Events Only)
Shows the number of remaining spots for registration..
8. Host Information
Identifies the host or organizer of the event, Displays host name, host picture and host bio (to be added via admin panel)
9. Event Summary
Provides a brief overview of the event's purpose and content.
Requirements:
Frontend: Display the summary in a readable format
Backend: Fetch and provide the event summary from the database feeded by admin panel
11. CTA Button
Function: Allows users to register for upcoming events or join live/past events.
Content:
"Register" (for upcoming events)
"Join Now" (for live events)
"Watch Recording" (for past events)
Requirements:
Frontend:
Implement button functionality with clear labels.
For "Register":
Prompt for email input if the user hasn't registered previously.
Redirect to event confirmation page after successful registration.
For "Join Now":
Redirect to the live event on the RTC platform (Dyte).
For "Watch Recording":
Redirect to the event recording

Event Creation and Management (Admin Panel)

Provide a comprehensive interface(admin panel) for event hosts (recruiters, mentors, etc.) to create, schedule, and manage their events.
Acceptance Criteria:
Event Creation Form:
Includes fields for event title, event banner image upload, summary, date, time, duration, category, tags, skills, and organizer information
Allows uploading a hero image.
Option to set the maximum number of participants.
Integrates with Dyte UI for generating a unique event link, or have an alternate to add any video conferencing tool link (gmeet, zoom etc)
Event Scheduling:
Provides a calendar interface for selecting the event date and time.
Allows setting recurring events (e.g., weekly workshops)
Event Management:
Displays a list of created events with status (upcoming, live, past)
Allows editing and deleting events
Option to view and manage participant lists
Ability to upload recordings for past events
Store event data in a database.
Handle event creation, editing, and deletion logic
Implement video storage for past event recordings
Existing Admin panel for events ( post Operation learnings) ​
image.png

Backend :

Event Data Management:
CRUD Operations: Implement Create, Read, Update, and Delete operations for events.
Event Registration and Attendance:
User Authentication: Implement user authentication for event registration and participation (if applicable).
Registration Management: Handle event registrations, track attendance
Event Scheduling and Reminders:
Scheduling Logic: Implement logic to schedule events, including recurring events and event deadlines
Backend configs for Notifications
Event Recording and Access:
Recording Storage: Store recorded event videos in a accessible location
Access Management: Control access to recordings based on user permissions(host and attendees)
Integration with Third-Party Platforms:
Dyte UI: Integrate with Dyte's API for generating event links, managing participants, and handling live interactions

📲 Mockups/Wireframes


⏳ Notifications

Email Reminders: Send reminder emails before an event starts
Event invitation at registration : ics calendar sent to the user at the moment of registration
Notifications sheet :

☄️ Future Scope

Event Search and Filtering:
Keyword Search: Allow users to search for events by keywords in the title, description, or tags.
Filter(or search algo) by:
Date range (e.g., today, tomorrow, this week, next week)
Category (e.g., Featured, Upcoming, Past)
Tags (skills, roles)
Host/Organizer
Pagination or Infinite Scroll:
For both Event Listing and potentially within categories if the list is long.
Infinite scroll can provide a smoother browsing experience.
Event Recommendation:
Personalized Recommendations: Suggest events based on the user's profile, interests, skills, and past event interactions.
"Similar Events" Section: Show related events on the Event Detail Page
Social Features:
Invite Friends: Enable users to invite their connections to events.
Discussion Forum or Comments: Facilitate conversation and interaction around events.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.