JAVIER ROCA
  • Portfolio
    • St. Peter Basilica Digital Experience
    • D-Day 80th Anniversary Digital Experience
    • Boeing/ Onboard Performance Tool
    • GM Motorsports, Race Vehicle Gateway
    • ShipSure 2.0, Transforming Marine Operations
    • Hexagon, HxGN SMART Build
    • Woolpert, Financial Dashboard
    • Rosetta Stone Xbox One
    • F5 Distributed Cloud
    • HoloLens, Mixed Reality, proofs of concept
  • ABOUT
  • Portfolio
    • St. Peter Basilica Digital Experience
    • D-Day 80th Anniversary Digital Experience
    • Boeing/ Onboard Performance Tool
    • GM Motorsports, Race Vehicle Gateway
    • ShipSure 2.0, Transforming Marine Operations
    • Hexagon, HxGN SMART Build
    • Woolpert, Financial Dashboard
    • Rosetta Stone Xbox One
    • F5 Distributed Cloud
    • HoloLens, Mixed Reality, proofs of concept
  • ABOUT
206-406-1714 I [email protected]
Boeing/Jeppesen
Onboard Performance Tool (OPT)
Pilots and dispatchers relied on a fragmented Runway Analysis and Weight & Balance system, leading to time pressure, manual data entry, and high risk of error. Boeing and Jeppesen needed a modern, integrated platform aligned with safety and performance standards.
​
Picture

Challenge
•Pilots and dispatchers relied on a fragmented Runway Analysis and Weight & Balance system, leading to time pressure, manual data entry, and high risk of error. Boeing and Jeppesen needed a modern, integrated platform aligned with safety and performance standards.

My Role
• As Creative Director & UX Lead, I drove the end-to-end UX strategy, leading discovery workshops, prototyping, and design delivery. I advocated for pilots’ and dispatchers’ needs while ensuring alignment with Boeing’s safety standards.

Process
• Conducted 3-day envision workshops with pilots, dispatchers, and airline stakeholders.
• Built personas and journey maps to surface pain points like rapid recalculations and shifting runway conditions.
• Designed iterative prototypes, tested with airlines, and refined workflows to reduce cognitive load.
• Developed hi-fidelity designs in Adobe XD with scalable UI components following Jeppesen’s style guide.

Outcomes & impact
• Reduced redundant data entry by ~40%, saving pilots 3–5 minutes per flight calculation.
• Improved calculation accuracy by reducing error rates by 25% in simulations.
• Adopted by multiple airlines, with 90% pilot satisfaction in usability testing.
• Delivered a scalable modular design system that accelerates future Boeing product development.

Research & Discovery Workshop

During the multiple-day workshops we asked each of the airline participants to write all tasks and steps involved during takeoff, flight, and landing. goal of this session was gain clarity on the product/service/idea, user’s needs, the opportunities, the pain points and define the product/service goal, proposition or features and the user journey.
Picture
Workshop sessions focused on details of how pilots currently perform calculations, and to gain greater insight on user needs, the market, and technical possibilities
Picture
Whiteboard with articulated end-to-end tasks and individual steps involved in take-off, flight, and landing for each airline
Picture
Low-fidelity wireframes were presented to pilots on day two of the workshop to gain perspective and feedback as soon as possible

User Journey, outlining the User journey

We focused on capturing the user journey from different perspectives to help us understand the flow, actions, decisions, pain points, opportunities and ideas. We learned about other tools, and common pain points such as data entry and the main difference between “Self Serve” (Boeing) vs “Fully Centralized” (American Airlines) ​
Picture

Wireframes 
Design sessions findings and requirements were transformed into multiple medium-fidelity wireframe iterations that served as a high-level outline for functioning prototype/MVP
Picture
Several internal reviews allowed us to iterate, improve data, and refine the design into medium-fidelity wireframes

Prototype 
Hi-fidelity comps and an interactive prototype provided a prioritized, detailed description of the MVP feature set, and alignment of business goals with the solution.
Picture
Picture

Xavier Roca 2022

  • Portfolio
    • St. Peter Basilica Digital Experience
    • D-Day 80th Anniversary Digital Experience
    • Boeing/ Onboard Performance Tool
    • GM Motorsports, Race Vehicle Gateway
    • ShipSure 2.0, Transforming Marine Operations
    • Hexagon, HxGN SMART Build
    • Woolpert, Financial Dashboard
    • Rosetta Stone Xbox One
    • F5 Distributed Cloud
    • HoloLens, Mixed Reality, proofs of concept
  • ABOUT