UVM Commencement

Scroll down

A custom-built, interactive livestream landing page for UVM’s annual commencement ceremonies, centralized all event streams and replay features for a global audience.

UVM Commencement

Glance into the project

No items found.
UVM Commencement

Challenges, Approach & Concept

  • Challenge: Replace fragmented streaming solutions with a single, secure, and reliable webpage that handles multiple streams, interactive programs, and replay features, all while maintaining a user-friendly experience.
  • Approach:
    • As Creative Lead, pitched an integrated vision to UVM.
    • Assembled a multidisciplinary team (UI designer, back-end dev, technical producer).
    • Focused on a mobile-first design with real-time updates to handle the varying schedules of each ceremony.
  • Concept / Solutions:
    • Seamless user flow: Users swipe through cards for each division, select a stream, and instantly access replays.
    • Leveraged Webflow for the front end, Cloudflare for reliability, Vimeo API for embedded livestreams.
  • UVM Commencement
    UVM Commencement
    UVM Commencement

    Process, Tools & Techniques

    • Development:
      • Front End: Webflow for design and hosting.
      • Back End: Tied into Vimeo’s livestream functionality for automatic replay toggles.
      • Domain & Security: Cloudflare integration for speed and reliability.
    • Team Coordination: Weekly sprints to address UI changes and incorporate feedback from UVM’s internal stakeholders.
    • Ongoing Maintenance: Annual refreshes, ensuring new updates and ceremony segments are properly integrated.

    Final Outputs, Impact & Reflection

    • Final Deliverable: A polished, all-in-one commencement site that’s easy to navigate, robust under high traffic, and flexible for event schedule changes.
    • Impact: Consistently serves thousands of viewers each year, significantly improving user experience and brand cohesion for UVM.
    • Reflection: Demonstrated how a streamlined, centralized approach can transform a once-disjointed viewing experience into a smooth, high-quality event platform.

    Click here to set things in motion

    Other projects