{"id":793,"date":"2026-08-31T17:31:37","date_gmt":"2026-08-31T17:31:37","guid":{"rendered":"https:\/\/naturalstructure.com\/?page_id=793"},"modified":"2026-08-31T17:51:30","modified_gmt":"2026-08-31T17:51:30","slug":"case-study-disney","status":"publish","type":"page","link":"https:\/\/naturalstructure.com\/?page_id=793","title":{"rendered":"case-study-disney"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Disney MoviesAnywhere: Optimizing Power-User Workflows by 2,300%<\/title>\n<style>\n    .ns-page {\n        --ns-white: #FFFFFF; --ns-gray-bg: #F7F7F7; --ns-gray-bg-2: #F0F0F0;\n        --ns-charcoal-heading: #111111; --ns-charcoal-body: #333333;\n        --ns-blue: #2B82C9; --ns-blue-hover: #246EA8; --ns-blue-light: #EBF4FB;\n        --ns-black: #000000; --ns-border: #E5E5E5;\n        --ns-font: system-ui, -apple-system, BlinkMacSystemFont, 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n        --ns-max-width: 1440px; --ns-gutter: 56px;\n        font-family: var(--ns-font); color: var(--ns-charcoal-body); background: var(--ns-white);\n        line-height: 1.6; -webkit-font-smoothing: antialiased;\n    }\n    .ns-page, .ns-page *, .ns-page *::before, .ns-page *::after { box-sizing: border-box; }\n    .ns-page h1, .ns-page h2, .ns-page h3, .ns-page h4 { color: var(--ns-charcoal-heading); margin-top: 100px; font-weight: 800; line-height: 1.2; margin: 0; }\n    .ns-page p { margin: 0; color: var(--ns-charcoal-body); line-height: 1.6; }\n    .ns-page img { max-width: 100%; display: block; border-radius: 6px; }\n    .ns-page a { color: var(--ns-charcoal-heading); text-decoration: none; text-underline-offset: 3px; }\n    .ns-page a:hover { color: var(--ns-charcoal-heading); }\n    .ns-page em { font-style: italic; color: #555; }\n    \n    .ns-header { border-bottom: 1px solid var(--ns-border); }\n    .ns-header__inner { max-width: var(--ns-max-width); margin: 0 auto; padding: 18px var(--ns-gutter); display: flex; align-items: center; justify-content: space-between; gap: 24px; }\n    .ns-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }\n    .ns-logo__mark { width: 216px; height: 60px; flex-shrink: 0; }\n    .ns-nav { display: flex; align-items: center; gap: 32px; flex: 1; justify-content: flex-end; }\n    .ns-nav__links { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; }\n    .ns-nav__links a { font-size: 15px; font-weight: 500; min-height: 44px; display: inline-flex; align-items: center; }\n    .ns-cta-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; background: var(--ns-blue); color: var(--ns-white) !important; font-weight: 600; font-size: 15px; padding: 11px 22px; border-radius: 8px; border: none; cursor: pointer; transition: background-color 0.15s ease; }\n\n  \/* Mobile Toggle Styling & Color Fixes *\/\n  .ns-mobile-toggle {\n    display: none;\n    background-color: var(--ns-white) !important;\n    border: none;\n    cursor: pointer;\n    padding: 10px;\n    min-width: 44px;\n    min-height: 44px;\n    border-radius: 6px;\n    -webkit-tap-highlight-color: transparent;\n    outline: none;\n  }\n\n  .ns-mobile-toggle:focus,\n  .ns-mobile-toggle:active,\n  .ns-page.is-nav-open .ns-mobile-toggle {\n    background-color: var(--ns-white) !important;\n    outline: none;\n  }\n\n  .ns-mobile-toggle span {\n    display: block;\n    width: 24px;\n    height: 2px;\n    background: var(--ns-charcoal-heading);\n    margin: 5px 0;\n  }\n    \n    .ns-cs { max-width: var(--ns-max-width); margin: 0 auto; padding: 0 var(--ns-gutter); }\n    .ns-cs-hero { padding: 56px var(--ns-gutter) 8px; }\n    .ns-cs-hero h1 { font-size: 36px; letter-spacing: -0.01em; }\n    .ns-cs-hero p { font-size: 17px; margin-top: 14px; }\n    .ns-cs-figure { margin: 32px auto; }\n    .ns-cs-figure figcaption { font-size: 13.5px; color: #6B6B6B; margin-top: 10px; margin-bottom: 60px; line-height: 1.5; }\n    .ns-cs-section { padding: 48px 0; }\n    .ns-cs-section h2 { font-size: 26px; margin-bottom: 16px; margin-top: 16px; }\n    .ns-cs-section h3 { font-size: 17px; margin: 32px 0 8px; }\n    .ns-cs-section p + p, .ns-cs-section ul, .ns-cs-section ol { margin-top: 14px; margin-bottom: 14px; }\n    .ns-cs-section li { margin-bottom: 8px; margin-left: 20px;}\n    .ns-cs-section p { font-size: 15.5px; }\n    .ns-cs-section + .ns-cs-section { border-top: 1px solid var(--ns-border); }\n    .ns-cs-twocol-list { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 0px; }\n    .ns-cs-twocol-list h3 { font-size: 15px; letter-spacing: 0.04em; margin: 32px 0 10px; }\n    .ns-cs-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 32px 0; }\n    .ns-cs-threecol { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; margin: 32px 0; }\n    .ns-cs-fourcol { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 24px; margin: 16px 0; }\n    \n    .ns-cs-callout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 28px 0; }\n    .ns-cs-callout { border-left: 3px solid var(--ns-blue); background: var(--ns-gray-bg); border-radius: 4px; padding: 18px 20px; }\n    .ns-cs-callout strong { display: block; font-size: 14.5px; margin-bottom: 4px; }\n    \n    .ns-cs-video { position: relative; margin: 28px 0; border-radius: 6px; overflow: hidden; background: #000; padding-bottom: 56.25%; height: 0; }\n    .ns-cs-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\n    \n    .ns-footer { padding: 64px var(--ns-gutter) 80px; border-top: 1px solid var(--ns-border); margin-top: 24px; }\n    .ns-footer__inner { max-width: var(--ns-max-width); margin: 0 auto; }\n    .ns-footer h2 { font-size: 30px; margin-bottom: 18px; }\n    .ns-footer__line { font-size: 16px; margin-bottom: 0; line-height: 1.4; }\n    .ns-footer a { color: var(--ns-charcoal-heading); text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; }\n    \n    \/* Lightbox *\/\n    .lightbox-trigger { cursor: zoom-in; transition: opacity 0.2s ease; border: 0px solid var(--ns-border); }\n    .lightbox-trigger:hover { opacity: 0.9; }\n    .lightbox-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; }\n    .lightbox-modal.active { display: flex; opacity: 1; }\n    .lightbox-content { max-width: 90%; max-height: 90vh; border-radius: 4px; transform: scale(0.95); transition: transform 0.3s ease; }\n    .lightbox-modal.active .lightbox-content { transform: scale(1); }\n    .lightbox-close { position: absolute; top: 25px; right: 40px; color: #f1f1f1; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 10000; }\n\n    \/* Embedded Impact Dashboard Layout styles *\/\n    .ns-db-table { width: 100%; border-collapse: collapse; margin: 24px 0 32px; font-size: 14.5px; border: 1px solid var(--ns-border); border-radius: 8px; overflow: hidden; }\n    .ns-db-table th { background: var(--ns-gray-bg-2); color: var(--ns-charcoal-heading); font-weight: 700; padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--ns-border); text-transform: uppercase; font-size: 12px; letter-spacing: 0.05em; }\n    .ns-db-table td { padding: 16px; vertical-align: top; background: var(--ns-white); border-bottom: 1px solid var(--ns-border); }\n    .ns-db-table tr:last-child td { border-bottom: none; }\n\n    \/* Unified Impact & Decision Grid *\/\n    .ns-impact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 32px 0 48px; }\n    .ns-impact-card { background: var(--ns-gray-bg); border: 1px solid var(--ns-border); border-left: 4px solid var(--ns-blue); border-radius: 0 8px 8px 0; padding: 20px 22px; display: flex; flex-direction: column; }\n    .ns-impact-card__label { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ns-blue); margin-bottom: 6px; }\n    .ns-impact-card__title { font-size: 16px; font-weight: 800; color: var(--ns-charcoal-heading); margin-bottom: 8px; line-height: 1.3; }\n    .ns-impact-card__desc { font-size: 14px; color: var(--ns-charcoal-body); line-height: 1.5; }\n\n\n    @media (max-width: 720px) {\n      .ns-header__inner { padding: 14px 20px; flex-wrap: wrap; }\n      .ns-nav {\n        display: none;\n        width: 100%;\n        order: 3;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 16px;\n        padding-top: 16px;\n      }\n      .ns-mobile-toggle { display: block; }\n      .ns-page.is-nav-open .ns-nav { display: flex; }\n      .ns-page.is-nav-open .ns-nav__links {\n        display: flex; flex-direction: column; align-items: flex-start;\n        gap: 12px; width: 100%;\n      }\n      .ns-cs { padding: 0 20px; }\n      .ns-cs-hero { padding: 36px 20px 8px; }\n      .ns-footer { padding: 40px 20px 60px; }\n    }\n\n    .ns-page figcaption, \n    .ns-page .ux-caption {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div class=\"ns-page\">\n\n  <header class=\"ns-header\">\n    <div class=\"ns-header__inner\">\n      <a href=\"\/?page_id=763\" class=\"ns-logo\" aria-label=\"Natural Structure home\">\n        <img decoding=\"async\" class=\"ns-logo__mark\" src=\"\/wp-content\/uploads\/2026\/06\/nslogoweb.jpg\" alt=\"Natural Structure dotted circular logo mark\" width=\"120\">\n      <\/a>\n\n      <nav class=\"ns-nav\" aria-label=\"Primary\">\n        <ul class=\"ns-nav__links\">\n          <li><a href=\"\/?page_id=763\">Home<\/a><\/li>\n          <li><a href=\"\/?page_id=777\">Portfolio<\/a><\/li>\n        <\/ul>\n        <a href=\"#contact\" class=\"ns-cta-btn ns-js-contact-cta\">Contact Me<\/a>\n      <\/nav>\n\n      <button class=\"ns-mobile-toggle\" type=\"button\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n\n  <\/header>\n\n  <section class=\"ns-cs-hero ns-cs\" style=\"text-align: center;\">\n    <h1>Disney MoviesAnywhere:<br>Optimizing Power-User Workflows by 2,300%<\/h1>\n    <p>How I adapted the 5-Day Design Sprint to navigate stakeholder &#8220;Calendar Tetris&#8221; and save 20,000+ person-hours.<\/p>\n  <\/section>\n\n  <figure class=\"ns-cs-figure ns-cs\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/case-study-disney-hero-revised.png\" alt=\"Composite of QC Screening Room desktop application screens\" class=\"lightbox-trigger\">\n    <figcaption><strong>Figure 1:<\/strong> Hero image for this case study showing the QC Spot Check Video and Image Review UIs, plus the Report screen used by producers to investigate issues as they are flagged.<\/figcaption>\n  <\/figure>\n\n  <section class=\"ns-cs\">\n    <div class=\"ns-impact-grid\">\n      <div class=\"ns-impact-card\">\n        <div class=\"ns-impact-card__title\">2,300% Increase in Efficiency<\/div>\n        <p class=\"ns-impact-card__desc\">Reduced average review time from 4 hours to 10 minutes per title.<\/p>\n      <\/div>\n\n      <div class=\"ns-impact-card\">\n        <div class=\"ns-impact-card__title\">20,000+ Person-Hours Saved<\/div>\n        <p class=\"ns-impact-card__desc\">Enabled a small team to clear a massive multi-year backlog in just two months.<\/p>\n      <\/div>\n\n      <div class=\"ns-impact-card\">\n        <div class=\"ns-impact-card__title\">Seamless Execution<\/div>\n        <p class=\"ns-impact-card__desc\">Provided a detailed specification and functional prototype that minimized engineering friction during the build phase.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>Context<\/h2>\n    <p>MoviesAnywhere.com is \u201c\u2026 a partnership (initially with 20th Century Fox, Sony Pictures, Universal Pictures, and Warner Bros; later more were added) created by Disney Entertainment as a means through which consumers would access and enjoy movies on multiple platforms.\u201d (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Movies_Anywhere\" target=\"_blank\">Wikipedia<\/a>).<\/p>\n    <p>A single movie title is comprised of many component parts: HLS\/Dash video files, trailers, images, chapter information, and all of the metadata for each of these. For Disney Movies Anywhere\u2014what already existed and would evolve to become MoviesAnywhere.com\u2014Disney Studios Technology employed a team of Cast Members whose sole job was to manually locate, aggregate, review and document issues for movies already available for subscribers to view online across multiple platforms.<\/p>\n    <p>For MoviesAnywhere.com, 7,500+ movie titles needed to go through this QC process. With partner studios added to the mix, the manual workflow and processes were NOT going to scale successfully, nor would they allow for effective communication between studio producers. Leadership decided that backoffice workflows and custom interfaces would need to be created and developed to ensure the teams in place would have tools to achieve this massive undertaking before launch.<\/p>\n    <p>That\u2019s where I came in.<\/p>\n  <\/section>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>Approach<\/h2>\n    <ol class=\"ns-cs-steps\">\n      <li>Research and Learning<\/li>\n      <li>5-Day Design Sprint Workshop for MVP Concept\/Basic Prototype<\/li>\n      <li>Prototype Iteration<\/li>\n      <li>Usability Testing<\/li>\n      <li>Designing and Fleshing Out All Use Cases<\/li>\n      <li>Ongoing Reviews &amp; Acceptance with QC Engineers, Producers, Engineers, Stakeholders, and Executives<\/li>\n      <li>Ongoing Dev Team Support<\/li>\n    <\/ol>\n  <\/section>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>Research<\/h2>\n    <p>I needed to learn about existing processes, tasks, documentation methods, friction points, perspectives, business goals, backend technologies being implemented, and much more. To do this, I conducted contextual inquiries and screen-recorded observational working sessions with Quality Control Engineers, their managers, Producers, Engineers, Stakeholders, and Executives: 20 people total, with the counts per role as follows:<\/p>\n\n    <div class=\"ns-cs-twocol-list\">\n      <div>\n        <h3>Roles Interviewed<\/h3>\n        <ul>\n          <li>Quality Control Engineers (6)<\/li>\n          <li>Quality Control Managers (2)<\/li>\n          <li>Producers (4)<\/li>\n          <li>Engineers (5)<\/li>\n          <li>Stakeholders &amp; Executives (3)<\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <h3>Methods Used<\/h3>\n        <ul>\n          <li>Contextual inquiry<\/li>\n          <li>Screen-recorded observational sessions<\/li>\n          <li>Stakeholder interviews<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>Existing QC Engineer Process<\/h2>\n    <p>To conduct a quality control test on a given movie title, the QC Engineer went through a process that entailed the following:<\/p>\n    <ol class=\"ns-cs-steps\">\n      <li>Manually browsing for and pull asset files consisting of HLS\/Dash versions of the feature and its trailers, images, chapter information, etc.;<\/li>\n      <li>Validate they have the latest versions for each file;<\/li>\n      <li>Open and manually scrub through each of the video files;<\/li>\n      <li>Open and manually copy\/paste\/align images into Adobe Photoshop, using pre-defined templates that allowed them to pass\/fail images based on size constraints in the interface; and<\/li>\n      <li>Documenting their findings at each step in multiple shared spreadsheets.<\/li>\n    <\/ol>\n\n    <h3>High-Level Issues<\/h3>\n    <div class=\"ns-cs-callout-grid\">\n      <div class=\"ns-cs-callout\">\n        <strong>Task Switching and High Cognitive Load<\/strong>\n        <p>The existing process was painstakingly-tedious and required switching between multiple browser tabs, windows, and other applications\u2014a task switching nightmare and massive cognitive load that\u2019s required both for managing where in the process a given title is, and also the manual steps within each task to complete it.<\/p>\n      <\/div>\n      <div class=\"ns-cs-callout\">\n        <strong>3-4 Hours Per Title<\/strong>\n        <p>On average, a QC Engineer would spend an average of at least three to four hours to review ONE movie title and its accompanying assets, and that\u2019s IF they didn\u2019t encounter any missing or out-of-date files. When they hit a snag with one title, resolving the issue wasn\u2019t instant, so they would start reviewing another movie and come back to it after they got answers.<\/p>\n      <\/div>\n      <div class=\"ns-cs-callout\">\n        <strong>Data Normalization and Subjectivity Issues<\/strong>\n        <p>Potential for mistakes and issues with data normalization, plus criteria for passing\/failing different types of assets was often subjective.<\/p>\n      <\/div>\n      <div class=\"ns-cs-callout\">\n        <strong>Accurate and Timely Reporting Impossible<\/strong>\n        <p>Documenting issues, tracking statuses, and cataloging metadata spanned multiple applications, documents, and servers; aggregating these data into accurate reports in a timely manner was practically impossible.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>The Process Pivot<\/h2>\n    <p>Standard design sprints require locking the team in a room for a continuous 40-hour week. Given the schedule conflicts across engineering leads, studio producers, and executives, mandatory full-week attendance wasn&#8217;t realistic. Rather than abandoning the sprint framework, I adapted it.<\/p>\n    <p>I handled the core use-case mapping and structural sketching independently during Days 1 and 2, pulling stakeholders in for targeted 10-to-30-minute validation sessions when they had calendar gaps. Once we had a validated direction, I spent Day 3 storyboarding the flows. On Day 4, instead of flat wireframes, I built a highly detailed Axure prototype. You can&#8217;t test a keyboard-driven, high-speed interface with static boxes. By Day 5, I ran live evaluation sessions with QC Engineers to test the interface speed, quickly securing executive approval.<\/p>\n\n    <div class=\"ns-cs-video\">\n        <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/K2vSQPh6MCE?si=Ldx1eiKO0A7xrm5p\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\"><\/iframe>\n    <\/div>\n\n    <p>In the weeks that followed, I collaborated with Patricia Bellantoni (an incredibly-talented UX colleague and mentor of mine at Disney) to:<\/p>\n    <ul>\n        <li>Refine the over-arching flow where necessary to allow for edge cases;<\/li>\n        <li>Detail out steps with greater specificity;<\/li>\n        <li>Build an interactive prototype that included necessary nuanced micro-interactions; and<\/li>\n        <li>Conduct additional usability tests with the same QC Engineers who would potentially be future users.<\/li>\n    <\/ul>\n  <\/section>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>Screenshots &amp; Walkthroughs from Final Prototypes<\/h2>\n\n    <figure class=\"ns-cs-figure\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/fig02-MA-screenshot-A.webp\" alt=\"QC Dashboard screen showing a table of movie titles\" class=\"lightbox-trigger\">\n      <figcaption><strong>Figure 2:<\/strong> QC Dashboard is an automatic queue from which the user can check-out\/-in a movie title that\u2019s ready for testing.<\/figcaption>\n    <\/figure>\n    \n    <figure class=\"ns-cs-figure\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/fig03-MA-screenshot-B.webp\" alt=\"A\/V screening interface\" class=\"lightbox-trigger\">\n      <figcaption><strong>Figure 3:<\/strong> System presents the Trailer and Feature video files (in HLS and Dash formats) sequentially. When reviewing the user can click buttons corresponding to an A\/V issue when encountered; doing so automatically records the time and issue type, and a notes field allows for more qualitative details. CTAs on each step are dynamically labeled based on indicated errors, with some classified as severe enough to warrant an immediate fail and flagging of that title for follow-up by MoviesAnywhere Producers.<\/figcaption>\n    <\/figure>\n    \n   <figure class=\"ns-cs-figure\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/fig04-MA-screenshot-C.webp\" alt=\"Chapter thumbnail check screen\" class=\"lightbox-trigger\">\n      <figcaption><strong>Figure 4:<\/strong> Chapters and their corresponding thumbnails are organized into high-density tables. This allows QC Engineers to check for accuracy, context, and image quality without manually expanding their workspace.<\/figcaption>\n    <\/figure>\n    \n   <figure class=\"ns-cs-figure\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/fig05-MA-screenshot-D.webp\" alt=\"Aspect ratio visual check panel\" class=\"lightbox-trigger\">\n      <figcaption><strong>Figure 5:<\/strong> Key art and title screens are presented in each of the required aspect ratios, with overlays indicating safe zone boundaries (e.g., if a character\u2019s face would be cut-off or partly obscured) and other issues quickly taggable.<\/figcaption>\n    <\/figure>\n  <\/section>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>Reporting UI &amp; Partner Visibility<\/h2>\n    <p>By capturing validation logs directly within the interface, the system generates real-time, objective data reports. This automated communication loop eliminated guesswork, allowing internal producers and partner studios to isolate and clear asset errors immediately.<\/p>\n\n    <h3>Prototype Walkthrough: QC Report<\/h3>\n    <div class=\"ns-cs-video\">\n        <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/1UIsyTubNTE?si=Z-k28BDDlEWdhhR2\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\"><\/iframe>\n    <\/div>\n  <\/section>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>Engineering Handoff &amp; Measured Outcomes<\/h2>\n    <p>By delivering detailed Axure specifications alongside the interactive prototypes, the design team provided engineering partners with a clear source of truth. This close collaboration minimized ambiguity during development and bypassed downstream bottlenecks.<\/p>\n    <p>Ultimately, this alignment drove our primary metrics: Reducing an average 4-hour review process to just 10 minutes was a 2,300% increase in efficiency. This saved over 20,000 hours of labor across 7,500+ titles, allowing the team to clear the backlog on schedule without additional headcount.<\/p>\n  <\/section>\n\n  <footer class=\"ns-footer\" id=\"contact\">\n    <div class=\"ns-footer__inner\">\n      <h2>Contact Me<\/h2>\n      <p class=\"ns-footer__line\">Grant Houston<\/p>\n      <p class=\"ns-footer__line\">310.426.8222<\/p>\n      <p class=\"ns-footer__line\"><a href=\"mailto:grant@naturalstructure.com\">grant@naturalstructure.com<\/a><\/p>\n      <p class=\"ns-footer__line\"><a href=\"https:\/\/www.linkedin.com\/in\/granthouston\" target=\"_blank\" rel=\"noopener\">https:\/\/www.linkedin.com\/in\/granthouston<\/a><\/p>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<div id=\"lightbox-modal\" class=\"lightbox-modal\">\n    <span class=\"lightbox-close\">\u00d7<\/span>\n    <img class=\"lightbox-content\" id=\"lightbox-img\" alt=\"Expanded view\">\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const modal = document.getElementById('lightbox-modal'), modalImg = document.getElementById('lightbox-img'), closeBtn = document.querySelector('.lightbox-close');\n        document.querySelectorAll('.lightbox-trigger').forEach(img => { img.addEventListener('click', () => { modal.classList.add('active'); modalImg.src = img.src; }); });\n        const closeModal = () => { modal.classList.remove('active'); setTimeout(() => { modalImg.src = ''; }, 300); };\n        if (closeBtn) closeBtn.addEventListener('click', closeModal);\n        if (modal) modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\n        document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.classList.contains('active')) closeModal(); });\n\n        \/\/ Header Toggle Script\n        var root = document.querySelector('.ns-page');\n        var cta = root.querySelector('.ns-js-contact-cta');\n        if (cta) cta.addEventListener('click', function (e) {\n          var t = document.getElementById('contact');\n          if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n        });\n\n        var toggle = root.querySelector('.ns-mobile-toggle');\n        if (toggle) toggle.addEventListener('click', function () {\n          var open = root.classList.toggle('is-nav-open');\n          toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Disney MoviesAnywhere: Optimizing Power-User Workflows by 2,300% Home Portfolio Contact Me Disney MoviesAnywhere:Optimizing Power-User Workflows by 2,300% How I adapted the 5-Day Design Sprint to navigate stakeholder &#8220;Calendar Tetris&#8221; and save 20,000+ person-hours. Figure 1: Hero image for this case study showing the QC Spot Check Video and Image Review UIs, plus the Report screen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naturalstructure.com\/index.php?rest_route=\/wp\/v2\/pages\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naturalstructure.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naturalstructure.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naturalstructure.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naturalstructure.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=793"}],"version-history":[{"count":4,"href":"https:\/\/naturalstructure.com\/index.php?rest_route=\/wp\/v2\/pages\/793\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/naturalstructure.com\/index.php?rest_route=\/wp\/v2\/pages\/793\/revisions\/809"}],"wp:attachment":[{"href":"https:\/\/naturalstructure.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}