{"id":98,"date":"2026-06-25T03:19:52","date_gmt":"2026-06-25T03:19:52","guid":{"rendered":"http:\/\/192.168.1.188\/?page_id=98"},"modified":"2026-07-15T20:18:54","modified_gmt":"2026-07-15T20:18:54","slug":"case-study-disney","status":"publish","type":"page","link":"https:\/\/naturalstructure.com\/index.php\/home\/portfolio\/case-study-disney\/","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>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); 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-blue); }\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; }\n    .ns-cta-btn { display: inline-block; 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    .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    \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    \/* Carousel *\/\n    .carousel-container { position: relative; width: 100%; margin: 30px auto 10px auto; border: 0px solid var(--ns-border); background: var(--ns-white-bg); border-radius: 6px; overflow: hidden; }\n    .carousel-track-container { width: 100%; overflow: hidden; }\n    .carousel-track { display: flex; padding: 0; margin: 0; list-style: none; transition: transform 0.4s ease-in-out; }\n    .carousel-slide { min-width: 100%; box-sizing: border-box; padding: 0px; display: flex; justify-content: center; align-items: center; }\n    .carousel-image { max-width: 100%; height: auto; display: block; border-radius: 4px; }\n    .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: var(--ns-blue); color: white; border: none; border-radius: 50%; width: 44px; height: 44px; cursor: pointer; font-size: 1.2rem; z-index: 10; display: flex; justify-content: center; align-items: center; }\n    .carousel-btn:disabled { opacity: 0.3; cursor: not-allowed; }\n    .prev-btn { left: 15px; } .next-btn { right: 15px; }\n    .carousel-indicator { text-align: center; font-size: 0.95rem; color: #666; margin-bottom: 40px; margin-top: 10px; }\n\n    \/* CONSOLIDATED & INTEGRATED GRID STYLES *\/\n    .ns-cs-report-grid {\n      display: grid;\n      grid-template-columns: 2fr 2fr 1.2fr;\n      gap: 35px 45px;\n      margin: 32px 0;\n    }\n    .ns-cs-report-hero { \n      grid-column: 1 \/ -1; \n    }\n    .ns-cs-report-grid .ns-cs-figure {\n      margin-top: 0;\n    }\n    .ns-cs-report-block { \n      margin-bottom: 24px; \n    }\n    .ns-cs-report-block h3 { \n      margin-top: 0; \n      margin-bottom: 12px;\n    }\n\n    @media (max-width: 960px) {\n      .ns-cs-report-grid { \n        grid-template-columns: 1fr 1fr; \n        column-gap: 30px; \n      }\n      .ns-cs-report-col-right { \n        grid-column: 1 \/ -1; \n        max-width: 320px; \n        justify-self: center; \n      }\n    }\n    @media (max-width: 640px) {\n      .ns-cs-report-grid { \n        grid-template-columns: 1fr; \n      }\n    }\n\n    \/* FORCING NON-ITALIC CAPTIONS OVER RULING WORDPRESS THEME DEFAULT *\/\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=\"\/index.php\/home\/\" class=\"ns-logo\"><img decoding=\"async\" class=\"ns-logo__mark\" src=\"\/wp-content\/uploads\/2026\/06\/nslogoweb.jpg\" alt=\"Natural Structure\"><\/a>\n      <nav class=\"ns-nav\">\n        <ul class=\"ns-nav__links\"><li><a href=\"\/index.php\/home\/\">Home<\/a><\/li><li><a href=\"\/index.php\/home\/portfolio\/\">Portfolio<\/a><\/li><\/ul>\n        <a href=\"#contact\" class=\"ns-cta-btn ns-js-contact-cta\">Contact Me<\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <section class=\"ns-cs-hero ns-cs\" style=\"text-align: center;\">\n    <h1>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 for Disney&#8217;s MoviesAnywhere.com.<\/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.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 and Image Review UI, plus the Report screen used by producers to investigate issues on the flagged title.<\/figcaption>\n  <\/figure>\n\n  <section class=\"ns-cs-section ns-cs\">\n    <h2>Context<\/h2>\n    <p>MoviesAnywhere.com is &#8220;&#8230;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 and basic prototype<\/li>\n      <li>Prototype iteration<\/li>\n      <li>Usability testing<\/li>\n      <li>Designing and building out all use cases<\/li>\n      <li>Ongoing reviews &amp; iterating with QC, 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 Testers, 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 Testers (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 Process<\/h2>\n    <p>To conduct a quality control test on a given movie title, the QC Tester went through a process that entailed the following:<\/p>\n    <ol class=\"ns-cs-steps\">\n      <li>Manually browse 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 video file;<\/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>Document their findings in a shared spreadsheet after each of the steps.<\/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>This 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>Average review took four hours per title<\/strong>\n        <p>On average, a QC Tester 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>5-Day Design Sprint Workshop<\/h2>\n    <p>Disney usually runs at a cadence of two-week Agile sprints, where design work is already completed before a sprint begins, and the designer (me) has already negotiated scope, requirements, and provided assets for the respective work before it starts. With this kind of challenge required me to think differently about how to solve this challenge.<\/p>\n    <p>I decided to conduct a <a href=\"https:\/\/www.thesprintbook.com\/\" target=\"_blank\">5-Day Design Sprint<\/a> workshop to kick off the Design phase after completing the bulk of my research. The book, authored by Jake Knapp, details an incredibly efficient way to go from challenge to prototype in just five days. He provides a 90-second overview of the process in a YouTube video (below).<\/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    <h2>The Process Pivot<\/h2>\n    <p>It\u2019s critical to conduct a workshop like this with participants involved for a full 40-hour week, Monday through Friday. Schedule conflicts (\u201cCalendar Tetris\u201d) would make this impossible unless I scheduled it months in advance\u2014not a viable option. In this case, I ran a lean version of the workshop in a dedicated conference room I booked for the week.<\/p>\n\n    <h3>The Challenge: High Stakes, Zero Alignment<\/h3>\n    <ul>\n      <li><strong>The Goal:<\/strong> Clear a 7,500-title backlog before launch.[cite: 1]<\/li>\n      <li><strong>The Problem:<\/strong> The existing QC process took four hours per title.[cite: 1]<\/li>\n      <li><strong>The Bottleneck:<\/strong> Even the 40-hour Design Sprint was impossible because stakeholders couldn\u2019t clear their calendars simultaneously.[cite: 1]<\/li>\n    <\/ul>\n\n    <h3>The Solution<\/h3>\n    <p>Rather than abandoning the rigor of a sprint, I acted as a designer-manager hybrid to drive the work forward:<\/p>\n    <ul>\n        <li><strong>Days 1 &amp; 2 (Asynchronous Alignment):<\/strong> I independently handled initial goals, use-case mappings, and sketching design concepts. Instead of having stakeholders there for a full eight hours each days, I pulled them in (during breaks in their calendars) for brief checkpoints lasting between five and 30 minutes. I would then continue and iterate based on feedback and new insights as they surfaced.[cite: 1]<\/li> \n        <li><strong>Day 3 (Storyboarding):<\/strong> Once a direction was validated, I spent an entire day sketching storyboards that would be prototyped the next day.[cite: 1]<\/li> \n        <li><strong>Day 4 (Prototyping):<\/strong> For a power-user tool where speed is the primary goal, static boxes don\u2019t suffice. I took storyboards from Day 3 and built them out with greater detail in Axure, with callouts for specific interactions\/microinteractions that would be more challenging and need further exploration later.[cite: 1]<\/li> \n        <li><strong>Day 5 (Testing &amp; Validation):<\/strong> Presented the prototype to lead stakeholders and had QC Testers sit down and do run-throughs of the various use cases. This vision hit home with the entire team, and I was given the blessing to move the project forward.[cite: 1]<\/li> \n    <\/ul>\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;[cite: 1]<\/li>\n        <li>Detail out steps with greater specificity;[cite: 1]<\/li>\n        <li>Build an interactive prototype that included necessary nuanced micro-interactions; and[cite: 1]<\/li>\n        <li>Conduct additional usability tests with the same QC Testers who would potentially be future users.[cite: 1]<\/li>\n    <\/ul>\n    <p>Further, a QC Report made available pass\/fail and qualitative notes in real-time after a movie title was tested. This allowed the internal MoviesAnywhere Producers to communicate more effectively with counterparts at partner studios to quickly resolve errors with assets delivered for ingestion.[cite: 1]<\/p>\n    <h2>Why I Skipped Wireframes<\/h2>\n    <p>In this context, the user\u2019s primary pain point was &#8220;time-to-resolution.&#8221; You cannot test the efficiency of a keyboard-driven, high-speed workflow with a static wireframe. By moving directly to prototyping, I was able to test the actual feel and speed of the interface, which was a key metric that mattered.[cite: 1]<\/p>\n    <h2>The Result (\u201cHard\u201d Metrics)<\/h2>\n    <ul>\n        <li><strong>2,300% Increase in Efficiency:<\/strong> Reduced review time from 4 hours to 10 minutes per title.[cite: 1]<\/li>\n        <li><strong>20,000+ Person-Hours Saved:<\/strong> Enabled a small team to clear a massive multi-year backlog in just two months.[cite: 1]<\/li>\n        <li><strong>Technical Handoff:<\/strong> Provided a detailed specification and functional prototype that minimized engineering friction during the build phase.[cite: 1]<\/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 a QC user can check out a movie title 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.<br><br>\n      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. \n      <\/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 checked for accuracy, context and thumbnail quality.<\/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>QC Report<\/h2>\n    <p>The net result of reviews being conducted by QC Testers is the QC Report that\u2019s used by MoviesAnywhere Producers to resolve title asset issues that are made available in real-time. <\/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  <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<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Optimizing Power-User Workflows by 2,300% Home Portfolio Contact Me 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 for Disney&#8217;s MoviesAnywhere.com. Figure 1: Hero image for this case study showing the QC Spot Check and Image Review UI, plus the Report screen used [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-98","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":26,"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages\/98\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages\/98\/revisions\/444"}],"up":[{"embeddable":true,"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/media?parent=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}