{"id":11,"date":"2026-06-20T22:31:00","date_gmt":"2026-06-20T22:31:00","guid":{"rendered":"http:\/\/192.168.1.188\/index.php\/case-studies\/"},"modified":"2026-07-16T13:23:10","modified_gmt":"2026-07-16T13:23:10","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/naturalstructure.com\/index.php\/home\/portfolio\/","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Grant Houston &#8211; Portfolio &#8211; Natural Structure<\/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; }\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-mobile-toggle {\n    display: none; background: none; border: none; cursor: pointer; padding: 6px;\n  }\n  .ns-mobile-toggle span {\n    display: block; width: 22px; height: 2px;\n    background: var(--ns-charcoal-heading); margin: 4px 0;\n  }\n\n  \/* ===== PAGE SHELL ===== *\/\n  .ns-portfolio-body {\n    max-width: var(--ns-max-width);\n    margin: 0 auto;\n    padding: 56px var(--ns-gutter) 80px;\n  }\n\n  .ns-portfolio-body > h1 { font-size: 40px; margin-bottom: 52px; }\n\n  \/* ===== SECTION WRAPPER ===== *\/\n  .ns-port-section { margin-bottom: 60px; }\n  .ns-port-section > h2 { font-size: 26px; margin-bottom: 24px; }\n\n  \/* ===== FEATURED CASE STUDY CARDS (3-up) ===== *\/\n  .ns-cs-cards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 24px;\n  }\n\n  .ns-cs-card {\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--ns-border);\n    background: var(--ns-gray-bg);\n  }\n\n  .ns-cs-card__media {\n    background: var(--ns-white);\n    border-bottom: 1px solid var(--ns-border);\n    aspect-ratio: 16 \/ 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    overflow: hidden;\n  }\n  .ns-cs-card__media img { max-width: 100%; max-height: 100%; object-fit: contain; }\n\n  .ns-cs-card__body {\n    padding: 20px 22px 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n  }\n\n  .ns-cs-card__client {\n    font-size: 12px; font-weight: 700; text-transform: uppercase;\n    letter-spacing: 0.06em; color: var(--ns-blue);\n  }\n\n  .ns-cs-card__title {\n    font-size: 16px; font-weight: 700; line-height: 1.3;\n    color: var(--ns-charcoal-heading);\n    text-decoration: none !important;\n  }\n  .ns-cs-card__title:hover { text-decoration: underline !important; text-underline-offset: 3px; color: var(--ns-charcoal-heading); }\n\n  .ns-cs-card__desc {\n    font-size: 14px; color: var(--ns-charcoal-body); flex: 1;\n    text-decoration: none !important;\n  }\n  .ns-cs-card__desc:hover { text-decoration: underline !important; text-underline-offset: 3px; color: var(--ns-charcoal-body); }\n\n  .ns-cs-card__cta {\n    align-self: flex-start;\n    margin-top: 10px;\n    display: inline-flex; align-items: center; gap: 7px;\n    font-size: 13.5px; font-weight: 600;\n    color: var(--ns-charcoal-heading) !important;\n    background: var(--ns-white);\n    border: 1.5px solid var(--ns-charcoal-heading);\n    border-radius: 8px;\n    padding: 8px 16px;\n    text-decoration: none !important;\n    transition: background 0.13s ease, color 0.13s ease, border-color 0.13s ease;\n  }\n  .ns-cs-card__cta:hover {\n    background: var(--ns-charcoal-heading);\n    color: var(--ns-white) !important;\n    text-decoration: none !important;\n  }\n  .ns-cs-card__cta svg { width: 13px; height: 13px; }\n\n  \/* Additional case studies *\/\n  .ns-cs-more {\n    border-top: 1px solid var(--ns-border);\n    padding-top: 16px;\n  }\n  .ns-cs-more h3 {\n    font-size: 13px; font-weight: 700; text-transform: uppercase;\n    letter-spacing: 0.05em; color: #888; margin-bottom: 10px;\n  }\n  .ns-link-list {\n    list-style: none; margin: 0; padding: 0;\n  }\n  .ns-link-list li {\n    padding: 7px 0;\n    border-bottom: 1px solid var(--ns-border);\n    font-size: 15px;\n  }\n  .ns-link-list li:last-child { border-bottom: none; }\n  .ns-link-list a { font-weight: 500; color: var(--ns-charcoal-heading); }\n  .ns-link-list .ns-link-note {\n    font-weight: 400; font-style: italic;\n    color: var(--ns-charcoal-body); text-decoration: none;\n  }\n  .ns-link-list .ns-dl-btn {\n    display: inline-flex; align-items: center; gap: 6px;\n    font-size: 13px; font-weight: 600;\n    color: var(--ns-charcoal-heading) !important;\n    background: var(--ns-white);\n    border: 1px solid var(--ns-border);\n    border-radius: 6px; padding: 6px 14px;\n    text-decoration: none;\n    transition: background 0.12s, border-color 0.12s, color 0.12s;\n    white-space: nowrap;\n  }\n\n  \/* ===== VIDEO WALKTHROUGHS ===== *\/\n  .ns-port-intro { font-size: 15px; margin-bottom: 20px; }\n  .ns-walkthrough-list { list-style: none; margin: 0; padding: 0; }\n  .ns-walkthrough-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 16px 0;\n    border-bottom: 1px solid var(--ns-border);\n  }\n  .ns-walkthrough-item:first-child { border-top: 1px solid var(--ns-border); }\n\n  .ns-walkthrough-thumb {\n    flex-shrink: 0;\n    width: 116px; height: 66px;\n    border-radius: 4px; overflow: hidden;\n    background: var(--ns-charcoal-heading);\n    position: relative;\n    text-decoration: none;\n  }\n  .ns-walkthrough-thumb img { width: 100%; height: 100%; object-fit: cover; }\n  .ns-walkthrough-thumb__play {\n    position: absolute; inset: 0;\n    display: flex; align-items: center; justify-content: center;\n    background: rgba(0,0,0,0.28);\n  }\n  .ns-walkthrough-thumb__play svg { width: 26px; height: 26px; color: white; }\n\n  .ns-walkthrough-info { display: flex; flex-direction: column; gap: 4px; padding-top: 2px; }\n  .ns-walkthrough-info a { font-size: 15px; font-weight: 600; }\n\n  \/* ===== DELIVERABLES TABLE ===== *\/\n  .ns-deliv-table-wrap {\n    border: 0px solid var(--ns-border);\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  .ns-deliv-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14.5px;\n  }\n\n  .ns-deliv-table thead th {\n    background: var(--ns-gray-bg-2);\n    color: var(--ns-charcoal-heading);\n    font-weight: 700;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 11px 16px;\n    text-align: left;\n    border-bottom: 1px solid var(--ns-border);\n    white-space: nowrap;\n  }\n\n  .ns-deliv-table tbody tr { border-bottom: 1px solid var(--ns-border); }\n  .ns-deliv-table tbody tr:last-child { border-bottom: none; }\n  .ns-deliv-table tbody tr:hover { background: var(--ns-gray-bg); }\n\n  .ns-deliv-table td { padding: 12px 8px; vertical-align: top; }\n  .ns-deliv-table td:first-child { font-weight: 500; }\n  .ns-deliv-table .ns-badge {\n    display: inline-block;\n    font-size: 11px; font-weight: 700; text-transform: uppercase;\n    letter-spacing: 0.04em; padding: 3px 8px; border-radius: 4px;\n    white-space: nowrap;\n  }\n  .ns-badge--pdf  { background: #FEF0EC; color: #C0391B; }\n  .ns-badge--note { background: var(--ns-blue-light); color: var(--ns-blue); }\n\n  .ns-deliv-table .ns-dl-btn {\n    display: inline-flex; align-items: center; gap: 6px;\n    font-size: 13px; font-weight: 600;\n    color: var(--ns-charcoal-heading) !important;\n    background: var(--ns-white);\n    border: 1px solid var(--ns-border);\n    border-radius: 6px; padding: 6px 14px;\n    text-decoration: none;\n    transition: background 0.12s, border-color 0.12s, color 0.12s;\n    white-space: nowrap;\n  }\n\n  .ns-dl-btn:hover {\n    background: var(--ns-blue) !important;\n    border-color: var(--ns-blue) !important;\n    color: var(--ns-white) !important;\n  }\n  .ns-dl-btn svg { width: 13px; height: 13px; }\n\n  .ns-deliv-table .ns-row-note {\n    font-size: 13.5px;\n    color: #666;\n    padding-top: 0;\n    padding-bottom: 12px;\n    border-bottom: 1px solid var(--ns-border);\n  }\n  .ns-deliv-table .ns-row-note:last-child { border-bottom: none; }\n\n  \/* ===== PORTFOLIO PDF ===== *\/\n  .ns-pdf-para { font-size: 15px; margin-bottom: 16px; }\n  .ns-pdf-qr { width: 96px; height: 96px; }\n\n  \/* ===== FOOTER ===== *\/\n  .ns-footer { padding: 52px var(--ns-gutter) 72px; border-top: 1px solid var(--ns-border); }\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: 4px; }\n  .ns-footer a { color: var(--ns-charcoal-heading); text-decoration: underline; text-underline-offset: 3px; }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 860px) {\n    .ns-cs-cards { grid-template-columns: 1fr 1fr; }\n  }\n  @media (max-width: 720px) {\n    .ns-nav__links { display: none; }\n    .ns-mobile-toggle { display: block; }\n    .ns-header__inner { flex-wrap: wrap; }\n    .ns-page.is-nav-open .ns-nav__links {\n      display: flex; flex-direction: column; align-items: flex-start;\n      gap: 16px; width: 100%; order: 3; padding-top: 16px;\n    }\n    .ns-page.is-nav-open .ns-nav { flex-wrap: wrap; }\n    .ns-portfolio-body { padding: 36px 20px 64px; }\n    .ns-portfolio-body > h1 { font-size: 30px; }\n    .ns-port-section > h2 { font-size: 22px; }\n    .ns-cs-cards { grid-template-columns: 1fr; }\n    .ns-walkthrough-item { flex-direction: column; }\n    .ns-deliv-table td:last-child { text-align: right; }\n    .ns-footer { padding: 40px 20px 60px; }\n  }\n\n  \/* FORCING NON-ITALIC CAPTIONS OVER RULING WORDPRESS THEME DEFAULT *\/\n  .ns-page figcaption {\n      font-style: normal !important;\n  }\n<\/style>\n\n<div class=\"ns-page\">\n\n  <!-- ============== HEADER ============== -->\n  <header class=\"ns-header\">\n    <div class=\"ns-header__inner\">\n      <a href=\"\/index.php\/home\/\" 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=\"120px\">\n      <\/a>\n\n      <nav class=\"ns-nav\" aria-label=\"Primary\">\n        <ul class=\"ns-nav__links\">\n          <li><a href=\"\/index.php\/home\/\">Home<\/a><\/li>\n          <li><a href=\"\/index.php\/home\/portfolio\/\" aria-current=\"page\">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  <\/header>\n\n  <main class=\"ns-portfolio-body\">\n    <section class=\"ns-port-section\">\n      <h2>Case Studies<\/h2>\n\n      <div class=\"ns-cs-cards\">\n\n        <div class=\"ns-cs-card\">\n          <div class=\"ns-cs-card__media\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/smartstart-case-study-thumb.png\" width=\"250px\" alt=\"EP SmartStart Roster List redesign interface thumbnail\">\n          <\/div>\n          <div class=\"ns-cs-card__body\">\n            <span class=\"ns-cs-card__client\">Entertainment Partners<\/span>\n            <a href=\"\/index.php\/case-study-smartstart\/\" class=\"ns-cs-card__title\">Streamlining EP SmartStart for TV &amp; Film Productions<\/a>\n            <a href=\"\/index.php\/case-study-smartstart\/\" class=\"ns-cs-card__desc\">Redesigning the Roster List and Crew Drilldown workflows \u2014 reducing friction for production coordinators across cast and crew management.<\/a>\n            <a href=\"\/index.php\/case-study-smartstart\/\" class=\"ns-cs-card__cta\">View Case Study <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"><\/path><\/svg><\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"ns-cs-card\">\n          <div class=\"ns-cs-card__media\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/nevro-case-study-thumb.png\" width=\"250px\" alt=\"Nevro HFXiQ companion app program control screen thumbnail\">\n          <\/div>\n          <div class=\"ns-cs-card__body\">\n            <span class=\"ns-cs-card__client\">Nevro<\/span>\n            <a href=\"\/index.php\/case-study-nevro\/\" class=\"ns-cs-card__title\">Pairing Rapid Prototyping with Wireframes &amp; UI Design<\/a>\n            <a href=\"\/index.php\/case-study-nevro\/\" class=\"ns-cs-card__desc\">Researching, designing, and testing the HFXiQ\u2122 app \u2014 enabling chronic pain patients to control their implanted neurostimulator and track their therapy progress.<\/a>\n            <a href=\"\/index.php\/case-study-nevro\/\" class=\"ns-cs-card__cta\">View Case Study <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"><\/path><\/svg><\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"ns-cs-card\">\n          <div class=\"ns-cs-card__media\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/disney-ma-case-study-thumb.png\" width=\"250px\" alt=\"Disney MoviesAnywhere QC Screening Room dashboard thumbnail\">\n          <\/div>\n          <div class=\"ns-cs-card__body\">\n            <span class=\"ns-cs-card__client\">Disney<\/span>\n            <a href=\"\/index.php\/case-study-disney\" class=\"ns-cs-card__title\">Disney\u2019s MoviesAnywhere.com QC Screening Room<\/a>\n            <a href=\"\/index.php\/case-study-disney\" class=\"ns-cs-card__desc\">Designing a QC workflow tool that cut average per-movie review time from 4 hours to 10 minutes \u2014 a 2300% efficiency gain across 7,500+ titles.<\/a>\n            <a href=\"\/index.php\/case-study-disney\" class=\"ns-cs-card__cta\">View Case Study <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"><\/path><\/svg><\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n   <\/section>\n\n    <section class=\"ns-port-section\">\n      <h2>UX Prototype Video Walkthroughs<\/h2>\n      <p class=\"ns-port-intro\" style=\"padding-bottom: 20px;\">As part of my day-to-day work on a project, I will generally create what I call \u201cUX Prototype Video Walkthroughs.\u201d These are a quick way for me to share what I\u2019ve worked on, and are an especially useful way to get buy-in and feedback asynchronously from my dev teams and other stakeholders. I\u2019ve posted a few below to give you a sense of what these are like.<\/p>\n\n      <ul class=\"ns-walkthrough-list\">\n\n        <li class=\"ns-walkthrough-item\">\n          <a href=\"https:\/\/www.youtube.com\/watch?v=eEUdN3drRG8\" target=\"_blank\" rel=\"noopener\" class=\"ns-walkthrough-thumb\" aria-label=\"Play UX Walkthrough 1\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/eEUdN3drRG8\/hqdefault.jpg\" alt=\"YouTube thumbnail \u2014 UX Walkthrough 1: SmartStart Roster List Redesign\">\n            <div class=\"ns-walkthrough-thumb__play\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/div>\n          <\/a>\n          <div class=\"ns-walkthrough-info\">\n            <a href=\"https:\/\/www.youtube.com\/watch?v=eEUdN3drRG8\" target=\"_blank\" rel=\"noopener\">UX Walkthrough 1: SmartStart Roster List Redesign \u2013 August 2023<\/a>\n          <\/div>\n        <\/li>\n\n        <li class=\"ns-walkthrough-item\">\n          <a href=\"https:\/\/www.youtube.com\/watch?v=BcTeWwEY2kY\" target=\"_blank\" rel=\"noopener\" class=\"ns-walkthrough-thumb\" aria-label=\"Play UX Walkthrough 2\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/BcTeWwEY2kY\/hqdefault.jpg\" alt=\"YouTube thumbnail \u2014 UX Walkthrough 2: SmartStart Agent View\">\n            <div class=\"ns-walkthrough-thumb__play\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/div>\n          <\/a>\n          <div class=\"ns-walkthrough-info\">\n            <a href=\"https:\/\/www.youtube.com\/watch?v=BcTeWwEY2kY\" target=\"_blank\" rel=\"noopener\">UX Walkthrough 2: SmartStart Agent View \u2013 September 2023<\/a>\n          <\/div>\n        <\/li>\n\n        <li class=\"ns-walkthrough-item\">\n          <a href=\"https:\/\/www.youtube.com\/watch?v=jC6sLXRjuXU\" target=\"_blank\" rel=\"noopener\" class=\"ns-walkthrough-thumb\" aria-label=\"Play UX Walkthrough 3\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/jC6sLXRjuXU\/hqdefault.jpg\" alt=\"YouTube thumbnail \u2014 UX Walkthrough 3: MoviesAnywhere.com\">\n            <div class=\"ns-walkthrough-thumb__play\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/div>\n          <\/a>\n          <div class=\"ns-walkthrough-info\">\n            <a href=\"https:\/\/www.youtube.com\/watch?v=jC6sLXRjuXU\" target=\"_blank\" rel=\"noopener\">UX Walkthrough 3: MoviesAnywhere.com \u2013 June 2017<\/a>\n          <\/div>\n        <\/li>\n\n        <li class=\"ns-walkthrough-item\">\n          <a href=\"https:\/\/www.youtube.com\/watch?v=aAexHyZfex4\" target=\"_blank\" rel=\"noopener\" class=\"ns-walkthrough-thumb\" aria-label=\"Play UX Walkthrough 4\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/aAexHyZfex4\/hqdefault.jpg\" alt=\"YouTube thumbnail \u2014 UX Walkthrough 4: TriNet Cloud Expense Receipts\">\n            <div class=\"ns-walkthrough-thumb__play\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/div>\n          <\/a>\n          <div class=\"ns-walkthrough-info\">\n            <a href=\"https:\/\/www.youtube.com\/watch?v=aAexHyZfex4\" target=\"_blank\" rel=\"noopener\">UX Walkthrough 4: TriNet Cloud Expense Receipts \u2013 July 2015<\/a>\n          <\/div>\n        <\/li>\n\n        <li class=\"ns-walkthrough-item\">\n          <a href=\"https:\/\/www.youtube.com\/watch?v=nNr7vZC6PVk\" target=\"_blank\" rel=\"noopener\" class=\"ns-walkthrough-thumb\" aria-label=\"Play UX Walkthrough 5\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/nNr7vZC6PVk\/hqdefault.jpg\" alt=\"YouTube thumbnail \u2014 UX Walkthrough 5\">\n            <div class=\"ns-walkthrough-thumb__play\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/div>\n          <\/a>\n          <div class=\"ns-walkthrough-info\">\n            <a href=\"https:\/\/www.youtube.com\/watch?v=nNr7vZC6PVk\" target=\"_blank\" rel=\"noopener\">UX Walkthrough 5:  Scenechronize &#8211; Bulk Expiration of Links WIP &#8211; April 2023<\/a>\n          <\/div>\n        <\/li>\n\n      <\/ul>\n    <\/section>\n\n    <section class=\"ns-port-section\">\n      <div class=\"ns-deliv-table-wrap\">\n        <table class=\"ns-deliv-table\">\n          <tbody>\n    \t     <tr>\n              <td colspan=\"2\"style=\"background-color:#FFFFFF; padding-top: 32px;\"><h3>Additional Case Studies<\/h3><\/td>\n            <\/tr>\n            <tr>\n              <td>HauteLook\u2019s Checkout Flow and My Account<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/CaseStudy_HauteLook_iOS_App.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>3-Day Blinds Sales Consultant Experience<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/CaseStudy-3-DayBlindsSalesConsultantExperience.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>MyEP MFA Enrollment<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/CaseStudy-MyEPMFAEnrollment.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n    \t     <tr>\n              <td colspan=\"2\"style=\"background-color:#FFFFFF; padding-top: 32px;\"><h3>Deliverable Samples<\/h3><\/td>\n            <\/tr>\n            <tr>\n              <td>Wireframes and Interaction Model \u2013 myABC Video Player<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/MyABC_Wireframes_v12.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>Wireframes \u2013 AOL MusicNow Interactive TV Experience<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/AOLMusicNowInteractiveTVExperience-UXDocumentation.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>Wireframes \u2013 Entertainment Partners<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/DeliverableSamples-Wireframes-EP2019\u20132023.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>Wireframes \u2013 Nevro <span class=\"ns-link-note\">(Redacted Sample)<\/span><\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/UXDocumentationforNevro-2018.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>Site and Application Maps<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/DeliverableSamples-SiteandApplicationMaps.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>Process \/ User Flows<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/DeliverableSamples-UserFlows.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>Wireframes \u2013 TaylorMade Golf Experience<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/TaylorMade_Wireframes_Round_4e.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>Wireframes \u2013 BeautyCollection.com IA &amp; Redesign<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/BeautyCollection_Wireframes_Round3.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n\t   \t     <tr>\n              <td colspan=\"2\"style=\"background-color:#FFFFFF; padding-top: 32px;\"><h3>Content Strategy &amp; Documentation Samples<\/h3><\/td>\n            <\/tr>\n            <tr>\n              <td>Nevro Wireframes with Annotation Markers and Content Inventory<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/NevroWireframeswithAnnotationMarkersandContentInventory.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>NBC Universal Video Player 2.0 Functional Specifications<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/Example_NBCUniversal_Video_Player_2_Functional_Specifications_v11.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n            <tr>\n              <td>TriNet Filtering Annotations Example<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/TriNet_Expense_Search_and_Filter_Interaction_Model_Annotations.pdf\" target=\"_blank\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n\t   \t     <tr>\n              <td colspan=\"2\"style=\"background-color:#FFFFFF; padding-top: 32px;\"><h3>Other<\/h3><\/td>\n            <\/tr>\n            <tr>\n              <td>Sketching Samples<\/td>\n              <td><a href=\"\/wp-content\/uploads\/2026\/07\/SketchingSamples.pdf\" class=\"ns-dl-btn\" download=\"\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"M7 10l5 5 5-5\"><\/path><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> Download<\/a><\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/section>\n  <\/main>\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<script>\n(function () {\n  var root = document.currentScript.previousElementSibling;\n  if (!root || !root.classList.contains('ns-page')) root = document.querySelector('.ns-page');\n\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>Grant Houston &#8211; Portfolio &#8211; Natural Structure Home Portfolio Contact Me Case Studies Entertainment Partners Streamlining EP SmartStart for TV &amp; Film Productions Redesigning the Roster List and Crew Drilldown workflows \u2014 reducing friction for production coordinators across cast and crew management. View Case Study Nevro Pairing Rapid Prototyping with Wireframes &amp; UI Design Researching, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages\/11","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=11"}],"version-history":[{"count":91,"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":574,"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/574"}],"up":[{"embeddable":true,"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/naturalstructure.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}