Smart lock doors
Web animations for the Austrian smart lock manufacturer Nuki.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 513 513" xmlns="http://www.w3.org/2000/svg"><g d="M 0 512 L 0 0 L 512 0 L 512 512 Z M 496.077 345.043 C 506.368 317.311 512 287.314 512 256 C 512 224.686 506.368 194.691 496.077 166.957 L 256 144.696 L 15.923 166.957 C 5.633 194.691 0 224.686 0 256 C 0 287.314 5.633 317.311 15.923 345.043 L 256 367.304 Z M 256 512 C 366.07 512 459.906 442.528 496.076 345.043 L 15.922 345.043 C 52.094 442.528 145.928 512 256 512 Z M 256 0 C 145.928 0 52.094 69.472 15.922 166.957 L 496.077 166.957 C 459.906 69.472 366.07 0 256 0 Z" fill="transparent" height="512px" id="n0u6pZ_Pc" transform="translate(0.5 0.5)" width="512px"><path d="M 0 512 L 0 0 L 512 0 L 512 512 Z" fill="transparent" height="512px" id="H7ypw6JsX" width="512px"/><path d="M 496.077 200.347 C 506.368 172.615 512 142.618 512 111.304 C 512 79.99 506.368 49.995 496.077 22.261 L 256 0 L 15.923 22.261 C 5.633 49.995 0 79.99 0 111.304 C 0 142.618 5.633 172.615 15.923 200.347 L 256 222.608 Z" fill="rgb(240, 240, 240)" height="222.60799999999998px" id="szJ9gDLv0" transform="translate(0 144.696)" width="512px"/><path d="M 240.078 166.957 C 350.148 166.957 443.984 97.485 480.154 0 L 0 0 C 36.172 97.485 130.006 166.957 240.078 166.957 Z" fill="rgb(216, 0, 39)" height="166.957px" id="AMKtSGhbc" transform="translate(15.922 345.043)" width="480.1539px"/><path d="M 240.078 0 C 130.006 0 36.172 69.472 0 166.957 L 480.155 166.957 C 443.984 69.472 350.148 0 240.078 0 Z" fill="rgb(216, 0, 39)" height="166.957px" id="HJPj8xAcV" transform="translate(15.922 0)" width="480.1549px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 513 513" xmlns="http://www.w3.org/2000/svg"><g d="M 0 512 L 0 0 L 512 0 L 512 512 Z M 256 512 C 397.385 512 512 397.385 512 256 C 512 114.615 397.385 0 256 0 C 114.615 0 0 114.615 0 256 C 0 397.385 114.615 512 256 512 Z M 52.92 100.142 C 32.811 126.305 17.648 156.46 8.819 189.219 L 141.997 189.219 Z M 503.181 189.219 C 494.352 156.461 479.188 126.306 459.08 100.143 L 370.005 189.219 Z M 8.819 322.784 C 17.649 355.542 32.812 385.697 52.92 411.859 L 141.994 322.784 Z M 411.858 52.921 C 385.695 32.812 355.541 17.649 322.782 8.819 L 322.782 141.996 Z M 100.142 459.079 C 126.305 479.188 156.46 494.351 189.218 503.181 L 189.218 370.005 Z M 189.217 8.819 C 156.459 17.649 126.304 32.812 100.142 52.92 L 189.217 141.995 Z M 322.783 503.181 C 355.541 494.351 385.696 479.188 411.858 459.08 L 322.783 370.005 Z M 370.005 322.784 L 459.08 411.86 C 479.188 385.698 494.352 355.542 503.181 322.784 Z M 509.833 222.609 L 289.393 222.609 L 289.392 222.609 L 289.392 2.167 C 278.461 0.744 267.317 0 256 0 C 244.681 0 233.539 0.744 222.609 2.167 L 222.609 222.607 L 222.609 222.608 L 2.167 222.608 C 0.744 233.539 0 244.683 0 256 C 0 267.319 0.744 278.461 2.167 289.391 L 222.607 289.391 L 222.608 289.391 L 222.608 509.833 C 233.539 511.256 244.681 512 256 512 C 267.317 512 278.461 511.257 289.391 509.833 L 289.391 289.393 L 289.391 289.392 L 509.833 289.392 C 511.256 278.461 512 267.319 512 256 C 512 244.683 511.256 233.539 509.833 222.609 Z M 322.783 322.784 L 437.019 437.02 C 442.273 431.768 447.285 426.277 452.067 420.585 L 354.265 322.783 L 322.783 322.783 Z M 189.217 322.784 L 189.215 322.784 L 74.98 437.019 C 80.232 442.273 85.723 447.285 91.415 452.067 L 189.217 354.263 Z M 189.217 189.219 L 189.217 189.217 L 74.981 74.98 C 69.727 80.232 64.715 85.723 59.933 91.415 L 157.736 189.218 Z M 322.783 189.219 L 437.02 74.981 C 431.768 69.727 426.277 64.715 420.585 59.934 L 322.783 157.737 Z" fill="transparent" height="512px" id="kHXbwy5h2" transform="translate(0.5 0.5)" width="512px"><path d="M 0 512 L 0 0 L 512 0 L 512 512 Z" fill="transparent" height="512px" id="djdexzPI0" width="512px"/><path d="M 256 512 C 397.385 512 512 397.385 512 256 C 512 114.615 397.385 0 256 0 C 114.615 0 0 114.615 0 256 C 0 397.385 114.615 512 256 512 Z" fill="rgb(240, 240, 240)" height="512px" id="haAuc3Fu5" width="512px"/><path d="M 44.101 0 C 23.992 26.163 8.829 56.318 0 89.077 L 133.178 89.077 Z" fill="rgb(0, 82, 180)" height="89.077px" id="yqEnOveIA" transform="translate(8.819 100.142)" width="133.17803px"/><path d="M 133.176 89.076 C 124.347 56.318 109.183 26.163 89.075 0 L 0 89.076 Z" fill="rgb(0, 82, 180)" height="89.076px" id="xnAKVGTvD" transform="translate(370.005 100.143)" width="133.176px"/><path d="M 0 0 C 8.83 32.758 23.993 62.913 44.101 89.075 L 133.175 0 Z" fill="rgb(0, 82, 180)" height="89.07499999999999px" id="PrRw3ik32" transform="translate(8.819 322.784)" width="133.17503px"/><path d="M 89.076 44.102 C 62.913 23.993 32.759 8.83 0 0 L 0 133.177 Z" fill="rgb(0, 82, 180)" height="133.17703px" id="kh7Uujqfi" transform="translate(322.782 8.819)" width="89.07600000000002px"/><path d="M 0 89.074 C 26.163 109.183 56.318 124.346 89.076 133.176 L 89.076 0 Z" fill="rgb(0, 82, 180)" height="133.176px" id="teQGAsKn_" transform="translate(100.142 370.005)" width="89.076px"/><path d="M 89.075 0 C 56.317 8.83 26.162 23.993 0 44.101 L 89.075 133.176 Z" fill="rgb(0, 82, 180)" height="133.17603px" id="JAboDoFI5" transform="translate(100.142 8.819)" width="89.07500000000002px"/><path d="M 0 133.176 C 32.758 124.346 62.913 109.183 89.075 89.075 L 0 0 Z" fill="rgb(0, 82, 180)" height="133.176px" id="CQFoEV2wK" transform="translate(322.783 370.005)" width="89.07499999999999px"/><path d="M 0 0 L 89.075 89.076 C 109.183 62.914 124.347 32.758 133.176 0 Z" fill="rgb(0, 82, 180)" height="89.07600000000002px" id="Z031xPlFX" transform="translate(370.005 322.784)" width="133.176px"/><path d="M 509.833 222.609 L 289.393 222.609 L 289.392 222.609 L 289.392 2.167 C 278.461 0.744 267.317 0 256 0 C 244.681 0 233.539 0.744 222.609 2.167 L 222.609 222.607 L 222.609 222.608 L 2.167 222.608 C 0.744 233.539 0 244.683 0 256 C 0 267.319 0.744 278.461 2.167 289.391 L 222.607 289.391 L 222.608 289.391 L 222.608 509.833 C 233.539 511.256 244.681 512 256 512 C 267.317 512 278.461 511.257 289.391 509.833 L 289.391 289.393 L 289.391 289.392 L 509.833 289.392 C 511.256 278.461 512 267.319 512 256 C 512 244.683 511.256 233.539 509.833 222.609 Z" fill="rgb(216, 0, 39)" height="512px" id="WrFfJMoWh" width="512px"/><path d="M 0 0.001 L 114.236 114.237 C 119.49 108.985 124.502 103.494 129.284 97.802 L 31.482 0 L 0 0 Z" fill="rgb(216, 0, 39)" height="114.23699999999997px" id="zIpprOaIz" transform="translate(322.783 322.783)" width="129.284px"/><path d="M 114.237 0 L 114.235 0 L 0 114.235 C 5.252 119.489 10.743 124.501 16.435 129.283 L 114.237 31.479 Z" fill="rgb(216, 0, 39)" height="129.28300000000002px" id="jAEfkOZN3" transform="translate(74.98 322.784)" width="114.23700000000001px"/><path d="M 129.284 114.239 L 129.284 114.237 L 15.048 0 C 9.794 5.252 4.782 10.743 0 16.435 L 97.803 114.238 Z" fill="rgb(216, 0, 39)" height="114.23899999999999px" id="Pr9P8RVa8" transform="translate(59.933 74.98)" width="129.28400000000002px"/><path d="M 0 129.285 L 114.237 15.047 C 108.985 9.793 103.494 4.781 97.802 0 L 0 97.803 Z" fill="rgb(216, 0, 39)" height="129.285px" id="Qhq2dqe4B" transform="translate(322.783 59.934)" width="114.23699999999997px"/></g></svg>)
Psst …
Want to know how our projects are created? Have a look at our production process!
Psst …
Want to know how our projects are created? Have a look at our production process!
Newsletter
Newsletter
Newsletter