Headspace: Motion Design
Website showcase animation for Headspace, produced in collab with BX Studio.
Overview
BX Studio led the design and development of the new Headspace website. Working from their designs and layouts, I developed the motion for the showcase, translating the digital experience into a clear, engaging animation.
My role focused on UI animation, transitions, pacing and interaction flow. I created motion that supported the UX and reflected Headspace’s calm, balanced visual language while bringing the static designs to life.
Services
Motion Design
01
UI Animation
02
Transition Design
03
Metrics
Location
US
Client
BX
Year
2026
Type
Motion
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g d="M 5 170.518 L 5 28.17 L 193.971 28.17 L 193.971 170.518 Z M 189.917 105.988 C 189.574 102.27 192.15 98.625 191.497 95.334 C 190.194 88.774 176.53 74.267 176.84 63.186 C 176.997 57.651 182.62 53.55 183.981 47.942 C 185.32 42.433 184.346 34.8 186.254 28.823 C 181.419 23.445 174.932 52.999 170.189 52.901 C 164.052 54.754 161.115 42.305 154.558 46.406 C 149.187 52.375 151.117 60.647 150.891 67.915 L 120.17 67.915 C 119.819 67.915 116.846 70.929 117.382 71.614 C 127.237 76.755 160.1 74.282 159.436 89.351 C 159.298 92.507 155.605 95.626 154.989 99.056 C 154.434 102.143 157.379 104.525 154.821 108.006 C 150.421 113.997 131.324 120.222 125.752 127.453 C 121.337 123.429 121.884 117.792 117.491 113.41 C 112.526 108.455 93.031 102.424 91.579 94.634 C 91.064 91.875 95.089 88.847 94.987 85.589 C 94.892 82.546 90.685 80.517 91.287 74.625 C 91.783 69.761 98.858 57.337 100.616 50.142 C 101.35 47.143 103.78 46.537 99.679 43.71 C 98.205 43.148 92.272 62.657 86.963 62.143 C 83.964 61.475 81.355 57.633 78.75 57.053 C 73.963 55.987 70.103 62.285 68.009 58.629 L 68.045 41.849 C 60.408 50.069 61.306 61.274 61.499 71.629 C 50.159 63.117 53.377 72.753 47.547 73.629 C 32.35 75.909 42.647 59.388 34.448 53.054 L 28.917 54.856 C 24.79 59.103 28.413 68.714 23.327 67.937 C 15.329 66.711 12.987 53.882 11.225 47.431 C 5.54 49.004 9.331 59.056 10.685 63.817 C 12.958 71.804 21.966 85.02 16.982 92.729 C 14.702 96.257 8.601 93.773 9.327 98.644 C 10.083 103.712 16.187 105.496 17.759 108.907 C 22.875 119.999 0.924 152.439 5.671 166.574 C 9.794 167.424 9.871 164.531 11.319 162.002 C 20.934 145.233 19.806 125.126 40.516 114.847 C 42.782 113.724 43.537 111.399 45.744 114.399 C 48.543 119.383 46.033 129.311 42.95 134.025 C 46.029 138.764 49.689 135.864 54.031 134.853 C 50.287 125.494 54.654 123.338 56.876 116.325 C 58.865 110.046 57.69 101.515 66.166 99.497 C 84.909 110.728 74.879 136.746 87.923 154.143 C 90.254 157.252 106.013 169.807 108.972 170.34 C 111.77 170.847 112.259 170.307 111.77 167.541 C 95.085 161.039 74.259 104.171 107.45 119.722 C 112.409 122.046 121.972 128.424 118.415 134.926 C 116.543 138.345 106.768 140.793 108.071 147.955 C 117.433 147.765 118.663 137.786 127.237 132.696 C 133.491 128.986 162.286 117.044 168.784 116.405 C 176.045 115.686 184.773 120.955 180.511 127.329 C 178.752 129.96 158.105 126.804 160.203 142.369 C 165.438 143.07 166.825 136.254 170.853 135.196 C 175.99 133.846 185.743 139.618 191.964 135.977 L 193.442 133.747 C 195.529 124.235 190.745 115.081 189.91 105.981 Z M 43.785 88.387 C 45.27 85.381 54.071 81.729 57.351 81.298 C 59.996 80.951 62.411 80.225 64.44 82.706 C 69.884 98.545 39.731 108.185 43.785 88.387 Z M 117.108 51.689 C 119.283 51.689 120.68 50.471 120.713 48.862 C 120.731 48.471 120.254 48.332 120.024 48.613 C 119.67 49.11 119.068 49.478 118.185 49.478 C 116.576 49.478 115.78 48.292 115.78 46.669 C 115.78 45.468 116.116 44.618 116.911 44.618 C 118.203 44.618 117.761 47.216 119.473 47.216 C 120.268 47.216 120.728 46.72 120.728 46.227 C 120.728 44.848 119.031 43.753 117.156 43.735 C 114.77 43.717 113.018 45.45 113.018 47.676 C 113.018 49.901 114.77 51.689 117.101 51.689 Z M 117.035 54.834 C 120.976 54.834 124.176 51.634 124.176 47.694 C 124.176 43.753 120.958 40.572 117.035 40.572 C 113.113 40.572 109.877 43.753 109.877 47.694 C 109.877 51.634 113.095 54.834 117.035 54.834 Z M 117.035 41.966 C 120.024 41.966 122.41 44.545 122.41 47.694 C 122.41 50.843 120.024 53.441 117.035 53.441 C 114.047 53.441 111.643 50.861 111.643 47.694 C 111.643 44.527 114.047 41.966 117.035 41.966 Z M 0 200 L 0 0 L 200 0 L 200 200 Z" fill="transparent" height="200px" id="PF7FcvXCl" transform="translate(0 0)" width="200px"><g d="M 0.006 142.349 L 0.006 0.001 L 188.977 0.001 L 188.977 142.349 Z M 184.923 77.819 C 184.58 74.101 187.156 70.456 186.503 67.165 C 185.2 60.605 171.536 46.098 171.846 35.017 C 172.003 29.482 177.626 25.381 178.987 19.773 C 180.326 14.264 179.351 6.631 181.26 0.654 C 176.425 -4.724 169.938 24.83 165.195 24.732 C 159.058 26.585 156.12 14.136 149.564 18.237 C 144.193 24.206 146.123 32.478 145.897 39.746 L 115.175 39.746 C 114.825 39.746 111.851 42.76 112.388 43.446 C 122.243 48.586 155.106 46.113 154.442 61.182 C 154.303 64.338 150.611 67.457 149.994 70.887 C 149.44 73.974 152.384 76.356 149.827 79.837 C 145.426 85.828 126.329 92.053 120.758 99.284 C 116.343 95.26 116.89 89.623 112.497 85.241 C 107.531 80.286 88.037 74.255 86.584 66.465 C 86.07 63.706 90.094 60.678 89.992 57.42 C 89.897 54.377 85.691 52.348 86.293 46.456 C 86.789 41.592 93.864 29.168 95.622 21.973 C 96.356 18.974 98.786 18.368 94.684 15.541 C 93.21 14.979 87.278 34.488 81.969 33.974 C 78.97 33.306 76.361 29.464 73.756 28.884 C 68.969 27.818 65.109 34.116 63.014 30.46 L 63.051 13.68 C 55.414 21.9 56.312 33.105 56.505 43.46 C 45.165 34.948 48.383 44.584 42.553 45.46 C 27.356 47.74 37.652 31.219 29.454 24.885 L 23.923 26.687 C 19.796 30.934 23.419 40.545 18.333 39.768 C 10.335 38.542 7.993 25.713 6.23 19.262 C 0.546 20.835 4.337 30.887 5.69 35.648 C 7.963 43.635 16.972 56.851 11.988 64.56 C 9.707 68.089 3.607 65.604 4.333 70.475 C 5.088 75.543 11.192 77.327 12.765 80.738 C 17.88 91.83 -4.07 124.27 0.677 138.405 C 4.8 139.255 4.877 136.362 6.325 133.834 C 15.939 117.064 14.812 96.957 35.522 86.678 C 37.787 85.555 38.543 83.23 40.75 86.23 C 43.549 91.214 41.038 101.142 37.955 105.856 C 41.035 110.595 44.694 107.695 49.036 106.684 C 45.293 97.325 49.66 95.169 51.882 88.156 C 53.871 81.877 52.696 73.346 61.172 71.329 C 79.915 82.559 69.885 108.578 82.929 125.974 C 85.26 129.083 101.019 141.638 103.978 142.171 C 106.776 142.678 107.265 142.138 106.776 139.372 C 90.091 132.87 69.264 76.002 102.456 91.553 C 107.415 93.877 116.978 100.255 113.42 106.757 C 111.549 110.176 101.774 112.624 103.076 119.786 C 112.439 119.596 113.668 109.617 122.243 104.528 C 128.497 100.817 157.292 88.875 163.79 88.236 C 171.051 87.518 179.778 92.786 175.517 99.16 C 173.758 101.791 153.11 98.635 155.208 114.2 C 160.444 114.901 161.831 108.085 165.859 107.027 C 170.996 105.677 180.749 111.449 186.97 107.808 L 188.447 105.578 C 190.534 96.066 185.751 86.912 184.916 77.812 Z M 38.791 60.218 C 40.276 57.212 49.076 53.56 52.357 53.129 C 55.002 52.782 57.417 52.056 59.446 54.537 C 64.89 70.376 34.737 80.016 38.791 60.218 Z M 112.114 23.52 C 114.289 23.52 115.686 22.302 115.719 20.693 C 115.737 20.302 115.259 20.164 115.029 20.444 C 114.675 20.941 114.073 21.309 113.19 21.309 C 111.581 21.309 110.786 20.123 110.786 18.5 C 110.786 17.299 111.122 16.449 111.917 16.449 C 113.209 16.449 112.767 19.047 114.478 19.047 C 115.274 19.047 115.734 18.551 115.734 18.058 C 115.734 16.679 114.037 15.584 112.162 15.566 C 109.775 15.548 108.024 17.281 108.024 19.507 C 108.024 21.732 109.775 23.52 112.107 23.52 Z M 112.041 26.665 C 115.982 26.665 119.182 23.466 119.182 19.525 C 119.182 15.584 115.963 12.403 112.041 12.403 C 108.119 12.403 104.882 15.584 104.882 19.525 C 104.882 23.466 108.101 26.665 112.041 26.665 Z M 112.041 13.797 C 115.029 13.797 117.416 16.376 117.416 19.525 C 117.416 22.674 115.029 25.272 112.041 25.272 C 109.053 25.272 106.648 22.692 106.648 19.525 C 106.648 16.358 109.053 13.797 112.041 13.797 Z" fill="transparent" height="142.34945074230632px" id="BkWVNrzeS" transform="translate(4.994 28.169)" width="188.9765120993917px"><path d="M 0 142.348 L 0 0 L 188.971 0 L 188.971 142.348 Z" fill="transparent" height="142.34837837837836px" id="b2lXzkuOQ" transform="translate(0.006 0.001)" width="188.9708108108108px"/><path d="M 184.923 77.819 C 184.58 74.101 187.156 70.456 186.503 67.165 C 185.2 60.605 171.536 46.098 171.846 35.017 C 172.003 29.482 177.626 25.381 178.987 19.773 C 180.326 14.264 179.351 6.631 181.26 0.654 C 176.425 -4.724 169.938 24.83 165.195 24.732 C 159.058 26.585 156.12 14.136 149.564 18.237 C 144.193 24.206 146.123 32.478 145.897 39.746 L 115.175 39.746 C 114.825 39.746 111.851 42.76 112.388 43.446 C 122.243 48.586 155.106 46.113 154.442 61.182 C 154.303 64.338 150.611 67.457 149.994 70.887 C 149.44 73.974 152.384 76.356 149.827 79.837 C 145.426 85.828 126.329 92.053 120.758 99.284 C 116.343 95.26 116.89 89.623 112.497 85.241 C 107.531 80.286 88.037 74.255 86.584 66.465 C 86.07 63.706 90.094 60.678 89.992 57.42 C 89.897 54.377 85.691 52.348 86.293 46.456 C 86.789 41.592 93.864 29.168 95.622 21.973 C 96.356 18.974 98.786 18.368 94.684 15.541 C 93.21 14.979 87.278 34.488 81.969 33.974 C 78.97 33.306 76.361 29.464 73.756 28.884 C 68.969 27.818 65.109 34.116 63.014 30.46 L 63.051 13.68 C 55.414 21.9 56.312 33.105 56.505 43.46 C 45.165 34.948 48.383 44.584 42.553 45.46 C 27.356 47.74 37.652 31.219 29.454 24.885 L 23.923 26.687 C 19.796 30.934 23.419 40.545 18.333 39.768 C 10.335 38.542 7.993 25.713 6.23 19.262 C 0.546 20.835 4.337 30.887 5.69 35.648 C 7.963 43.635 16.972 56.851 11.988 64.56 C 9.707 68.089 3.607 65.604 4.333 70.475 C 5.088 75.543 11.192 77.327 12.765 80.738 C 17.88 91.83 -4.07 124.27 0.677 138.405 C 4.8 139.255 4.877 136.362 6.325 133.834 C 15.939 117.064 14.812 96.957 35.522 86.678 C 37.787 85.555 38.543 83.23 40.75 86.23 C 43.549 91.214 41.038 101.142 37.955 105.856 C 41.035 110.595 44.694 107.695 49.036 106.684 C 45.293 97.325 49.66 95.169 51.882 88.156 C 53.871 81.877 52.696 73.346 61.172 71.329 C 79.915 82.559 69.885 108.578 82.929 125.974 C 85.26 129.083 101.019 141.638 103.978 142.171 C 106.776 142.678 107.265 142.138 106.776 139.372 C 90.091 132.87 69.264 76.002 102.456 91.553 C 107.415 93.877 116.978 100.255 113.42 106.757 C 111.549 110.176 101.774 112.624 103.076 119.786 C 112.439 119.596 113.668 109.617 122.243 104.528 C 128.497 100.817 157.292 88.875 163.79 88.236 C 171.051 87.518 179.778 92.786 175.517 99.16 C 173.758 101.791 153.11 98.635 155.208 114.2 C 160.444 114.901 161.831 108.085 165.859 107.027 C 170.996 105.677 180.749 111.449 186.97 107.808 L 188.447 105.578 C 190.534 96.066 185.751 86.912 184.916 77.812 Z M 38.791 60.218 C 40.276 57.212 49.076 53.56 52.357 53.129 C 55.002 52.782 57.417 52.056 59.446 54.537 C 64.89 70.376 34.737 80.016 38.791 60.218 Z" fill="rgb(217, 128, 11)" height="142.3408621673991px" id="QEWBILKyX" transform="translate(0 0)" width="188.96993604527788px"/><path d="M 4.09 7.954 C 6.265 7.954 7.662 6.736 7.695 5.126 C 7.713 4.736 7.235 4.597 7.005 4.878 C 6.651 5.375 6.049 5.743 5.166 5.743 C 3.557 5.743 2.762 4.557 2.762 2.934 C 2.762 1.733 3.098 0.883 3.893 0.883 C 5.185 0.883 4.743 3.481 6.454 3.481 C 7.25 3.481 7.71 2.985 7.71 2.492 C 7.71 1.113 6.013 0.018 4.138 0 C 1.751 -0.018 0 1.715 0 3.941 C 0 6.166 1.751 7.954 4.083 7.954 Z" fill="rgb(217, 128, 11)" height="7.954196757740469px" id="HgcvjP_GQ" transform="translate(108.024 15.566)" width="7.709594594594591px"/><path d="M 7.159 14.263 C 11.099 14.263 14.299 11.063 14.299 7.122 C 14.299 3.182 11.081 0 7.159 0 C 3.236 0 0 3.182 0 7.122 C 0 11.063 3.218 14.263 7.159 14.263 Z M 7.159 1.394 C 10.147 1.394 12.533 3.973 12.533 7.122 C 12.533 10.271 10.147 12.869 7.159 12.869 C 4.17 12.869 1.766 10.289 1.766 7.122 C 1.766 3.955 4.17 1.394 7.159 1.394 Z" fill="rgb(217, 128, 11)" height="14.262567567567551px" id="ZWBR11puz" transform="translate(104.882 12.403)" width="14.29905405405384px"/></g><path d="M 0 200 L 0 0 L 200 0 L 200 200 Z" fill="transparent" height="200px" id="Qk4WJ994B" transform="translate(0 0)" width="200px"/><g d="" fill="transparent" height="0px" id="rdSKuXzRO" transform="translate(0 0)" width="0px"/></g></svg>)