Interactive Report

Overview

Engine — a B2B travel management platform rebranding from Hotel Engine — needed a flagship content piece to launch alongside their new brand. They had rich survey data from a large-scale study of business travelers and travel coordinators, but raw data doesn't win deals or earn press coverage. It needed to become a story.

I designed a fully interactive, web-first report that translated the survey findings into a scannable, visually compelling experience — built to support sales conversations, PR outreach, and growth marketing simultaneously. The report launched as one of the first public expressions of Engine's new brand identity, making it both a marketing deliverable and a live brand system stress test.

My Role

Senior Designer · Data Visualization · Brand System Application · Multi-Channel Design · Cross-Functional Collaboration

Constraints

  • Two-week turnaround from concept to final design

  • Brand system still in development — no finalized design guidelines at project start

  • Multiple executive and creative stakeholder review cycles compressed into the timeline

  • Deliverable had to work as both a live interactive web experience and a static PDF for PR distribution

  • Small team: designer, PM, and copywriter

Approach

The tight timeline and volume of data required fast, confident decision-making. Rather than treating every data point as equally important, I focused on narrative hierarchy — what does a prospect need to understand first, second, and third?

Key decisions:

Modular layout system. I designed the report as a set of reusable, thematically grouped modules so insights could be consumed progressively without overwhelming the reader.

Consistent data visualization language. I established visual treatments for charts, metrics, and callouts early and held to them throughout, reducing cognitive load and keeping the brand expression coherent even as the system itself was still being finalized.

Dual-format from the start. Knowing a PDF was required for PR alongside the live web experience, I built the Figma source to support both outputs without a separate redesign pass — a constraint that shaped layout and typography decisions throughout.

Real-time collaboration in Figma. With multiple stakeholder reviews happening in parallel, working live in Figma meant feedback cycles happened in hours, not days.

The Brand Context

This project ran concurrently with Engine's full rebrand from Hotel Engine — new name, new visual identity, new website. The brand system was still being developed as I was designing the report, which meant I was simultaneously applying and pressure-testing it. Decisions I made here — how the color system scaled across dense content, how typography behaved at data-heavy layouts — fed back into the broader brand system work.

Result

A live interactive report that launched as a multi-purpose asset: a sales tool, a PR vehicle, and an early proof-of-concept for Engine's new brand at scale.

The Figma files document the design process — from early layout exploration through multiple rounds of iteration and stakeholder revision.

The web report was live for about 6 months in 2025. View the PDF version here.

Figma Process images

 
Next
Next

Interactive Web Module