{"id":11,"date":"2022-06-21T19:19:53","date_gmt":"2022-06-21T19:19:53","guid":{"rendered":"https:\/\/clockwork.galaxyweblinks.com\/?page_id=11"},"modified":"2026-04-30T14:38:19","modified_gmt":"2026-04-30T14:38:19","slug":"home","status":"publish","type":"page","link":"https:\/\/www.clockwork.com\/","title":{"rendered":"Home | Clockwork | Custom Software Solutions &amp; Enterprise Experience Design"},"content":{"rendered":"\n<div class=\"block hero-banner video circle\" id=\"heroBanner\" style=\"background-color: #ffcc00; background-image: url();\">\n\n\n\n  <div class=\"grid-container\">\n    <div class=\"grid-x grid-margin-x\">\n      <div class=\"cell small-12 large-7\">\n\n                  <div class=\"banner-content\" style=\"color: #161616\" >\n            <h1><span>Business as usual is over.<\/span><br \/>\nThe future runs like Clockwork.<\/h1>\n          <\/div>\n        \n                  <div class=\"banner-link\">\n            <a  class=\"fancy-button white arrow-after\" href=\"https:\/\/www.clockwork.com\/services\/\" target=\"_self\">\n              Explore            <\/a>\n          <\/div>\n        \n      <\/div>\n\n      <div class=\"cell small-12 large-5\">\n        \n          <div class=\"mask-container video circle\" id=\"maskContainer\">\n\n                      <button class=\"video-player-button\" id=\"videoPlayerButton\" onclick=\"handleClick()\">\n              <span class=\"show-for-sr\">Play<\/span>\n            <\/button>\n\n                          <button class=\"video-cc-button\" id=\"videoCCButton\" style=\"display: none;\">\n                <span class=\"show-for-sr\">Toggle Captions<\/span>\n                <span class=\"cc-label\">CC<\/span>\n              <\/button>\n            \n            <div class=\"mask circle\" id=\"mask\">\n              <div class=\"mask-video\">\n                <div class=\"embed-container\">\n\n                  \n                                      <!-- Background video iframe (muted, looping) -->\n                    <iframe loading=\"lazy\" id=\"videoPlayerBackground\" data-video-source=\"vimeo\" data-video-id=\"737679668\" src=\"https:\/\/player.vimeo.com\/video\/737679668?background=1&#038;autoplay=1&#038;muted=1&#038;loop=1&#038;color=ef0800&#038;title=0&#038;byline=0&#038;portrait=0&#038;autopause=0&#038;controls=0\" width=\"640\" height=\"360\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen style=\"display: block;\" role=\"none\"><\/iframe>\n                    <!-- Playing video iframe (unmuted, with captions support) -->\n                    <iframe loading=\"lazy\" id=\"videoPlayer\" data-video-source=\"vimeo\" data-video-id=\"737679668\" src=\"https:\/\/player.vimeo.com\/video\/737679668?background=0&#038;autoplay=0&#038;muted=0&#038;loop=0&#038;color=ef0800&#038;title=0&#038;byline=0&#038;portrait=0&#038;autopause=0\" width=\"640\" height=\"360\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen style=\"display: none;\" role=\"application\" title=\"Video player\"><\/iframe>\n                  \n                <\/div>\n              <\/div>\n            <\/div>\n          \n          \n          <\/div>\n        \n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n\n<script>\n  const videoPlayer = document.getElementById('videoPlayer');\n  const videoPlayerButton = document.getElementById('videoPlayerButton');\n  const mask = document.getElementById(\"mask\");\n\n  if (videoPlayer.dataset.videoSource === \"youtube\") {\n    \/\/ https:\/\/developers.google.com\/youtube\/iframe_api_reference#Example_Video_Player_Constructors\n    var tag = document.createElement('script');\n    tag.src = 'https:\/\/www.youtube.com\/iframe_api';\n    var firstScriptTag = document.getElementsByTagName('script')[0];\n    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n    var player;\n    function onYouTubeIframeAPIReady() {\n      player = new YT.Player('videoPlayer', {\n        videoId: videoPlayer.dataset.videoId,\n        playerVars: { \n          'autoplay': 1,\n          'controls': 1,\n          'loop': 1,\n          'mute': 1,\n          'rel': 0,\n        },\n      });\n    }\n\n    function handleClick() {\n      \/\/ heroBanner.classList.add(\"play\");\n      let maskContainer = event.target.parentNode;\n      if(maskContainer.classList.contains(\"play\")) {\n        maskContainer.classList.remove(\"play\");\n        mask.classList.remove(\"play\");\n        player.seekTo(0);\n        player.mute();\n      } else {\n        maskContainer.classList.add(\"play\");\n        mask.classList.add(\"play\");\n        player.seekTo(0);\n        player.unMute();\n      }\n    }\n\n    videoPlayerButton.onclick = function(){ handleClick() };\n\n    new Waypoint({\n      element: videoPlayer,\n      handler: function(direction) {\n        if(direction == 'down') {\n          player.pauseVideo();\n          this.destroy();\n        }\n      },\n      offset: '-100%'\n    })\n  }\n\n  if (videoPlayer.dataset.videoSource === \"vimeo\") {\n    \/\/ https:\/\/developer.vimeo.com\/player\/sdk\n    var backgroundIframe = document.getElementById('videoPlayerBackground');\n    var playingIframe = videoPlayer;\n    var backgroundPlayer = new Vimeo.Player(backgroundIframe);\n    var player = new Vimeo.Player(playingIframe);\n    var ccButton = document.getElementById('videoCCButton');\n    var captionsEnabled = false;\n    var availableTextTracks = null;\n\n    \/\/ Get available text tracks from the playing iframe (which supports captions)\n    player.getTextTracks().then(function(tracks) {\n      availableTextTracks = tracks;\n      console.log('Available text tracks:', tracks);\n      \n      \/\/ Prefer subtitles over captions, then find English track or first available track\n      var textTrack = tracks.find(function(track) {\n        return (track.language === 'en' || track.language.startsWith('en')) && track.kind === 'subtitles';\n      }) || tracks.find(function(track) {\n        return track.language === 'en' || track.language.startsWith('en');\n      }) || (tracks.length > 0 ? tracks[0] : null);\n      \n      if (textTrack) {\n        console.log('Selected text track:', textTrack);\n        \/\/ Store the language code for toggling\n        if (ccButton) {\n          ccButton.dataset.trackLanguage = textTrack.language;\n          ccButton.dataset.trackKind = textTrack.kind || 'subtitles';\n        }\n      } else {\n        console.log('No text tracks available');\n      }\n    }).catch(function(error) {\n      console.log('Error getting text tracks:', error);\n    });\n\n    function handleClick() {\n      \/\/ heroBanner.classList.add(\"play\");\n      \n      \n    }\n\n    videoPlayerButton.onclick = function(){\n      let maskContainer = event.target.parentNode;\n      console.log(maskContainer);\n      if(maskContainer.classList.contains(\"play\")) {\n        \/\/ Switch back to background video\n        maskContainer.classList.remove(\"play\");\n        mask.classList.remove(\"play\");\n        player.pause();\n        backgroundIframe.style.display = 'block';\n        playingIframe.style.display = 'none';\n        \n        if (captionsEnabled) {\n          player.disableTextTrack().catch(function(error) {\n            console.log('Error disabling text track:', error);\n          });\n          captionsEnabled = false;\n        }\n        if (ccButton) {\n          ccButton.style.display = 'none';\n          ccButton.classList.remove('active');\n        }\n      } else {\n        \/\/ Switch to playing video\n        maskContainer.classList.add(\"play\");\n        mask.classList.add(\"play\");\n        backgroundIframe.style.display = 'none';\n        playingIframe.style.display = 'block';\n        \n        \/\/ Always start from the beginning\n        player.setCurrentTime(0);\n        player.setMuted(false);\n        player.play().catch(function(error) {\n          console.log('Error playing video:', error);\n        });\n        \n        \/\/ Show CC button if text tracks are available\n        if (ccButton && ccButton.dataset.trackLanguage) {\n          ccButton.style.display = 'block';\n        }\n        \n        \/\/ Re-enable captions if they were previously enabled\n        if (captionsEnabled && ccButton && ccButton.dataset.trackLanguage) {\n          setTimeout(function() {\n            var language = ccButton.dataset.trackLanguage;\n            var kind = ccButton.dataset.trackKind || 'subtitles';\n            player.enableTextTrack(language, kind).catch(function(error) {\n              player.enableTextTrack(language).catch(function(fallbackError) {\n                console.log('Error re-enabling captions after play:', fallbackError);\n              });\n            });\n          }, 300);\n        }\n      }\n    };\n\n    \/\/ CC toggle button handler - much simpler now with two iframes!\n    if (ccButton) {\n      ccButton.onclick = function(e) {\n        e.stopPropagation();\n        if (ccButton.dataset.trackLanguage) {\n          if (captionsEnabled) {\n            player.disableTextTrack().then(function() {\n              captionsEnabled = false;\n              ccButton.classList.remove('active');\n              console.log('Captions disabled');\n            }).catch(function(error) {\n              console.log('Error disabling text track:', error);\n            });\n          } else {\n            var language = ccButton.dataset.trackLanguage;\n            var kind = ccButton.dataset.trackKind || 'subtitles';\n            console.log('Enabling text track:', language, 'kind:', kind);\n            \n            \/\/ Ensure video is playing before enabling captions\n            player.getPaused().then(function(paused) {\n              if (paused) {\n                console.log('Video is paused, playing first...');\n                player.play().then(function() {\n                  enableCaptions();\n                });\n              } else {\n                enableCaptions();\n              }\n            });\n            \n            function enableCaptions() {\n              \/\/ Try with both language and kind\n              player.enableTextTrack(language, kind).then(function(track) {\n                captionsEnabled = true;\n                ccButton.classList.add('active');\n                console.log('Captions enabled successfully:', track);\n              }).catch(function(error) {\n                console.log('Error enabling text track with kind:', error);\n                \/\/ Try without kind parameter as fallback\n                player.enableTextTrack(language).then(function(track) {\n                  captionsEnabled = true;\n                  ccButton.classList.add('active');\n                  console.log('Captions enabled successfully (fallback):', track);\n                }).catch(function(fallbackError) {\n                  console.log('Error enabling text track (fallback):', fallbackError);\n                });\n              });\n            }\n          }\n        }\n      };\n    }\n\n    new Waypoint({\n      element: playingIframe,\n      handler: function(direction) {\n        if(direction == 'down') {\n          \/\/ Pause the playing video if it's visible\n          if (playingIframe.style.display !== 'none') {\n            player.pause();\n          }\n          this.destroy();\n        }\n      },\n      offset: '-100%'\n    })\n  }\n\n<\/script>\n\n\n<section class=\"our-services our-impact-section\" aria-label=\"image with content \">\n    <div class=\"new-container\">\n        <div class=\"grid-x grid-margin-x\">\n            <div class=\"cell small-12 medium-7 copy-content\">\n                <h2 class=\"h3\">\n                    Our Services                <\/h2>\n                <div class=\"sub-heading\">\n                    <p>Clockwork builds websites, software platforms, and mobile applications that help businesses solve big, gnarly problems (and sometimes medium-sized ones).<\/p>\n                <\/div>\n                <div class=\"cell small-12 medium-5 service-selector mobile-only\">\n                                            <div>\n                            <a href=\"\/services\/strategy-innovation-change-enablement\/\">\n                                <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/09\/Strategy-Innovation-Change.svg\" alt=\"Digital strategy, Innovation, Change Management Services\">\n                                <p class=\"fancy-link arrow-after\">Strategy, Innovation &#038; Change<\/p>\n                            <\/a>\n                        <\/div>\n                                            <div>\n                            <a href=\"\/services\/experience-design\/\">\n                                <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/09\/Experience-Design.svg\" alt=\"Experience Design Services\">\n                                <p class=\"fancy-link arrow-after\">Experience Design<\/p>\n                            <\/a>\n                        <\/div>\n                                            <div>\n                            <a href=\"\/services\/technology-engineering\/\">\n                                <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/09\/Technology-Engineering.svg\" alt=\"Custom technology and Engineering Services\">\n                                <p class=\"fancy-link arrow-after\">Technology &#038; Engineering<\/p>\n                            <\/a>\n                        <\/div>\n                                            <div>\n                            <a href=\"\/services\/maintenance-support\/\">\n                                <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/09\/Maintenance-Support.svg\" alt=\"Website and Software maintenance and support services\">\n                                <p class=\"fancy-link arrow-after\">Maintenance &#038; Support<\/p>\n                            <\/a>\n                        <\/div>\n                                            <div>\n                            <a href=\"https:\/\/www.clockwork.com\/services\/ai-consulting-solutions\/\">\n                                <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2026\/02\/Ai-icon-resized.svg\" alt=\"\">\n                                <p class=\"fancy-link arrow-after\">AI Consulting &amp; Solutions<\/p>\n                            <\/a>\n                        <\/div>\n                                    <\/div>\n                <div class=\"main-content\">\n                    <p>We help clients define the problem, determine the solution, and then we build it. Throughout the process, we bring everyone along to embrace what\u2019s new and ensure the solution is a successful investment. People. Process. Technology\u2014in that order. That\u2019s what we do and how we do it.<\/p>\n                <\/div>\n                <a class=\"fancy-link arrow-after\" href=\"\/expertise\/\">See our expertise<\/a>\n            <\/div>\n            <div class=\"cell small-12 medium-5 service-selector desktop-only\">\n                                    <div>\n                        <a href=\"\/services\/strategy-innovation-change-enablement\/\">\n                            <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/09\/Strategy-Innovation-Change.svg\" alt=\"Digital strategy, Innovation, Change Management Services\">\n                            <p class=\"fancy-link arrow-after\">Strategy, Innovation &#038; Change<\/p>\n                        <\/a>\n                    <\/div>\n                                    <div>\n                        <a href=\"\/services\/experience-design\/\">\n                            <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/09\/Experience-Design.svg\" alt=\"Experience Design Services\">\n                            <p class=\"fancy-link arrow-after\">Experience Design<\/p>\n                        <\/a>\n                    <\/div>\n                                    <div>\n                        <a href=\"\/services\/technology-engineering\/\">\n                            <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/09\/Technology-Engineering.svg\" alt=\"Custom technology and Engineering Services\">\n                            <p class=\"fancy-link arrow-after\">Technology &#038; Engineering<\/p>\n                        <\/a>\n                    <\/div>\n                                    <div>\n                        <a href=\"\/services\/maintenance-support\/\">\n                            <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/09\/Maintenance-Support.svg\" alt=\"Website and Software maintenance and support services\">\n                            <p class=\"fancy-link arrow-after\">Maintenance &#038; Support<\/p>\n                        <\/a>\n                    <\/div>\n                                    <div>\n                        <a href=\"https:\/\/www.clockwork.com\/services\/ai-consulting-solutions\/\">\n                            <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2026\/02\/Ai-icon-resized.svg\" alt=\"\">\n                            <p class=\"fancy-link arrow-after\">AI Consulting &amp; Solutions<\/p>\n                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<div class=\"block brand-image-grid\">\n  <div class=\"grid-container\">\n    <div class=\"grid-x grid-margin-x align-justify\">\n      <div class=\"cell small-12 medium-shrink\">\n\n                  <h2>Brands Served.<\/h2>\n        \n      <\/div>\n      <div class=\"cell small-12 medium-shrink mobile-hidden\">\n\n                  <a href=\"https:\/\/www.clockwork.com\/expertise\/\" target=\"_self\" class=\"fancy-link arrow-after\">\n            See the process          <\/a>\n        \n      <\/div>\n    <\/div>\n    <div class=\"grid-x grid-margin-x\">\n\n                      \n          \n          <div class=\"cell small-6 medium-3\">\n            <div class=\"brand wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.5s\">\n                              <div class=\"brand-image\"  style=\"border-bottom: 2px solid #ff9900;\" >\n                  <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/04\/client-logo_minnesota-lottery.webp\" alt=\"Minnesota Lottery\" \/>\n                <\/div>\n                          <\/div>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-6 medium-3\">\n            <div class=\"brand wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.75s\">\n                              <div class=\"brand-image\"  style=\"border-bottom: 2px solid #24a148;\" >\n                  <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2023\/04\/client-logo_mercury-1.webp\" alt=\"mercury\" \/>\n                <\/div>\n                          <\/div>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-6 medium-3\">\n            <div class=\"brand wow animate__animated animate__fadeInUp\" data-wow-delay=\"1s\">\n                              <div class=\"brand-image\"  style=\"border-bottom: 2px solid #e500a1;\" >\n                  <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2024\/02\/caddilac-1.webp\" alt=\"cadillac\" \/>\n                <\/div>\n                          <\/div>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-6 medium-3\">\n            <div class=\"brand wow animate__animated animate__fadeInUp\" data-wow-delay=\"1.25s\">\n                              <div class=\"brand-image\"  style=\"border-bottom: 2px solid #6e1fed;\" >\n                  <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2024\/11\/Haagen_Dazs_1080x1080_Logo_transparent.webp\" alt=\"haggen dazs\" \/>\n                <\/div>\n                          <\/div>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-6 medium-3\">\n            <div class=\"brand wow animate__animated animate__fadeInUp\" data-wow-delay=\"1.5s\">\n                              <div class=\"brand-image\"  style=\"border-bottom: 2px solid #6e1fed;\" >\n                  <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2024\/11\/PepsiCo_idw6Mg78af_3-1.webp\" alt=\"pepsico\" \/>\n                <\/div>\n                          <\/div>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-6 medium-3\">\n            <div class=\"brand wow animate__animated animate__fadeInUp\" data-wow-delay=\"1.75s\">\n                              <div class=\"brand-image\"  style=\"border-bottom: 2px solid #e500a1;\" >\n                  <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2024\/11\/Mayo-Clinic-Logo-1080x1080-3.webp\" alt=\"mayo clinic\" \/>\n                <\/div>\n                          <\/div>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-6 medium-3\">\n            <div class=\"brand wow animate__animated animate__fadeInUp\" data-wow-delay=\"2s\">\n                              <div class=\"brand-image\"  style=\"border-bottom: 2px solid #24a148;\" >\n                  <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2024\/11\/Jacuzzi-Logo-1080x1080-1.webp\" alt=\"jacuzzi\" \/>\n                <\/div>\n                          <\/div>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-6 medium-3\">\n            <div class=\"brand wow animate__animated animate__fadeInUp\" data-wow-delay=\"2.25s\">\n                              <div class=\"brand-image\"  style=\"border-bottom: 2px solid #ff9900;\" >\n                  <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2024\/11\/KOHLER-Logo-1080x1080-1.webp\" alt=\"kohler\" \/>\n                <\/div>\n                          <\/div>\n          <\/div>\n\n              \n    <\/div>\n    <div class=\"grid-x grid-margin-x\">\n      <div class=\"cell small-12 mobile-display\">\n\n                  <a href=\"https:\/\/www.clockwork.com\/expertise\/\" target=\"_self\" class=\"fancy-link arrow-after\">\n            See the process          <\/a>\n        \n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"block work-posts-previews\">\n  <div class=\"grid-container\">\n\n    <div class=\"grid-x grid-margin-x align-justify\">\n      <div class=\"cell small-12 medium-shrink\">\n\n                  <h2>Problems? Solved.<\/h2>\n        \n      <\/div>\n      <div class=\"cell small-12 medium-shrink mobile-hidden\">\n\n                  <a tabindex=\"0\" class=\"fancy-link arrow-after\" href=\"https:\/\/www.clockwork.com\/work\/\" target=\"_self\">\n            View the work          <\/a>\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"grid-x grid-margin-x\">\n\n              \n          \n          <div class=\"cell small-12 medium-4\">\n            <article class=\"work-post\">\n              <a class=\"work-link\" href=\"https:\/\/www.clockwork.com\/work\/clearfield\/\" aria-label=\"Clearfield\">\n                <div class=\"work-image\">\n\n\n                                      <div class=\"work-categories\">\n                                                                        <div class=\"work-category\">\n                            Energy &amp; Construction                          <\/div>\n                                                                                                                <\/div>\n                  \n\n                                      <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2026\/04\/clearfield_case_study_hero-1080x1080.webp\" alt=\"Clearfield\" aria-hidden=\"true\" \/>\n                  \n                <\/div>\n                <div class=\"work-preview\">\n\n                                      <h3 class=\"work-title\">Clearfield<\/h3>\n                  \n                                      <p class=\"work-excerpt\" aria-hidden=\"true\">Helping Clearfiled modernize a paper-based process with a collaborative scoping workshop and design sprints<\/p>\n                  \n                <\/div>\n              <\/a>\n            <\/article>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-12 medium-4\">\n            <article class=\"work-post\">\n              <a class=\"work-link\" href=\"https:\/\/www.clockwork.com\/work\/wilson-tool-ai-advantage\/\" aria-label=\"Wilson Tool\">\n                <div class=\"work-image\">\n\n\n                                      <div class=\"work-categories\">\n                                                                                                                      <div class=\"work-category\">\n                            Manufacturing                          <\/div>\n                                                                                                                <\/div>\n                  \n\n                                      <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2025\/11\/Wilson-Tool-Hero-1920x1080-1-1080x1080.webp\" alt=\"Wilson Tool\" aria-hidden=\"true\" \/>\n                  \n                <\/div>\n                <div class=\"work-preview\">\n\n                                      <h3 class=\"work-title\">Wilson Tool<\/h3>\n                  \n                                      <p class=\"work-excerpt\" aria-hidden=\"true\">Charting Wilson Tool\u2019s path toward responsible AI adoption and innovation.<\/p>\n                  \n                <\/div>\n              <\/a>\n            <\/article>\n          <\/div>\n\n        \n          \n          <div class=\"cell small-12 medium-4\">\n            <article class=\"work-post\">\n              <a class=\"work-link\" href=\"https:\/\/www.clockwork.com\/work\/minnesota-lottery-ai-alt-text-solution\/\" aria-label=\"Minnesota Lottery AI-Powered Accessibility\">\n                <div class=\"work-image\">\n\n\n                                      <div class=\"work-categories\">\n                                                                                                                                                                    <div class=\"work-category\">\n                            Government                          <\/div>\n                                                                                                                                                                                                            <\/div>\n                  \n\n                                      <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2025\/01\/MN-Lottery-AI-Accessibility-case-study-featured-image-1-1080x1080.webp\" alt=\"Minnesota Lottery AI-Powered Accessibility\" aria-hidden=\"true\" \/>\n                  \n                <\/div>\n                <div class=\"work-preview\">\n\n                                      <h3 class=\"work-title\">Minnesota Lottery AI-Powered Accessibility<\/h3>\n                  \n                                      <p class=\"work-excerpt\" aria-hidden=\"true\">Leveraging AI to transform The Minnesota Lottery\u2019s accessibility compliance and future-proof their content workflows in just three weeks.<\/p>\n                  \n                <\/div>\n              <\/a>\n            <\/article>\n          <\/div>\n\n              \n    <\/div>\n\n    <div class=\"grid-x grid-margin-x\">\n      <div class=\"cell small-12 mobile-display\">\n                  <a tabindex=\"0\" class=\"fancy-link arrow-after\" href=\"https:\/\/www.clockwork.com\/work\/\" target=\"_self\">\n            View this work          <\/a>\n              <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n  <div class=\"block testimonial page-testimonial withoutbg\">\n    <div class=\"grid-container\">\n      <div class=\"grid-x grid-margin-x\">\n        <div class=\"cell\">\n\n          <figure class=\"testimonial-content wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.5s\">\n\n                          <blockquote class=\"testimonial-quote\" >\n                <p >&#8220;What I like most about Clockwork is, first, they are humans who care about humans. Second, they are experts at what they do. And third, they define their success by your success.&#8221;\r\n<\/p>\n              <\/blockquote>\n            \n            <figcaption class=\"testimonial-citation wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.5s\">\n\n                              <p >Clockwork Client<\/p>\n              \n              \n            <\/figcaption>\n\n            <div class=\"testimonial-cta\">\n                                              <a class=\"fancy-button arrow-after\" href=\"https:\/\/www.clockwork.com\/expertise\/\" target=\"_self\">\n                  See the process                  <!-- <img decoding=\"async\" src=\"\/wp-content\/themes\/cw-custom--cw-main\/src\/assets\/icons\/vector-link.svg\" alt=\"icon\" role=\"img\"> -->\n                <\/a>\n                          <\/div>\n\n          <\/figure>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n<div class=\"block insight-posts-previews\" >\n  <div class=\"grid-container\">\n    <div class=\"grid-x grid-margin-x align-justify\">\n      \n      <div class=\"cell small-12 medium-3\">\n\n                  <h2>Insights on people, technology, and business.<\/h2>\n                                    <a tabindex=\"0\" class=\"fancy-link arrow-after\" href=\"https:\/\/www.clockwork.com\/insights\/\" target=\"_self\">\n            All Insights          <\/a>\n        \n      <\/div>\n\n      <div class=\"cell small-12 medium-8\">\n\n        \n        \n                  \n            \n            \n            <article class=\"insight-post\">\n              <a class=\"insight-link\" tabindex=\"0\" href=\"https:\/\/www.clockwork.com\/insights\/innovation-change-management\/\" aria-label=\"How change management unlocks innovation\">\n                <div class=\"grid-x grid-margin-x align-justify\">\n                  \n                  <div class=\"cell small-12 medium-4\">\n                                          <div class=\"insight-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2025\/12\/Green-Unlock-720x720.webp\" alt=\"How change management unlocks innovation\" aria-hidden=\"true\" \/>\n                      <\/div>\n                                      <\/div>\n                \n                  <div class=\"cell small-12 medium-8\">\n                \n                    <div class=\"insight-preview\">\n                                              <h3 class=\"insight-title\">How change management unlocks innovation<\/h3>\n                                                                    <p class=\"insight-excerpt\" aria-hidden=\"true\">Why does it feel like innovation initiatives never go anywhere? We all know that innovation is a key driver of organizational success. I don\u2019t think&#8230;<\/p>\n                                          <\/div>\n                  <\/div>\n\n                <\/div>\n              <\/a>\n            <\/article>\n\n          \n            \n            \n            <article class=\"insight-post\">\n              <a class=\"insight-link\" tabindex=\"0\" href=\"https:\/\/www.clockwork.com\/insights\/cw-pov-budget-strategy-2026\/\" aria-label=\"CW POV: Budgets, Bets, and Bold Moves for 2026\">\n                <div class=\"grid-x grid-margin-x align-justify\">\n                  \n                  <div class=\"cell small-12 medium-4\">\n                                          <div class=\"insight-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2025\/10\/jubair-hossain-yL0Z6zBJPCc-unsplash-720x720.webp\" alt=\"CW POV: Budgets, Bets, and Bold Moves for 2026\" aria-hidden=\"true\" \/>\n                      <\/div>\n                                      <\/div>\n                \n                  <div class=\"cell small-12 medium-8\">\n                \n                    <div class=\"insight-preview\">\n                                              <h3 class=\"insight-title\">CW POV: Budgets, Bets, and Bold Moves for 2026<\/h3>\n                                                                    <p class=\"insight-excerpt\" aria-hidden=\"true\">Every budget season is a gamble\u2014forecasts, tradeoffs, and a few educated guesses. The question is: where should you place your chips this year?<\/p>\n                                          <\/div>\n                  <\/div>\n\n                <\/div>\n              <\/a>\n            <\/article>\n\n          \n            \n            \n            <article class=\"insight-post\">\n              <a class=\"insight-link\" tabindex=\"0\" href=\"https:\/\/www.clockwork.com\/insights\/modernizing-b2b-products-a-smarter-path-to-impact\/\" aria-label=\"Modernizing B2B products: A smarter path to impact\">\n                <div class=\"grid-x grid-margin-x align-justify\">\n                  \n                  <div class=\"cell small-12 medium-4\">\n                                          <div class=\"insight-image\">\n                        <img decoding=\"async\" src=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2025\/05\/lawrence-krowdeed-4j78CLmnip0-unsplash-720x720.webp\" alt=\"Modernizing B2B products: A smarter path to impact\" aria-hidden=\"true\" \/>\n                      <\/div>\n                                      <\/div>\n                \n                  <div class=\"cell small-12 medium-8\">\n                \n                    <div class=\"insight-preview\">\n                                              <h3 class=\"insight-title\">Modernizing B2B products: A smarter path to impact<\/h3>\n                                                                    <p class=\"insight-excerpt\" aria-hidden=\"true\">In this article What if your product isn&#8217;t keeping up? Sarah leads product development at a growing manufacturing company. She watches her field reps struggle&#8230;<\/p>\n                                          <\/div>\n                  <\/div>\n\n                <\/div>\n              <\/a>\n            <\/article>\n\n                        <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":24,"featured_media":4842,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"coauthors":[73],"class_list":["post-11","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.2 (Yoast SEO v25.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Experience Design &amp; Custom Software Solutions<\/title>\n<meta name=\"description\" content=\"Experience design &amp; technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.clockwork.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clockwork | Experience Design &amp; Custom Software Solutions\" \/>\n<meta property=\"og:description\" content=\"Experience design &amp; technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clockwork.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Clockwork\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/clockworkactivemedia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-30T14:38:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Clockwork\u2014Digital expertise delivered by real smart (and nice) people.\" \/>\n<meta name=\"twitter:description\" content=\"Experience design &amp; technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@Clockwork_Tweet\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.clockwork.com\/\",\"url\":\"https:\/\/www.clockwork.com\/\",\"name\":\"Experience Design & Custom Software Solutions\",\"isPartOf\":{\"@id\":\"https:\/\/www.clockwork.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.clockwork.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.clockwork.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg\",\"datePublished\":\"2022-06-21T19:19:53+00:00\",\"dateModified\":\"2026-04-30T14:38:19+00:00\",\"description\":\"Experience design & technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.clockwork.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.clockwork.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.clockwork.com\/#primaryimage\",\"url\":\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg\",\"contentUrl\":\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg\",\"width\":1440,\"height\":800,\"caption\":\"Business as usual is over. The future runs like Clockwork.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.clockwork.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.clockwork.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home | Clockwork | Custom Software Solutions &amp; Enterprise Experience Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.clockwork.com\/#website\",\"url\":\"https:\/\/www.clockwork.com\/\",\"name\":\"Clockwork\",\"description\":\"We create human-centered digital experiences.\",\"publisher\":{\"@id\":\"https:\/\/www.clockwork.com\/#organization\"},\"alternateName\":\"Clockwork: Custom Software Solutions & Experience Design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.clockwork.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.clockwork.com\/#organization\",\"name\":\"Clockwork\",\"url\":\"https:\/\/www.clockwork.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.clockwork.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/07\/clockwork.svg\",\"contentUrl\":\"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/07\/clockwork.svg\",\"width\":93,\"height\":48,\"caption\":\"Clockwork\"},\"image\":{\"@id\":\"https:\/\/www.clockwork.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/clockworkactivemedia\",\"https:\/\/x.com\/Clockwork_Tweet\",\"https:\/\/www.linkedin.com\/company\/clockwork-active-media-systems\"],\"description\":\"Experience design & technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.\",\"legalName\":\"Clockwork\",\"foundingDate\":\"2001-01-01\",\"naics\":\"541511\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"51\",\"maxValue\":\"200\"},\"actionableFeedbackPolicy\":\"https:\/\/www.clockwork.com\/accessibility-statement\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Experience Design & Custom Software Solutions","description":"Experience design & technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.clockwork.com\/","og_locale":"en_US","og_type":"article","og_title":"Clockwork | Experience Design & Custom Software Solutions","og_description":"Experience design & technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.","og_url":"https:\/\/www.clockwork.com\/","og_site_name":"Clockwork","article_publisher":"https:\/\/www.facebook.com\/clockworkactivemedia","article_modified_time":"2026-04-30T14:38:19+00:00","og_image":[{"width":1440,"height":800,"url":"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Clockwork\u2014Digital expertise delivered by real smart (and nice) people.","twitter_description":"Experience design & technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.","twitter_image":"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg","twitter_site":"@Clockwork_Tweet","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.clockwork.com\/","url":"https:\/\/www.clockwork.com\/","name":"Experience Design & Custom Software Solutions","isPartOf":{"@id":"https:\/\/www.clockwork.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.clockwork.com\/#primaryimage"},"image":{"@id":"https:\/\/www.clockwork.com\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg","datePublished":"2022-06-21T19:19:53+00:00","dateModified":"2026-04-30T14:38:19+00:00","description":"Experience design & technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.","breadcrumb":{"@id":"https:\/\/www.clockwork.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clockwork.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.clockwork.com\/#primaryimage","url":"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg","contentUrl":"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/12\/cw-com-ograph-1.jpg","width":1440,"height":800,"caption":"Business as usual is over. The future runs like Clockwork."},{"@type":"BreadcrumbList","@id":"https:\/\/www.clockwork.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.clockwork.com\/"},{"@type":"ListItem","position":2,"name":"Home | Clockwork | Custom Software Solutions &amp; Enterprise Experience Design"}]},{"@type":"WebSite","@id":"https:\/\/www.clockwork.com\/#website","url":"https:\/\/www.clockwork.com\/","name":"Clockwork","description":"We create human-centered digital experiences.","publisher":{"@id":"https:\/\/www.clockwork.com\/#organization"},"alternateName":"Clockwork: Custom Software Solutions & Experience Design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clockwork.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.clockwork.com\/#organization","name":"Clockwork","url":"https:\/\/www.clockwork.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.clockwork.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/07\/clockwork.svg","contentUrl":"https:\/\/www.clockwork.com\/wp-content\/uploads\/2022\/07\/clockwork.svg","width":93,"height":48,"caption":"Clockwork"},"image":{"@id":"https:\/\/www.clockwork.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/clockworkactivemedia","https:\/\/x.com\/Clockwork_Tweet","https:\/\/www.linkedin.com\/company\/clockwork-active-media-systems"],"description":"Experience design & technology consultancy. We build enterprise websites, software platforms, and mobile apps with a human-centered approach.","legalName":"Clockwork","foundingDate":"2001-01-01","naics":"541511","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"51","maxValue":"200"},"actionableFeedbackPolicy":"https:\/\/www.clockwork.com\/accessibility-statement\/"}]}},"_links":{"self":[{"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":200,"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":9781,"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/pages\/11\/revisions\/9781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/media\/4842"}],"wp:attachment":[{"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/media?parent=11"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.clockwork.com\/wp-json\/wp\/v2\/coauthors?post=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}