Project Snapshot
2021 USER INTERFACE DESIGN
Inspiration Landing.
Ann Sacks is a Kohler subsidiary brand that delivers luxury stone and tile products for interior spaces. They needed an inspiration workflow for design professionals sourcing tile and stone products for client projects.
ROLE
Product Designer
timeline
6 months (2021)
team
Design, Engineering, Product
Problem
Design professionals had no way to visualize products in context or order samples directly from the site.
Solution
Designed an inspiration page where users can view products in lifestyle settings and order samples directly from any entry point.
Outcome
Develop a workflow for users to view tile and stone samples in lifestyle settings, and create a funnel for discovering, selecting, and ordering samples from the site or product detail page
Interior design professionals require a workflow to support their projects. An inspiration touchpoint is an efficient way to feature Ann Sack's products for space visualization.
Inspiration landing flow is responsive for browsing lifestyle views and product samples in the office or on the go.
Design partners and professionals can order samples on desktop or mobile.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 94 70" xmlns="http://www.w3.org/2000/svg"><g d="M 3.47 42.784 L 3.47 56 L 14.958 49.391 C 10.547 48.445 6.534 46.137 3.47 42.784 Z M 14.901 6.552 L 3.472 0 L 3.472 13.161 C 6.497 9.855 10.533 7.559 14.903 6.55 Z M 52 28 L 40.512 21.391 C 41.867 25.712 41.847 30.354 40.456 34.663 Z M 11.036 10.024 C 12.661 9.688 16.08 10.024 17.929 10.528 C 19.624 9.285 21.664 8.618 23.756 8.624 C 19.442 7.896 15.071 8.344 11.036 10.024 Z M 32.947 34.049 C 32.661 31.536 32.059 29.07 31.154 26.713 C 27.231 28.504 22.355 27.33 19.105 24.529 C 16.715 27.014 14.575 29.734 12.716 32.648 C 18.209 37.128 27.286 38.361 32.947 34.049 Z M 9.634 33.097 C 4.816 28.113 3.078 20.832 4.647 15.232 C -1.965 23.017 -1.459 34.609 5.769 41.832 C 6.663 38.757 7.963 35.818 9.634 33.096 Z M 30.258 24.583 C 29.248 22.4 27.903 20.384 26.336 18.536 C 24.349 19.829 22.474 21.289 20.731 22.903 C 23.7 25.368 27.567 25.872 30.258 24.583 Z M 26.615 15.51 C 27.941 14.563 29.369 13.774 30.873 13.158 C 27.735 10.021 22.748 10.077 20.562 11.477 C 22.805 12.486 24.878 13.829 26.615 15.51 Z M 11.719 34.733 C 9.309 38.934 8.413 42.013 8.076 43.638 C 15.305 49.07 25.281 48.845 32.284 43.134 C 33.072 41.121 33.454 38.969 33.406 36.805 C 26.737 40.78 17.491 39.27 11.719 34.733 Z M 32.454 23.253 C 34.583 21.012 34.191 17.204 32.565 14.965 C 31.109 15.581 29.763 16.365 28.586 17.317 C 30.116 19.124 31.415 21.118 32.454 23.253 Z M 36.152 18.382 C 36.485 21.043 35.474 23.695 33.463 25.438 C 34.306 27.568 34.925 29.783 35.311 32.045 C 38.282 28.237 38.169 22.75 36.152 18.382 Z M 19.452 21.238 C 21.196 19.673 23.03 18.214 24.945 16.87 C 23.207 15.245 21.134 14.013 18.892 13.173 C 17.042 15.638 17.604 18.775 19.452 21.238 Z M 35.648 35.125 C 35.703 36.805 35.648 38.428 35.424 40.109 C 38.442 36.22 39.903 31.321 39.514 26.389 C 39.233 29.659 37.871 32.737 35.648 35.125 Z M 16.594 12.502 C 14.032 11.876 11.358 11.895 8.805 12.557 C 4.938 18.046 6.731 26.054 11.214 31.038 C 13.129 28.116 15.305 25.379 17.715 22.861 C 15.473 20.006 14.576 15.638 16.594 12.502 Z" fill="transparent" height="56.000000947148926px" id="Dl9a0mzoD" transform="translate(21.395 7)" width="52.00000248495587px"><path d="M 3.47 42.784 L 3.47 56 L 14.958 49.391 C 10.547 48.445 6.534 46.137 3.47 42.784 Z M 14.901 6.552 L 3.472 0 L 3.472 13.161 C 6.497 9.855 10.533 7.559 14.903 6.55 Z M 52 28 L 40.512 21.391 C 41.867 25.712 41.847 30.354 40.456 34.663 Z M 11.036 10.024 C 12.661 9.688 16.08 10.024 17.929 10.528 C 19.624 9.285 21.664 8.618 23.756 8.624 C 19.442 7.896 15.071 8.344 11.036 10.024 Z M 32.947 34.049 C 32.661 31.536 32.059 29.07 31.154 26.713 C 27.231 28.504 22.355 27.33 19.105 24.529 C 16.715 27.014 14.575 29.734 12.716 32.648 C 18.209 37.128 27.286 38.361 32.947 34.049 Z M 9.634 33.097 C 4.816 28.113 3.078 20.832 4.647 15.232 C -1.965 23.017 -1.459 34.609 5.769 41.832 C 6.663 38.757 7.963 35.818 9.634 33.096 Z M 30.258 24.583 C 29.248 22.4 27.903 20.384 26.336 18.536 C 24.349 19.829 22.474 21.289 20.731 22.903 C 23.7 25.368 27.567 25.872 30.258 24.583 Z M 26.615 15.51 C 27.941 14.563 29.369 13.774 30.873 13.158 C 27.735 10.021 22.748 10.077 20.562 11.477 C 22.805 12.486 24.878 13.829 26.615 15.51 Z" fill="rgb(0, 99, 163)" height="56.000000947148926px" id="gAWWZEY7E" width="52.00000248495587px"/><path d="M 5.033 22.687 C 2.623 26.888 1.727 29.967 1.39 31.592 C 8.62 37.023 18.595 36.799 25.599 31.088 C 26.386 29.075 26.768 26.923 26.72 24.759 C 20.051 28.734 10.805 27.224 5.033 22.687 Z M 25.768 11.207 C 27.897 8.966 27.505 5.158 25.879 2.919 C 24.423 3.535 23.077 4.319 21.901 5.271 C 23.43 7.078 24.729 9.072 25.768 11.207 Z M 29.466 6.335 C 29.799 8.996 28.788 11.649 26.777 13.392 C 27.62 15.522 28.239 17.737 28.625 19.999 C 31.596 16.191 31.484 10.704 29.466 6.335 Z M 12.766 9.192 C 14.51 7.626 16.344 6.168 18.259 4.824 C 16.521 3.199 14.448 1.967 12.206 1.127 C 10.357 3.592 10.918 6.728 12.766 9.192 Z M 28.962 23.078 C 29.017 24.759 28.962 26.382 28.738 28.062 C 31.756 24.174 33.217 19.275 32.828 14.343 C 32.547 17.613 31.185 20.691 28.962 23.078 Z M 9.908 0.455 C 7.346 -0.17 4.672 -0.151 2.12 0.511 C -1.748 6 0.046 14.007 4.528 18.992 C 6.443 16.07 8.62 13.333 11.03 10.815 C 8.788 7.96 7.89 3.592 9.908 0.455 Z" fill="rgb(0, 99, 163)" height="35.52274191309786px" id="xGpfkEfid" transform="translate(6.686 12.046)" width="32.8897847441023px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 122 70" xmlns="http://www.w3.org/2000/svg"><g d="M 66.01 24.951 L 66.01 0 L 72.681 0 L 72.681 18.578 L 80.169 18.578 L 80.169 24.951 Z M 44.279 24.951 L 44.279 0 L 50.946 0 L 50.946 8.75 L 57.674 8.75 L 57.674 0 L 64.341 0 L 64.341 24.951 L 57.674 24.951 L 57.674 15.668 L 50.946 15.668 L 50.946 24.951 Z M 21.617 0.004 L 11.984 11.887 L 22.995 24.959 L 14.159 24.959 L 6.682 16.054 L 6.671 16.054 L 6.671 24.947 L 0 24.947 L 0 0 L 6.671 0 L 6.671 7.474 L 6.618 7.482 L 12.967 0.004 Z M 18.919 13 C 18.919 5.821 24.55 0 31.505 0 C 38.456 0 44.086 5.821 44.086 13 C 44.086 20.179 38.456 25.999 31.505 25.999 C 24.55 25.999 18.919 20.179 18.919 13 Z M 31.505 19.396 C 34.63 19.396 37.169 16.527 37.169 12.996 C 37.169 9.461 34.63 6.6 31.505 6.6 C 28.375 6.6 25.84 9.461 25.84 12.996 C 25.84 16.527 28.375 19.392 31.505 19.392 Z M 89.141 0.73 L 95.993 0.73 L 95.993 6.479 L 89.296 6.494 L 89.273 10.43 L 95.456 10.43 L 95.456 16.02 L 89.281 16.02 L 89.288 19.827 L 96.05 19.827 L 96.05 25.682 L 82.451 25.682 L 82.451 0.73 Z M 109.853 15.713 L 116.793 25.697 L 109.513 25.682 L 104.076 18.018 L 104.076 25.663 L 97.541 25.663 L 97.541 0.723 L 105.903 0.723 C 113.255 0.723 117.924 10.158 109.857 15.709 Z M 105.945 11.316 C 107.243 11.316 108.291 10.241 108.291 8.912 C 108.303 7.603 107.254 6.53 105.945 6.513 L 104.053 6.513 L 104.053 11.316 Z M 117.599 24.243 C 117.599 22.987 118.572 21.984 119.801 21.984 C 121.027 21.984 122 22.987 122 24.243 C 122.009 24.834 121.782 25.403 121.369 25.826 C 120.956 26.248 120.392 26.487 119.801 26.491 C 119.211 26.487 118.646 26.248 118.232 25.826 C 117.819 25.404 117.591 24.834 117.599 24.243 Z M 121.478 24.243 C 121.497 23.788 121.329 23.345 121.012 23.018 C 120.695 22.69 120.257 22.508 119.801 22.514 C 119.345 22.507 118.906 22.689 118.588 23.016 C 118.27 23.344 118.101 23.788 118.121 24.243 C 118.121 25.258 118.84 25.958 119.801 25.958 C 120.255 25.968 120.693 25.789 121.011 25.464 C 121.329 25.139 121.498 24.697 121.478 24.243 Z M 120.857 25.383 L 120.301 25.383 L 119.79 24.395 L 119.434 24.395 L 119.434 25.383 L 118.923 25.383 L 118.923 23.048 L 120.036 23.048 C 120.566 23.048 120.925 23.142 120.925 23.767 C 120.925 24.194 120.706 24.372 120.305 24.399 L 120.861 25.386 L 120.857 25.386 Z M 120.043 24.043 C 120.301 24.043 120.445 23.986 120.445 23.695 C 120.445 23.456 120.146 23.456 119.926 23.456 L 119.43 23.456 L 119.43 24.047 L 120.043 24.047 Z" fill="transparent" height="26.491429637302787px" id="uDS20kFc_" transform="translate(0 21.755)" width="122.0000014422866px"><path d="M 66.01 24.951 L 66.01 0 L 72.681 0 L 72.681 18.578 L 80.169 18.578 L 80.169 24.951 Z M 44.279 24.951 L 44.279 0 L 50.946 0 L 50.946 8.75 L 57.674 8.75 L 57.674 0 L 64.341 0 L 64.341 24.951 L 57.674 24.951 L 57.674 15.668 L 50.946 15.668 L 50.946 24.951 Z M 21.617 0.004 L 11.984 11.887 L 22.995 24.959 L 14.159 24.959 L 6.682 16.054 L 6.671 16.054 L 6.671 24.947 L 0 24.947 L 0 0 L 6.671 0 L 6.671 7.474 L 6.618 7.482 L 12.967 0.004 Z" fill="rgb(0, 0, 0)" height="24.958710432323137px" id="jkpTnERBj" width="80.16898476203382px"/><path d="M 0 13 C 0 5.821 5.63 0 12.585 0 C 19.536 0 25.167 5.821 25.167 13 C 25.167 20.179 19.536 25.999 12.585 25.999 C 5.63 25.999 0 20.179 0 13 Z M 12.585 19.396 C 15.711 19.396 18.25 16.527 18.25 12.996 C 18.25 9.461 15.711 6.6 12.585 6.6 C 9.456 6.6 6.921 9.461 6.921 12.996 C 6.921 16.527 9.456 19.392 12.585 19.392 Z M 70.221 0.73 L 77.074 0.73 L 77.074 6.479 L 70.376 6.494 L 70.354 10.43 L 76.536 10.43 L 76.536 16.02 L 70.361 16.02 L 70.369 19.827 L 77.131 19.827 L 77.131 25.682 L 63.531 25.682 L 63.531 0.73 Z M 90.934 15.713 L 97.874 25.697 L 90.594 25.682 L 85.156 18.018 L 85.156 25.663 L 78.621 25.663 L 78.621 0.723 L 86.984 0.723 C 94.336 0.723 99.005 10.158 90.938 15.709 Z M 87.025 11.316 C 88.323 11.316 89.371 10.241 89.371 8.912 C 89.384 7.603 88.335 6.53 87.025 6.513 L 85.133 6.513 L 85.133 11.316 Z M 98.68 24.243 C 98.68 22.987 99.652 21.984 100.882 21.984 C 102.108 21.984 103.08 22.987 103.08 24.243 C 103.089 24.834 102.862 25.403 102.449 25.826 C 102.037 26.248 101.472 26.487 100.882 26.491 C 100.291 26.487 99.726 26.248 99.313 25.826 C 98.9 25.404 98.672 24.834 98.68 24.243 Z M 102.558 24.243 C 102.578 23.788 102.41 23.345 102.092 23.018 C 101.775 22.69 101.337 22.508 100.882 22.514 C 100.426 22.507 99.987 22.689 99.669 23.016 C 99.351 23.344 99.182 23.788 99.202 24.243 C 99.202 25.258 99.921 25.958 100.882 25.958 C 101.336 25.968 101.774 25.789 102.092 25.464 C 102.409 25.139 102.578 24.697 102.558 24.243 Z M 101.938 25.383 L 101.381 25.383 L 100.871 24.395 L 100.515 24.395 L 100.515 25.383 L 100.004 25.383 L 100.004 23.048 L 101.117 23.048 C 101.646 23.048 102.006 23.142 102.006 23.767 C 102.006 24.194 101.786 24.372 101.385 24.399 L 101.941 25.386 L 101.938 25.386 Z M 101.124 24.043 C 101.381 24.043 101.525 23.986 101.525 23.695 C 101.525 23.456 101.226 23.456 101.007 23.456 L 100.511 23.456 L 100.511 24.047 L 101.124 24.047 Z" fill="rgb(0, 0, 0)" height="26.491429637302787px" id="L_oUH0VVf" transform="translate(18.919 0)" width="103.080620300624px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 122 70" xmlns="http://www.w3.org/2000/svg"><g d="M 0.013 0 L 108 0 L 108 57.463 L 0.013 57.463 Z M 49.022 40.387 L 58.302 40.387 L 61.576 32.626 C 62.527 30.351 62.915 29.236 63.863 26.964 L 63.995 26.964 C 63.995 29.709 63.907 30.652 63.907 33.657 L 63.863 40.387 L 72.924 40.387 L 83.149 16.972 L 74.736 16.972 L 71.5 25.72 C 70.812 27.522 70.552 28.593 69.904 31.081 L 69.776 31.081 C 69.992 27.863 70.036 26.964 70.036 25.122 L 70.164 16.976 L 61.619 16.976 L 58.515 25.034 C 57.761 26.978 57.086 28.951 56.49 30.949 L 56.355 30.949 C 56.574 27.863 56.615 27.008 56.703 25.203 L 56.962 16.928 L 49.194 16.928 L 49.025 40.387 Z M 32.588 34.641 L 35.132 22.546 L 36.728 22.546 C 38.409 22.546 39.36 23.533 39.36 25.893 C 39.36 27.606 38.885 30.439 37.764 32.369 C 36.772 34.083 35.692 34.641 33.748 34.641 L 32.584 34.641 Z M 22.707 40.387 L 33.236 40.387 C 39.401 40.387 42.549 38.372 44.709 35.587 C 46.606 33.096 47.645 29.368 47.645 26.234 C 47.645 22.976 46.565 20.488 44.881 19.034 C 43.069 17.446 40.569 16.972 37.288 16.972 L 27.711 16.972 Z M 0.013 30.223 C -0.247 37.301 3.549 40.772 10.022 40.772 C 13.386 40.772 16.278 40.042 18.694 38.285 C 21.495 36.141 22.791 32.927 23.051 30.997 L 14.594 30.997 C 14.122 32.924 12.914 34.725 11.23 34.725 C 9.634 34.725 8.814 33.184 8.901 30.395 C 8.986 28.593 9.289 26.663 10.238 24.99 C 11.186 23.32 12.262 22.675 13.342 22.675 C 14.81 22.675 15.671 24.219 15.542 26.663 L 15.542 26.836 L 23.655 26.836 C 23.915 23.963 23.311 21.475 21.971 19.846 C 20.419 17.702 17.483 16.587 14.034 16.587 C 9.677 16.587 6.313 18.132 3.981 20.447 C 1.521 23.016 0.1 26.575 0.013 30.223 Z M 34.268 62 C 47.514 62 62.267 58.312 75.081 52.265 C 91.819 44.332 108 32.109 108 18.818 C 108 8.525 96.999 4.537 83.969 4.537 C 69.216 4.537 51.998 9.898 44.493 14.745 C 44.149 14.958 44.277 15.13 44.581 15.002 C 54.715 10.411 66.887 7.579 76.677 7.579 C 86.298 7.579 97.431 10.452 97.431 21.042 C 97.431 31.463 86.17 41.283 72.104 48.185 C 59.423 54.449 45.31 58.18 33.576 58.18 C 25.123 58.18 12.094 56.507 12.094 46.901 C 12.094 45.785 12.178 44.156 12.566 42.956 C 12.654 42.828 12.566 42.699 12.35 42.871 C 11.405 44.071 10.798 46.258 10.798 48.53 C 10.754 58.998 24.259 62 34.268 62 Z M 100.883 39.059 L 100.883 38.541 L 101.312 38.541 C 101.487 38.541 101.528 38.67 101.528 38.802 C 101.528 38.93 101.487 39.059 101.312 39.059 L 100.88 39.059 Z M 100.623 39.958 L 100.88 39.958 L 100.88 39.272 L 101.139 39.272 L 101.527 39.958 L 101.831 39.958 L 101.399 39.272 C 101.571 39.228 101.743 39.103 101.743 38.798 C 101.743 38.46 101.487 38.328 101.183 38.328 L 100.579 38.328 L 100.579 39.958 Z M 100.016 39.187 C 100.028 38.548 100.545 38.035 101.183 38.028 C 101.787 38.028 102.304 38.585 102.304 39.187 C 102.308 39.814 101.809 40.328 101.183 40.343 C 100.495 40.302 100.019 39.829 100.019 39.187 Z M 99.759 39.187 C 99.734 39.705 99.995 40.195 100.44 40.462 C 100.884 40.729 101.439 40.729 101.883 40.462 C 102.327 40.195 102.589 39.705 102.564 39.187 C 102.589 38.669 102.327 38.179 101.883 37.912 C 101.439 37.645 100.884 37.645 100.44 37.912 C 99.995 38.179 99.734 38.669 99.759 39.187 Z" fill="transparent" height="62px" id="okQNPyfXF" transform="translate(7 3)" width="108.0000003553015px"><path d="M 0 0 L 107.987 0 L 107.987 57.463 L 0 57.463 Z" fill="transparent" height="57.46341472961914px" id="Z7AvgBmmM" transform="translate(0.013 0)" width="107.98747004941106px"/><path d="M 49.022 35.85 L 58.302 35.85 L 61.576 28.089 C 62.527 25.815 62.915 24.699 63.863 22.428 L 63.995 22.428 C 63.995 25.172 63.907 26.115 63.907 29.12 L 63.863 35.85 L 72.924 35.85 L 83.149 12.436 L 74.736 12.436 L 71.5 21.184 C 70.812 22.985 70.552 24.057 69.904 26.545 L 69.776 26.545 C 69.992 23.327 70.036 22.428 70.036 20.585 L 70.164 12.439 L 61.619 12.439 L 58.515 20.498 C 57.761 22.441 57.086 24.415 56.49 26.413 L 56.355 26.413 C 56.574 23.327 56.615 22.472 56.703 20.667 L 56.962 12.392 L 49.194 12.392 L 49.025 35.85 Z M 32.588 30.104 L 35.132 18.01 L 36.728 18.01 C 38.409 18.01 39.36 18.997 39.36 21.356 C 39.36 23.07 38.885 25.902 37.764 27.833 C 36.772 29.546 35.692 30.104 33.748 30.104 L 32.584 30.104 Z M 22.707 35.85 L 33.236 35.85 C 39.401 35.85 42.549 33.836 44.709 31.051 C 46.606 28.559 47.645 24.831 47.645 21.698 C 47.645 18.439 46.565 15.951 44.881 14.498 C 43.069 12.909 40.569 12.436 37.288 12.436 L 27.711 12.436 Z M 0.013 25.686 C -0.247 32.764 3.549 36.236 10.022 36.236 C 13.386 36.236 16.278 35.506 18.694 33.748 C 21.495 31.605 22.791 28.39 23.051 26.46 L 14.594 26.46 C 14.122 28.387 12.914 30.189 11.23 30.189 C 9.634 30.189 8.814 28.647 8.901 25.859 C 8.986 24.057 9.289 22.127 10.238 20.454 C 11.186 18.784 12.262 18.138 13.342 18.138 C 14.81 18.138 15.671 19.683 15.542 22.127 L 15.542 22.299 L 23.655 22.299 C 23.915 19.426 23.311 16.938 21.971 15.309 C 20.419 13.166 17.483 12.05 14.034 12.05 C 9.677 12.05 6.313 13.595 3.981 15.911 C 1.521 18.48 0.1 22.039 0.013 25.686 Z M 34.268 57.463 C 47.514 57.463 62.267 53.776 75.081 47.728 C 91.819 39.795 108 27.572 108 14.281 C 108 3.989 96.999 0 83.969 0 C 69.216 0 51.998 5.361 44.493 10.208 C 44.149 10.421 44.277 10.594 44.581 10.465 C 54.715 5.875 66.887 3.042 76.677 3.042 C 86.298 3.042 97.431 5.915 97.431 16.506 C 97.431 26.927 86.17 36.746 72.104 43.649 C 59.423 49.912 45.31 53.644 33.576 53.644 C 25.123 53.644 12.094 51.971 12.094 42.364 C 12.094 41.249 12.178 39.619 12.566 38.419 C 12.654 38.291 12.566 38.162 12.35 38.335 C 11.405 39.535 10.798 41.722 10.798 43.993 C 10.754 54.462 24.259 57.463 34.268 57.463 Z M 100.883 34.522 L 100.883 34.005 L 101.312 34.005 C 101.487 34.005 101.528 34.133 101.528 34.265 C 101.528 34.394 101.487 34.522 101.312 34.522 L 100.88 34.522 Z M 100.623 35.421 L 100.88 35.421 L 100.88 34.735 L 101.139 34.735 L 101.527 35.421 L 101.831 35.421 L 101.399 34.735 C 101.571 34.691 101.743 34.566 101.743 34.262 C 101.743 33.924 101.487 33.792 101.183 33.792 L 100.579 33.792 L 100.579 35.421 Z M 100.016 34.65 C 100.028 34.012 100.545 33.498 101.183 33.491 C 101.787 33.491 102.304 34.049 102.304 34.65 C 102.308 35.277 101.809 35.792 101.183 35.806 C 100.495 35.766 100.019 35.293 100.019 34.65 Z M 99.759 34.65 C 99.734 35.169 99.995 35.659 100.44 35.925 C 100.884 36.192 101.439 36.192 101.883 35.925 C 102.327 35.659 102.589 35.169 102.564 34.65 C 102.589 34.132 102.327 33.642 101.883 33.375 C 101.439 33.109 100.884 33.109 100.44 33.375 C 99.995 33.642 99.734 34.132 99.759 34.65 Z" fill="rgb(203, 32, 39)" height="57.463414669036865px" id="nYbHrpgbX" transform="translate(0 4.537)" width="108.00000035610984px"/></g></svg>)