B&H Photo LiveStream Event Pages
Project Overview:
When B&H hosts livestream events, we needed a streamlined way to quickly create visually engaging event pages that could promote products, highlight speakers, and schedule livestream content securely—especially for embargoed launches.
The goal was to create a reusable, modular system for building dynamic, immersive pages that would excite both vendors and customers while supporting strict release schedules.I led a project to redesign B&H Photo’s transactional emails to align with the company’s updated website branding and improve mobile usability.
The primary goal was to modernize the look and feel of over 200 email templates to create a cohesive, responsive, and visually engaging user experience.
While B&H had recently refreshed its website, many of the outgoing emails still reflected an older branding style and were not optimized for mobile viewing.
As the UX Designer, I was responsible for:
Researching existing workflows and anticipating user needs
Designing flexible, modular widgets for different event stages
Collaborating closely with the Drupal development team to ensure feasibility and smooth implementation
Prior to this project, event pages were manually built without a system that could properly support embargoed content or dynamic, time-based experiences.
This presented an opportunity to::
Build a more immersive event experience for both customers and vendors
Introduce modularity and scheduling capabilities to support livestream timing and embargo requirements
Create a scalable solution that would significantly reduce build time for future events
Research and Audit:
Conducted an audit of existing manually built landing pages
Identified common zones and content patterns to inform widget design needs
Design:
Developed wireframes followed by high-fidelity mockups
Focused on flexibility, allowing different widget layouts (e.g. centered, left-aligned, right-aligned)
Testing and Collaboration:
Worked closely with developers to build the widgets within our Drupal CMS
Underwent training on the new system to ensure the design worked as intended
Provided ongoing UX feedback to improve both the event page experience and the backend authoring tools
I designed a library of reusable widgets that supported different stages of an event (before, during, and after the livestream), including:
Featured product sections
Speaker highlight panels
Comparison charts
“Read More” and “Watch More” expandable sections
Each widget included layout variations to adapt to different content needs and allowed for scheduled visibility based on event timing.
Impact
Event pages could now be assembled quickly and securely, supporting both embargoed and public-facing livestreams
The modular system improved efficiency and consistency across events
Reflection
I learned that in projects like these, success depends not just on the front-end design but also on the usability of the internal tools that content teams rely on.
I gained a deeper understanding of the level of communication and detail needed when collaborating with developers on backend systems.
Reflecting on this project years later, I can now approach similar initiatives with a much stronger sense of both user-facing and internal UX requirements.
After launching the Drupal-based livestream landing pages, the core idea proved successful — a modular, reusable system that balanced speed, flexibility, and control.
Years later, I revisited this work and designed a more refined landing page design system.
This DSM expanded on the original concept with improved component flexibility, clearer layout options, and updated visual patterns, while remaining platform-agnostic.
Although this newer system hasn’t been developed yet, it reflects where the design currently stands — informed by years of iteration, usage, and a deeper understanding of scalable page systems.
Headers:
These headers reflect the different stages of an event and adapt to the needs of each phase, including support for multi-part events.
Speakers:
A reusable speaker widget designed to highlight presenters for each event stage, with flexible layouts that support single or multiple speakers.
More Widgets:
Additional modular widgets, including headers, product blocks, comparison tables, and more.
Phone: 862-812-9288
Email: SBHDezigns@gmail.com