![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 23 23" xmlns="http://www.w3.org/2000/svg"><path d="M 18.208 0 L 4.792 0 C 2.145 0 0 2.145 0 4.792 L 0 18.208 C 0 20.855 2.145 23 4.792 23 L 18.208 23 C 20.855 23 23 20.855 23 18.208 L 23 4.792 C 23 2.145 20.855 0 18.208 0 Z M 7.667 18.208 L 4.792 18.208 L 4.792 7.667 L 7.667 7.667 Z M 6.229 6.451 C 5.303 6.451 4.552 5.694 4.552 4.761 C 4.552 3.828 5.303 3.07 6.229 3.07 C 7.155 3.07 7.906 3.828 7.906 4.761 C 7.906 5.694 7.156 6.451 6.229 6.451 Z M 19.167 18.208 L 16.292 18.208 L 16.292 12.838 C 16.292 9.61 12.458 9.855 12.458 12.838 L 12.458 18.208 L 9.583 18.208 L 9.583 7.667 L 12.458 7.667 L 12.458 9.358 C 13.796 6.88 19.167 6.697 19.167 11.731 Z" fill="rgb(0, 0, 0)" height="23px" id="GmrwXy4Og" width="23px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 23 23" xmlns="http://www.w3.org/2000/svg"><path d="M 6.737 0.08 C 5.514 0.138 4.678 0.333 3.948 0.62 C 3.192 0.915 2.551 1.31 1.913 1.95 C 1.276 2.59 0.883 3.231 0.59 3.989 C 0.307 4.721 0.115 5.557 0.061 6.781 C 0.007 8.006 -0.005 8.399 0.001 11.522 C 0.007 14.645 0.021 15.036 0.081 16.263 C 0.139 17.487 0.334 18.322 0.621 19.053 C 0.916 19.809 1.311 20.449 1.951 21.087 C 2.591 21.725 3.232 22.117 3.991 22.41 C 4.722 22.692 5.558 22.885 6.783 22.939 C 8.007 22.992 8.401 23.005 11.523 22.999 C 14.645 22.993 15.038 22.979 16.264 22.921 C 17.491 22.862 18.322 22.667 19.053 22.381 C 19.809 22.085 20.45 21.691 21.087 21.051 C 21.725 20.41 22.117 19.768 22.409 19.011 C 22.693 18.279 22.885 17.443 22.938 16.22 C 22.992 14.992 23.005 14.6 22.999 11.478 C 22.993 8.355 22.979 7.964 22.92 6.738 C 22.862 5.511 22.667 4.678 22.381 3.947 C 22.085 3.191 21.691 2.551 21.051 1.913 C 20.411 1.275 19.769 0.882 19.011 0.591 C 18.279 0.308 17.443 0.115 16.219 0.062 C 14.995 0.009 14.601 -0.005 11.478 0.001 C 8.355 0.007 7.964 0.021 6.737 0.08 M 6.872 20.87 C 5.75 20.821 5.141 20.635 4.736 20.479 C 4.198 20.272 3.816 20.021 3.411 19.621 C 3.007 19.221 2.759 18.837 2.549 18.3 C 2.391 17.895 2.202 17.287 2.149 16.165 C 2.092 14.953 2.08 14.59 2.073 11.519 C 2.067 8.449 2.079 8.086 2.132 6.873 C 2.18 5.753 2.367 5.143 2.523 4.738 C 2.73 4.2 2.979 3.818 3.38 3.414 C 3.782 3.01 4.165 2.761 4.701 2.551 C 5.107 2.393 5.715 2.205 6.835 2.151 C 8.048 2.094 8.412 2.082 11.482 2.076 C 14.551 2.069 14.916 2.081 16.129 2.134 C 17.249 2.183 17.859 2.368 18.264 2.525 C 18.802 2.732 19.184 2.981 19.588 3.383 C 19.992 3.785 20.241 4.166 20.451 4.704 C 20.61 5.108 20.798 5.716 20.851 6.837 C 20.908 8.05 20.921 8.414 20.927 11.483 C 20.933 14.553 20.922 14.918 20.869 16.129 C 20.82 17.251 20.634 17.86 20.478 18.266 C 20.271 18.803 20.021 19.186 19.619 19.59 C 19.218 19.994 18.835 20.243 18.299 20.452 C 17.894 20.61 17.285 20.799 16.165 20.852 C 14.952 20.909 14.589 20.921 11.518 20.928 C 8.447 20.935 8.085 20.922 6.872 20.87 M 16.247 5.354 C 16.248 5.912 16.585 6.415 17.101 6.627 C 17.617 6.84 18.21 6.721 18.604 6.325 C 18.998 5.93 19.115 5.336 18.901 4.821 C 18.686 4.306 18.182 3.97 17.624 3.971 C 16.862 3.973 16.245 4.592 16.247 5.354 M 5.595 11.511 C 5.602 14.773 8.25 17.411 11.511 17.405 C 14.772 17.398 17.412 14.75 17.405 11.488 C 17.399 8.227 14.75 5.588 11.489 5.595 C 8.227 5.601 5.589 8.251 5.595 11.511 M 7.667 11.507 C 7.662 9.39 9.375 7.671 11.493 7.666 C 13.61 7.662 15.329 9.375 15.334 11.492 C 15.338 13.609 13.625 15.329 11.508 15.333 C 10.491 15.335 9.515 14.933 8.795 14.216 C 8.074 13.498 7.669 12.524 7.667 11.507" fill="rgb(0, 0, 0)" height="23px" id="NZoviV8Hy" stroke-dasharray="0" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(0, 0, 0)" width="23px"/></svg>)
EF Hello
I loved bringing life to ‘Addi’ through an interactive RIVE project. The app’s ladybird mascot Addi, gives real-time feedback to users, creating a more playful and engaging learning experience. Animating these brilliant designs to make interactive moments was genuinely rewarding. I was brought on to initially 'plus' some animation and then went on to create new and exciting reactions based on some brilliant designs, which you can see in the selection above. Below is an onboarding animation that plays when the user logs in for the first time.
Waze
I used Lottie to bring the driving ghost character, Wazer, to life. I animated Wazer through a series of playful actions between loading screens, aiming to make waiting moments engaging for users.
BUCK - WhatsApp
Working for BUCK I animated a few designs in LOTTIE for a NYE sticker pack for WhatsApp.
(this was an absolute blast).
Direction - Joe Brooks
Lead animation - Frida Ek
Linn Fritz
Agency - Pocko
Working with Linn Fritz, I created a large animated scene filled with animals using Lottie. This vector animation was featured on VITRA’s furniture website, helping convey their sustainability message. The animations are scalable vector so have a zoom in to see the larger scenes animation more clearly!
You can see a link to VITRA's website with the live animation here.
Westersen
I was asked by the team at invisiblecreature.com to animate the logo for their apparel brand which you can check out below and was brought to life with Lottie.
Durable.co
Using Rive i made these little interactive guys for the footer of the durable.com website, give them a click to reset there walk cycles.
Portfolio
My portfolio website features interactive site-wide animations I created. Here are some examples of these as well as a logo for the green party I animated for fun in Lottie.
Freelancer Ledger
Made for creative freelancers, Freelancer Ledger is a Project Managment and CRM app.
I made the app lightweight as a standalone HTML file that runs in Chrome and backs up locally. I've linked a sandbox version here that you can play with. If you would like the full app, please check it out on my KO-FI page.
