Congreso Transformación 2024 Landing Page

Next.js, TailwindCSS, Streaming Service

Main project image

I created the official site and private streaming service for Congreso Transformación 2024, an event focused on leadership and personal growth. The platform delivered a smooth experience for both in-person and remote attendees.

Visit the project ↗

Table of Contents

  1. Overview
  2. Role
  3. Challenge
  4. Goal
  5. Solution
  1. Challenges and Learnings
  2. Final Thoughts

Overview

Congreso Transformación 2024 is an event dedicated to leadership, growth, and transformation.

I built the official website and set up a private streaming service so that participants could join both onsite and remotely. The site was built with Next.js and TailwindCSS, offering a modern and responsive design with smooth performance.

👨‍💻 Role

Frontend Developer and Streaming Integrator In charge of the full landing page development and streaming setup for the event.

❓ Challenge

The event needed:

  1. A website to inform and register attendees.
  2. A private and stable streaming solution for online viewers.
  3. A responsive and fast-loading site for mobile and desktop.

🎯 Goal

  1. Deliver a modern, user-friendly landing page.
  2. Provide a seamless streaming experience for virtual attendees.
  3. Ensure speed, security, and mobile compatibility.

Landing Congreso Transformación

✨ Solution

Tech Stack

Key Features

  1. Modern Landing Page: Clear sections, easy registration.
  2. Private Streaming Access: Only for registered participants.
  3. Responsive Design: Great on phones, tablets, and desktops.
  4. Fast Loading: Optimized with Next.js and Tailwind.

User Flow

  1. Landing: Visitors learn about the event details.
  2. Registration: Users sign up to attend.
  3. Streaming: Registered users access the private live stream.

⚙️ Challenges and Learnings

  1. Streaming Stability: Ensuring smooth delivery for remote attendees.
  2. Mobile Optimization: Making sure both site and streaming work well on phones.
  3. Security: Protecting the stream with private access controls.

✨ Final Thoughts

  1. Hybrid Events Need Both: A good website and reliable streaming.
  2. Next.js + Tailwind: Perfect combo for fast, responsive sites.
  3. User Experience First: Easy registration and smooth streaming were key.