IVAN VEGTER
MEDIA
VORMGEVER
Wie ben ik?
Hallo, mijn naam is Ivan — mediavormgever met een focus op UI/UX en animatie. Ik ontwerp digitale ervaringen die niet alleen visueel sterk zijn, maar ook intuïtief en gebruiksvriendelijk aanvoelen. Met oog voor detail, interactie en beleving werk ik aan ontwerpen die echt impact maken. In dit portfolio vind je een selectie van projecten waar ik trots op ben. Enjoy!
Wie ben ik?
Hallo, mijn naam is Ivan — mediavormgever met een focus op UI/UX en animatie. Ik ontwerp digitale ervaringen die niet alleen visueel sterk zijn, maar ook intuïtief en gebruiksvriendelijk aanvoelen. Met oog voor detail, interactie en beleving werk ik aan ontwerpen die echt impact maken. In dit portfolio vind je een selectie van projecten waar ik trots op ben. Enjoy!
Wie ben ik?
Hallo, mijn naam is Ivan — mediavormgever met een focus op UI/UX en animatie. Ik ontwerp digitale ervaringen die niet alleen visueel sterk zijn, maar ook intuïtief en gebruiksvriendelijk aanvoelen. Met oog voor detail, interactie en beleving werk ik aan ontwerpen die echt impact maken. In dit portfolio vind je een selectie van projecten waar ik trots op ben. Enjoy!
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 42 41" xmlns="http://www.w3.org/2000/svg"><path d="M 0 7 C 0 3.134 3.134 0 7 0 L 35 0 C 38.866 0 42 3.134 42 7 L 42 34 C 42 37.866 38.866 41 35 41 L 7 41 C 3.134 41 0 37.866 0 34 Z" fill="rgb(255, 255, 255)" height="41px" id="lF0wXuX_4" width="42px"/><g d="M 4 25 C 6.207 25 7.999 23.133 7.999 20.833 L 7.999 16.666 L 4 16.666 C 1.792 16.666 0 18.533 0 20.833 C 0 23.133 1.792 25 4 25 Z M 0 12.503 C 0 10.202 1.792 8.336 4 8.336 L 7.999 8.336 L 7.999 16.669 L 4 16.669 C 1.792 16.669 0 14.803 0 12.503 Z M 0 4.167 C 0 1.867 1.792 0 4 0 L 7.999 0 L 7.999 8.334 L 4 8.334 C 1.792 8.334 0 6.467 0 4.167 Z M 8.001 0 L 12 0 C 14.208 0 16 1.867 16 4.167 C 16 6.467 14.208 8.334 12 8.334 L 8.001 8.334 Z M 16 12.503 C 16 14.803 14.208 16.669 12 16.669 C 9.793 16.669 8.001 14.803 8.001 12.503 C 8.001 10.202 9.793 8.336 12 8.336 C 14.208 8.336 16 10.202 16 12.503 Z" fill="transparent" height="24.99999980529286px" id="CBD6Hul3B" transform="translate(13 8)" width="15.999999826700417px"><path d="M 4 8.334 C 6.207 8.334 7.999 6.467 7.999 4.167 L 7.999 0 L 4 0 C 1.792 0 0 1.867 0 4.167 C 0 6.467 1.792 8.334 4 8.334 Z" fill="rgb(10, 207, 131)" height="8.333888812861218px" id="nW4qKNXNg" transform="translate(0 16.666)" width="7.9991996939489525px"/><path d="M 0 4.167 C 0 1.867 1.792 0 4 0 L 7.999 0 L 7.999 8.334 L 4 8.334 C 1.792 8.334 0 6.467 0 4.167 Z" fill="rgb(162, 89, 255)" height="8.33388886370232px" id="AM91fkEhG" transform="translate(0 8.336)" width="7.9991996939489525px"/><path d="M 0 4.167 C 0 1.867 1.792 0 4 0 L 7.999 0 L 7.999 8.334 L 4 8.334 C 1.792 8.334 0 6.467 0 4.167 Z" fill="rgb(242, 78, 30)" height="8.333888812861218px" id="GFxQdGRQf" width="7.9991996939489525px"/><path d="M 0 0 L 4 0 C 6.207 0 7.999 1.867 7.999 4.167 C 7.999 6.467 6.207 8.334 4 8.334 L 0 8.334 Z" fill="rgb(255, 114, 98)" height="8.333888812861218px" id="KrnLNLilt" transform="translate(8.001 0)" width="7.9991996939489525px"/><path d="M 7.999 4.167 C 7.999 6.467 6.207 8.334 4 8.334 C 1.792 8.334 0 6.467 0 4.167 C 0 1.867 1.792 0 4 0 C 6.207 0 7.999 1.867 7.999 4.167 Z" fill="rgb(26, 188, 254)" height="8.33388886370232px" id="GX0z6aHqh" transform="translate(8.001 8.336)" width="7.9991996939489525px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g d="M 6.838 40 C 3.062 40 0 36.938 0 33.162 L 0 6.838 C 0 3.062 3.062 0 6.838 0 L 33.162 0 C 36.938 0 40 3.062 40 6.838 L 40 33.162 C 40 36.938 36.938 40 33.162 40 Z M 19.501 10.605 L 13.515 10.605 L 6.64 29.104 L 11.997 29.104 L 12.89 26.341 L 19.766 26.341 L 20.659 29.104 L 26.179 29.104 L 19.502 10.605 Z M 16.326 21.725 L 14.379 21.725 L 16.326 15.695 L 18.274 21.725 Z M 26.862 14.539 L 31.819 14.539 L 31.819 29.104 L 26.862 29.104 Z M 31.982 11.906 C 31.997 13.264 30.898 14.224 29.342 14.211 C 27.786 14.224 26.688 13.264 26.702 11.906 C 26.688 10.547 27.787 9.587 29.342 9.6 C 30.899 9.587 31.997 10.547 31.982 11.906 Z" fill="transparent" height="40px" id="ZCvnIjA12" width="40px"><path d="M 6.838 40 C 3.062 40 0 36.938 0 33.162 L 0 6.838 C 0 3.062 3.062 0 6.838 0 L 33.162 0 C 36.938 0 40 3.062 40 6.838 L 40 33.162 C 40 36.938 36.938 40 33.162 40 Z" fill="rgb(51, 0, 0)" height="40px" id="eRNQBbucF" width="40px"/><path d="M 12.861 1.005 L 6.875 1.005 L 0 19.504 L 5.357 19.504 L 6.25 16.741 L 13.126 16.741 L 14.019 19.504 L 19.539 19.504 L 12.862 1.005 Z M 9.686 12.125 L 7.739 12.125 L 9.686 6.095 L 11.634 12.125 Z M 20.222 4.939 L 25.179 4.939 L 25.179 19.504 L 20.222 19.504 Z M 25.342 2.306 C 25.357 3.664 24.258 4.624 22.702 4.611 C 21.146 4.624 20.048 3.664 20.062 2.306 C 20.048 0.947 21.147 -0.013 22.702 0 C 24.259 -0.013 25.357 0.947 25.342 2.306 Z" fill="rgb(255, 154, 0)" height="19.504126443099967px" id="mDCFkl7y7" transform="translate(6.64 9.6)" width="25.342539741716326px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 41 41" xmlns="http://www.w3.org/2000/svg"><g d="M 7.26 0 L 33.74 0 C 37.754 0 41 3.329 41 7.447 L 41 33.553 C 41 37.671 37.754 41 33.74 41 L 7.26 41 C 3.246 41 0 37.671 0 33.553 L 0 7.447 C 0 3.329 3.246 0 7.26 0 Z M 16.436 24.495 L 10.081 24.495 L 8.782 28.63 C 8.748 28.788 8.612 28.893 8.458 28.875 L 5.246 28.875 C 5.058 28.875 5.007 28.77 5.058 28.56 L 10.559 12.388 C 10.61 12.212 10.662 12.055 10.73 11.844 C 10.798 11.476 10.832 11.091 10.832 10.706 C 10.815 10.618 10.884 10.53 10.969 10.513 L 15.394 10.513 C 15.513 10.513 15.599 10.565 15.616 10.653 L 21.851 28.525 C 21.902 28.718 21.851 28.805 21.68 28.805 L 18.11 28.805 C 17.99 28.823 17.871 28.735 17.837 28.612 L 16.436 24.407 Z M 11.072 21.008 L 15.411 21.008 C 15.308 20.64 15.172 20.202 15.018 19.747 C 14.864 19.274 14.71 18.765 14.557 18.24 C 14.386 17.697 14.232 17.171 14.061 16.628 C 13.89 16.085 13.737 15.576 13.6 15.068 C 13.463 14.578 13.344 14.122 13.224 13.702 L 13.19 13.702 C 13.036 14.455 12.848 15.209 12.609 15.962 C 12.353 16.803 12.097 17.679 11.823 18.555 C 11.601 19.449 11.328 20.272 11.072 21.008 Z M 31.913 22.918 L 26.498 22.918 C 26.566 23.461 26.737 24.004 27.027 24.477 C 27.335 24.95 27.762 25.318 28.275 25.529 C 28.958 25.826 29.71 25.984 30.461 25.967 C 31.059 25.949 31.657 25.897 32.238 25.774 C 32.767 25.704 33.28 25.564 33.758 25.371 C 33.844 25.301 33.895 25.336 33.895 25.511 L 33.895 28.192 C 33.895 28.262 33.878 28.332 33.861 28.402 C 33.827 28.455 33.792 28.49 33.741 28.525 C 33.195 28.77 32.631 28.945 32.033 29.05 C 31.23 29.208 30.427 29.278 29.607 29.261 C 28.309 29.261 27.215 29.05 26.327 28.647 C 25.49 28.279 24.755 27.701 24.175 26.983 C 23.628 26.3 23.235 25.529 22.996 24.688 C 22.757 23.864 22.637 23.006 22.637 22.129 C 22.637 21.183 22.774 20.255 23.064 19.344 C 23.337 18.468 23.765 17.662 24.345 16.943 C 24.909 16.242 25.61 15.682 26.412 15.279 C 27.215 14.876 28.172 14.735 29.265 14.735 C 30.171 14.718 31.076 14.893 31.913 15.279 C 32.614 15.594 33.229 16.067 33.707 16.68 C 34.151 17.276 34.51 17.942 34.732 18.678 C 34.954 19.379 35.057 20.097 35.057 20.815 C 35.057 21.236 35.04 21.604 35.022 21.937 C 34.988 22.27 34.971 22.515 34.954 22.673 C 34.937 22.795 34.835 22.9 34.715 22.9 C 34.612 22.9 34.425 22.918 34.151 22.935 C 33.878 22.971 33.553 22.988 33.16 22.988 C 32.767 22.988 32.357 22.918 31.913 22.918 Z M 26.498 20.36 L 30.102 20.36 C 30.547 20.36 30.871 20.36 31.076 20.342 C 31.213 20.325 31.35 20.29 31.469 20.202 L 31.469 20.027 C 31.469 19.799 31.435 19.589 31.367 19.379 C 31.059 18.397 30.154 17.732 29.146 17.767 C 28.206 17.714 27.318 18.222 26.874 19.098 C 26.669 19.501 26.549 19.922 26.498 20.36 Z" fill="transparent" height="41px" id="Kdgkbw_2S" width="41px"><path d="M 7.26 0 L 33.74 0 C 37.754 0 41 3.329 41 7.447 L 41 33.553 C 41 37.671 37.754 41 33.74 41 L 7.26 41 C 3.246 41 0 37.671 0 33.553 L 0 7.447 C 0 3.329 3.246 0 7.26 0 Z" fill="rgb(0, 0, 91)" height="41px" id="w02oSUTHz" width="41px"/><path d="M 11.396 13.982 L 5.041 13.982 L 3.743 18.117 C 3.709 18.275 3.572 18.38 3.418 18.362 L 0.207 18.362 C 0.019 18.362 -0.033 18.257 0.019 18.047 L 5.52 1.875 C 5.571 1.7 5.622 1.542 5.69 1.332 C 5.759 0.964 5.793 0.578 5.793 0.193 C 5.776 0.105 5.844 0.018 5.93 0 L 10.354 0 C 10.474 0 10.559 0.053 10.576 0.14 L 16.812 18.012 C 16.863 18.205 16.812 18.292 16.641 18.292 L 13.07 18.292 C 12.951 18.31 12.831 18.222 12.797 18.1 L 11.396 13.894 Z M 6.032 10.495 L 10.371 10.495 C 10.269 10.127 10.132 9.689 9.978 9.234 C 9.825 8.761 9.671 8.253 9.517 7.727 C 9.346 7.184 9.192 6.658 9.022 6.115 C 8.851 5.572 8.697 5.064 8.56 4.556 C 8.424 4.065 8.304 3.609 8.185 3.189 L 8.15 3.189 C 7.997 3.942 7.809 4.696 7.57 5.449 C 7.313 6.29 7.057 7.166 6.784 8.042 C 6.562 8.936 6.288 9.759 6.032 10.495 Z M 26.874 12.405 L 21.458 12.405 C 21.527 12.948 21.697 13.491 21.988 13.965 C 22.295 14.438 22.722 14.806 23.235 15.016 C 23.918 15.314 24.67 15.471 25.422 15.454 C 26.02 15.436 26.617 15.384 27.198 15.261 C 27.728 15.191 28.24 15.051 28.719 14.858 C 28.804 14.788 28.855 14.823 28.855 14.998 L 28.855 17.679 C 28.855 17.749 28.838 17.819 28.821 17.889 C 28.787 17.942 28.753 17.977 28.702 18.012 C 28.155 18.257 27.591 18.432 26.993 18.538 C 26.19 18.695 25.387 18.765 24.567 18.748 C 23.269 18.748 22.176 18.538 21.287 18.135 C 20.45 17.767 19.716 17.188 19.135 16.47 C 18.588 15.787 18.195 15.016 17.956 14.175 C 17.717 13.351 17.597 12.493 17.597 11.617 C 17.597 10.671 17.734 9.742 18.025 8.831 C 18.298 7.955 18.725 7.149 19.306 6.43 C 19.87 5.729 20.57 5.169 21.373 4.766 C 22.176 4.363 23.132 4.223 24.226 4.223 C 25.131 4.205 26.037 4.38 26.874 4.766 C 27.574 5.081 28.189 5.554 28.667 6.168 C 29.112 6.763 29.47 7.429 29.692 8.165 C 29.915 8.866 30.017 9.584 30.017 10.303 C 30.017 10.723 30 11.091 29.983 11.424 C 29.949 11.757 29.932 12.002 29.915 12.16 C 29.897 12.282 29.795 12.388 29.675 12.388 C 29.573 12.388 29.385 12.405 29.112 12.423 C 28.838 12.458 28.514 12.475 28.121 12.475 C 27.728 12.475 27.318 12.405 26.874 12.405 Z M 21.458 9.847 L 25.063 9.847 C 25.507 9.847 25.832 9.847 26.037 9.829 C 26.173 9.812 26.31 9.777 26.43 9.689 L 26.43 9.514 C 26.43 9.286 26.395 9.076 26.327 8.866 C 26.02 7.885 25.114 7.219 24.106 7.254 C 23.167 7.201 22.278 7.709 21.834 8.585 C 21.629 8.988 21.51 9.409 21.458 9.847 Z" fill="rgb(153, 153, 255)" height="18.75049188265944px" id="Bg87UbZOs" transform="translate(5.04 10.513)" width="30.017046941121436px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 41 40" xmlns="http://www.w3.org/2000/svg"><g d="M 7.26 0 L 33.74 0 C 37.754 0 41 3.248 41 7.265 L 41 32.735 C 41 36.752 37.754 40 33.74 40 L 7.26 40 C 3.246 40 0 36.752 0 32.735 L 0 7.265 C 0 3.248 3.246 0 7.26 0 Z M 14.914 10.498 L 14.914 28.105 C 14.914 28.293 14.828 28.379 14.675 28.379 L 11.326 28.379 C 11.172 28.379 11.104 28.293 11.104 28.105 L 11.104 10.498 C 11.104 10.345 11.19 10.276 11.343 10.276 L 14.675 10.276 C 14.777 10.259 14.88 10.327 14.897 10.447 C 14.914 10.464 14.914 10.481 14.914 10.498 Z M 24.788 28.584 C 23.524 28.601 22.26 28.345 21.115 27.815 C 20.039 27.319 19.15 26.498 18.535 25.49 C 17.903 24.447 17.596 23.148 17.596 21.592 C 17.579 20.327 17.903 19.08 18.535 17.986 C 19.185 16.874 20.124 15.951 21.252 15.336 C 22.447 14.669 23.882 14.345 25.574 14.345 C 25.659 14.345 25.779 14.345 25.932 14.362 C 26.086 14.379 26.257 14.379 26.462 14.396 L 26.462 8.994 C 26.462 8.874 26.513 8.806 26.633 8.806 L 30.101 8.806 C 30.186 8.789 30.255 8.857 30.272 8.926 L 30.272 25.233 C 30.272 25.541 30.289 25.883 30.306 26.259 C 30.34 26.618 30.357 26.96 30.374 27.251 C 30.374 27.37 30.323 27.473 30.203 27.524 C 29.315 27.9 28.375 28.174 27.419 28.345 C 26.565 28.498 25.676 28.584 24.788 28.584 Z M 26.462 25.165 L 26.462 17.644 C 26.308 17.609 26.155 17.575 26.001 17.558 C 25.813 17.541 25.625 17.524 25.437 17.524 C 24.771 17.524 24.105 17.661 23.507 17.968 C 22.926 18.259 22.43 18.686 22.055 19.233 C 21.679 19.78 21.491 20.515 21.491 21.404 C 21.474 22.003 21.576 22.601 21.781 23.165 C 21.952 23.627 22.208 24.037 22.55 24.379 C 22.875 24.686 23.267 24.926 23.712 25.062 C 24.173 25.216 24.651 25.285 25.13 25.285 C 25.386 25.285 25.625 25.268 25.847 25.251 C 26.069 25.268 26.274 25.233 26.462 25.165 Z" fill="transparent" height="40px" id="IPbrjDzea" width="41px"><path d="M 7.26 0 L 33.74 0 C 37.754 0 41 3.248 41 7.265 L 41 32.735 C 41 36.752 37.754 40 33.74 40 L 7.26 40 C 3.246 40 0 36.752 0 32.735 L 0 7.265 C 0 3.248 3.246 0 7.26 0 Z" fill="rgb(73, 2, 31)" height="40px" id="a5AjawAy2" width="41px"/><path d="M 3.81 1.695 L 3.81 19.302 C 3.81 19.49 3.724 19.575 3.57 19.575 L 0.222 19.575 C 0.068 19.575 0 19.49 0 19.302 L 0 1.695 C 0 1.541 0.085 1.473 0.239 1.473 L 3.57 1.473 C 3.673 1.456 3.775 1.524 3.792 1.644 C 3.81 1.661 3.81 1.678 3.81 1.695 Z M 13.684 19.78 C 12.42 19.798 11.155 19.541 10.011 19.011 C 8.935 18.515 8.046 17.695 7.431 16.686 C 6.799 15.644 6.492 14.345 6.492 12.789 C 6.475 11.524 6.799 10.276 7.431 9.182 C 8.08 8.071 9.02 7.148 10.147 6.533 C 11.343 5.866 12.778 5.541 14.47 5.541 C 14.555 5.541 14.675 5.541 14.828 5.558 C 14.982 5.575 15.153 5.575 15.358 5.592 L 15.358 0.191 C 15.358 0.071 15.409 0.003 15.529 0.003 L 18.997 0.003 C 19.082 -0.014 19.15 0.054 19.167 0.122 L 19.167 16.43 C 19.167 16.738 19.185 17.08 19.202 17.456 C 19.236 17.815 19.253 18.157 19.27 18.447 C 19.27 18.567 19.219 18.669 19.099 18.721 C 18.211 19.097 17.271 19.37 16.315 19.541 C 15.46 19.695 14.572 19.78 13.684 19.78 Z M 15.358 16.362 L 15.358 8.84 C 15.204 8.806 15.05 8.772 14.897 8.755 C 14.709 8.738 14.521 8.721 14.333 8.721 C 13.667 8.721 13 8.857 12.403 9.165 C 11.822 9.456 11.326 9.883 10.95 10.43 C 10.575 10.977 10.387 11.712 10.387 12.601 C 10.37 13.199 10.472 13.798 10.677 14.362 C 10.848 14.823 11.104 15.233 11.446 15.575 C 11.77 15.883 12.163 16.122 12.608 16.259 C 13.069 16.413 13.547 16.481 14.025 16.481 C 14.282 16.481 14.521 16.464 14.743 16.447 C 14.965 16.464 15.17 16.43 15.358 16.362 Z" fill="rgb(255, 51, 102)" height="19.78123576970938px" id="t9AFwYNt7" transform="translate(11.104 8.803)" width="19.269999941036478px"/></g></svg>)