https://ordrori.com ordrori.com Fri, 26 Jun 2026 13:31:57 +0000 https://ordrori.com en https://ordrori.com/Shapes-AI Thu, 25 Jun 2026 12:35:53 +0000 ordrori.com https://ordrori.com/Shapes-AI Shapes - Rewriting the Rules of HR IWhen designing the product video for the new Shapes AI agent, our (Maayan Erlich and I) goal was to move beyond cold automation. We envisioned the platform as a dynamic ecosystem—a world where complex data meets personal identity. We chose to represent every employee as a unique shape, interacting fluidly with the platform’s interface. By blending clean UI design with human-centric footage, we distilled the agent's power into a visual narrative that feels both advanced and deeply personal. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/1a762b10ef809b23154dbe0cd34755873d5aafb551b0ca2644b9675ed8dfa30b/Edit_05-ezgif.com-video-to-gif-converter.gif" data-mid="249835729" border="0" src="https://freight.cargo.site/w/1000/i/1a762b10ef809b23154dbe0cd34755873d5aafb551b0ca2644b9675ed8dfa30b/Edit_05-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/82b8189f413243f6521b4889f6ebd61789333df6cc622bb9f791fb32d5950a97/Edit_01-ezgif.com-video-to-gif-converter.gif" data-mid="249835727" border="0" src="https://freight.cargo.site/w/1000/i/82b8189f413243f6521b4889f6ebd61789333df6cc622bb9f791fb32d5950a97/Edit_01-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/98c40625134f49eebd1be6c31e3bd425a4be6218ab78fea8e423702c1351cd33/Edit_02-ezgif.com-video-to-gif-converter.gif" data-mid="249835733" border="0" src="https://freight.cargo.site/w/1000/i/98c40625134f49eebd1be6c31e3bd425a4be6218ab78fea8e423702c1351cd33/Edit_02-ezgif.com-video-to-gif-converter.gif" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/5fd2747f87a8b4c33a93c30e751ff610af755e1b021c42888f30ef8be6b63d51/Edit_11-ezgif.com-video-to-gif-converter.gif" data-mid="249835788" border="0" src="https://freight.cargo.site/w/1000/i/5fd2747f87a8b4c33a93c30e751ff610af755e1b021c42888f30ef8be6b63d51/Edit_11-ezgif.com-video-to-gif-converter.gif" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/7e96fc2855a70db071133828b62146e5ae808a8c801aee2ef47eae098babac8d/Edit_06-ezgif.com-video-to-gif-converter.gif" data-mid="249835738" border="0" src="https://freight.cargo.site/w/1000/i/7e96fc2855a70db071133828b62146e5ae808a8c801aee2ef47eae098babac8d/Edit_06-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/05609ebeb99e842ad4fbaa73c6673e4d6e480ea77afcb6e8d2251e6b22e9bd10/Edit_12-ezgif.com-video-to-gif-converter.gif" data-mid="249835734" border="0" src="https://freight.cargo.site/w/1000/i/05609ebeb99e842ad4fbaa73c6673e4d6e480ea77afcb6e8d2251e6b22e9bd10/Edit_12-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/ad8195dc1bee14436f1b0799f484671e976977bd7653d1beb48188e4f2c528ce/Edit_03-ezgif.com-video-to-gif-converter.gif" data-mid="249835739" border="0" src="https://freight.cargo.site/w/1000/i/ad8195dc1bee14436f1b0799f484671e976977bd7653d1beb48188e4f2c528ce/Edit_03-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/e0feeed83a78a307ee06351afb77b7e71ea68e1ecd4b379141bcd1f68273f665/Secured-ezgif.com-video-to-gif-converter.gif" data-mid="249835740" border="0" src="https://freight.cargo.site/w/1000/i/e0feeed83a78a307ee06351afb77b7e71ea68e1ecd4b379141bcd1f68273f665/Secured-ezgif.com-video-to-gif-converter.gif" />The Creative Approach Our motion strategy focused on the balance between abstraction and reality. We sought to make the invisible infrastructure of HR feel tangible, intuitive, and human, ensuring that the technology elevates the user experience rather than replacing it. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/82b8ff5b28e59d688fff67d4d3eddc7f8ecba42bf2048456011cb380b5737f39/Edit_07-ezgif.com-video-to-gif-converter.gif" data-mid="249835745" border="0" src="https://freight.cargo.site/w/1000/i/82b8ff5b28e59d688fff67d4d3eddc7f8ecba42bf2048456011cb380b5737f39/Edit_07-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/1ab3a16e52f229cad7f317a13dce144d2456c5382db3f7c91556edbcbe1b801d/Edit_04-ezgif.com-video-to-gif-converter.gif" data-mid="249835746" border="0" src="https://freight.cargo.site/w/1000/i/1ab3a16e52f229cad7f317a13dce144d2456c5382db3f7c91556edbcbe1b801d/Edit_04-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/c920b827932874baa8016d626b38e017345d4621b0e1e0a91e995235d4d1e4c2/Edit_08-ezgif.com-video-to-gif-converter.gif" data-mid="249835765" border="0" src="https://freight.cargo.site/w/1000/i/c920b827932874baa8016d626b38e017345d4621b0e1e0a91e995235d4d1e4c2/Edit_08-ezgif.com-video-to-gif-converter.gif" /> Credits Creative Direction, Design &amp; Animation MO Creative Studio | Or Drori &amp; Maayan ErlichMusic &amp; SFX Mix @talavitalShapes team: @yuval____hadar @rotemfisch, @ronieschar, @shiri.lalush <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/4df132e1c394d6c495bc06a57b52241fd3b794ab4f9dee0a07d6151440c4c947/2.png" data-mid="249835773" border="0" src="https://freight.cargo.site/w/1000/i/4df132e1c394d6c495bc06a57b52241fd3b794ab4f9dee0a07d6151440c4c947/2.png" /> <img width="1400" height="788" width_o="1400" height_o="788" data-src="https://freight.cargo.site/t/original/i/c64b4b96e6f419141005b6be950850d5b89afaf36aa5ea0723b96480520ad0b0/e6bf20251538205.6a39524786f66.jpg" data-mid="249835737" border="0" src="https://freight.cargo.site/w/1000/i/c64b4b96e6f419141005b6be950850d5b89afaf36aa5ea0723b96480520ad0b0/e6bf20251538205.6a39524786f66.jpg" /> https://ordrori.com/AppsFlyer Mon, 26 Jan 2026 14:38:25 +0000 ordrori.com https://ordrori.com/AppsFlyer AppsFlyer Rebrand I joined the AppsFlyer rebrand early in the process, brought on by Ruth Marom, who led the brand transformation. My role started with exploration and expanded into shaping how the brand moves across product, marketing, and video.AppsFlyer is a marketing measurement and analytics platform that helps teams understand where users come from, how customers move across channels, and what drives growth. The rebrand aimed to express that complexity in a way that feels clear, confident, and alive.At the heart of the new identity is the idea of an endless energy engine running under the surface. That inner energy is represented by fluid, expressive gradients, while the outer layer is built from sharp, structured elements like vector forms, boxes, typography, and UI-inspired components. Motion became the connective tissue between these two layers. Gradient patterns The work began with deep exploration of gradient behavior. Not just color, but movement: how gradients blend, flow, breathe, and sit within containers or alongside typography.Many of the explorations leaned into an organic, almost edible quality, similar to melting ice cream. Soft and expressive, yet controlled. I explored variations in rhythm, density, and speed, building a flexible library of gradient behaviors that could shift between calm and energetic moments.These studies helped define the color palette and emotional tone of the brand, and became a foundational ingredient of the identity. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/fb97c05e618057733aee809e8ff6d64666a4f34d5d1881f9bd88382eb349c636/ezgif-35aa703e71a54db2.gif" data-mid="243971566" border="0" src="https://freight.cargo.site/w/800/i/fb97c05e618057733aee809e8ff6d64666a4f34d5d1881f9bd88382eb349c636/ezgif-35aa703e71a54db2.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/1ea1128cf7d734a62530f069c52cb74a7c4d97c35f5f762dba22d1b9750e8b46/ezgif-5b724f782a8c56a5.gif" data-mid="243971569" border="0" src="https://freight.cargo.site/w/800/i/1ea1128cf7d734a62530f069c52cb74a7c4d97c35f5f762dba22d1b9750e8b46/ezgif-5b724f782a8c56a5.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/8fcab71fe717ad3d53d48163d21dc8c87fbde93add75eb7862cb17258d732aee/ezgif-529f27a949a9c6b0.gif" data-mid="243971568" border="0" src="https://freight.cargo.site/w/800/i/8fcab71fe717ad3d53d48163d21dc8c87fbde93add75eb7862cb17258d732aee/ezgif-529f27a949a9c6b0.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/8a9a89c7ee52bf0f903daad10397945c76c2ba44ad2f8f0097968c5423674ec4/ezgif-4782f8b06b93892f.gif" data-mid="243971571" border="0" src="https://freight.cargo.site/w/800/i/8a9a89c7ee52bf0f903daad10397945c76c2ba44ad2f8f0097968c5423674ec4/ezgif-4782f8b06b93892f.gif" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/0855bb6eb29421520e489bae13b7608616e20692612fcd780839df6de26af18c/ezgif-1f3ae974c120b722.gif" data-mid="243971573" border="0" src="https://freight.cargo.site/w/800/i/0855bb6eb29421520e489bae13b7608616e20692612fcd780839df6de26af18c/ezgif-1f3ae974c120b722.gif" /> Motion system With the energy core established, I expanded into building the full motion system. This is where the relationship between inner energy and outer structure took shape.The structured layer is made of sharp motion and clean components: vector boxes, typography, UI-like frames, and geometric transitions. These elements often open or shift to reveal the gradient layer beneath them, reinforcing the idea of a powerful mechanism running under the hood.I developed motion behaviors across key components, including headers, titles, supers, bullets, wipers, UI transitions, and timing rules, ensuring consistency across product and marketing touchpoints. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/de9f4dc54dfb4d7d072e906a4ea2e3e66c04ed4706b2f96d439b098667bc6521/ezgif-33d8ad4aebfde846.gif" data-mid="243971575" border="0" src="https://freight.cargo.site/w/800/i/de9f4dc54dfb4d7d072e906a4ea2e3e66c04ed4706b2f96d439b098667bc6521/ezgif-33d8ad4aebfde846.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/c8e6c3042c99f080466b02e04fdd0498cb67ff5e997eee0f1d3b005f4456a202/ezgif-37d94d81bbddbd2e.gif" data-mid="243971574" border="0" src="https://freight.cargo.site/w/800/i/c8e6c3042c99f080466b02e04fdd0498cb67ff5e997eee0f1d3b005f4456a202/ezgif-37d94d81bbddbd2e.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/96254d82fb8b82f62b29f99f56ed8b7dafc84954720591e2d7fbfab47a321324/ezgif-367c3a5289757de9.gif" data-mid="243971576" border="0" src="https://freight.cargo.site/w/800/i/96254d82fb8b82f62b29f99f56ed8b7dafc84954720591e2d7fbfab47a321324/ezgif-367c3a5289757de9.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/8180161a9c1d08e1cb36dc9a5c302d16f171dca042ac0a06cf3bbe7490b1ff41/ezgif-3fe2fcb8107eb39e.gif" data-mid="243971740" border="0" src="https://freight.cargo.site/w/800/i/8180161a9c1d08e1cb36dc9a5c302d16f171dca042ac0a06cf3bbe7490b1ff41/ezgif-3fe2fcb8107eb39e.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/bb5416db935b43c6b7b122ea03da0fafbeff047dfa3f2b4ccc53b5cbbd4f41c7/ezgif-39446b708f70738a.gif" data-mid="243971741" border="0" src="https://freight.cargo.site/w/800/i/bb5416db935b43c6b7b122ea03da0fafbeff047dfa3f2b4ccc53b5cbbd4f41c7/ezgif-39446b708f70738a.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/ebd8ee8f7706810c33dd5ad8df1632b9ecf491746d78ea7e47e3a7ad72e5de33/ezgif-3717a3c687737e7e.gif" data-mid="243971850" border="0" src="https://freight.cargo.site/w/800/i/ebd8ee8f7706810c33dd5ad8df1632b9ecf491746d78ea7e47e3a7ad72e5de33/ezgif-3717a3c687737e7e.gif" />Logo animationIn parallel, I explored multiple logo animation directions, testing different reveal logics and rhythms. Through iteration, we landed on a final behavior that felt confident, modern, and system-driven, while still connected to the brand’s inner energy. <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a0edc43088127748bd4a100b0a28deb4d5f3aacb41788e4a038bb655f679a269/Butterfly-Spin_03.gif" data-mid="243972153" border="0" src="https://freight.cargo.site/w/1000/i/a0edc43088127748bd4a100b0a28deb4d5f3aacb41788e4a038bb655f679a269/Butterfly-Spin_03.gif" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8df11bf63647c7e32772b9764985937cdb306ee9b63f07eb363d79b954004825/Logo-to-Star_040925_02.gif" data-mid="243972154" border="0" src="https://freight.cargo.site/w/1000/i/8df11bf63647c7e32772b9764985937cdb306ee9b63f07eb363d79b954004825/Logo-to-Star_040925_02.gif" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9b7537ba48ddcef987fc02d2ed8f993040ccdf694ea86db46b43ccd8f3f1d825/Logo-to-Star_040925_05.gif" data-mid="243972156" border="0" src="https://freight.cargo.site/w/1000/i/9b7537ba48ddcef987fc02d2ed8f993040ccdf694ea86db46b43ccd8f3f1d825/Logo-to-Star_040925_05.gif" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d6780b037c209df4f896121ef5362a420de8323ca18d0bcd5c44aea985bdddac/Logo-to-Star_040925_04.gif" data-mid="243972155" border="0" src="https://freight.cargo.site/w/1000/i/d6780b037c209df4f896121ef5362a420de8323ca18d0bcd5c44aea985bdddac/Logo-to-Star_040925_04.gif" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f8fdd0de69c6d4c8c0e5fb795b6a87d4b676d059673aa4ab9176071a43219818/Logo-to-Star_040925_06.gif" data-mid="243972157" border="0" src="https://freight.cargo.site/w/1000/i/f8fdd0de69c6d4c8c0e5fb795b6a87d4b676d059673aa4ab9176071a43219818/Logo-to-Star_040925_06.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ba6ba8fdc0a44e9346cbe3491793f705d8a6b3045e51a0212e81d783c9dfc33a/Logo---Text_220925_BG_02.gif" data-mid="243972161" border="0" src="https://freight.cargo.site/w/1000/i/ba6ba8fdc0a44e9346cbe3491793f705d8a6b3045e51a0212e81d783c9dfc33a/Logo---Text_220925_BG_02.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/43af2e12e4e4deae514465cd3d716f1293cd223e262ade0f9d9d3ce3298e3d1a/Logo---Text_10-10-25_01.gif" data-mid="243972160" border="0" src="https://freight.cargo.site/w/1000/i/43af2e12e4e4deae514465cd3d716f1293cd223e262ade0f9d9d3ce3298e3d1a/Logo---Text_10-10-25_01.gif" /> Product launch video The main deliverable was a 45-second product launch video with narration. This piece brings the full system together: the gradient engine, structured motion language, typography, logo behavior, and product moments.I designed and animated the film to feel cinematic and product-forward, while letting the underlying energy of the brand drive the emotional tone. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/fced939ccf7ff10144a3f9f215f23f65cab2cd0a6f6701ad65fae1ccea99ec86/ezgif-2d324633444245a2.gif" data-mid="243972192" border="0" src="https://freight.cargo.site/w/800/i/fced939ccf7ff10144a3f9f215f23f65cab2cd0a6f6701ad65fae1ccea99ec86/ezgif-2d324633444245a2.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/5640d635f6fed39bc75df26e70804d68b226858f3de145a8af54419750d56d0e/ezgif-2c300f0cade9e83e.gif" data-mid="243972193" border="0" src="https://freight.cargo.site/w/800/i/5640d635f6fed39bc75df26e70804d68b226858f3de145a8af54419750d56d0e/ezgif-2c300f0cade9e83e.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/0856a3a37edfd41626956faa365c7eb7d2073b446cfbfc632d6df4ed783c8e1b/ezgif-268cb836d9e3f4bf.gif" data-mid="243972195" border="0" src="https://freight.cargo.site/w/800/i/0856a3a37edfd41626956faa365c7eb7d2073b446cfbfc632d6df4ed783c8e1b/ezgif-268cb836d9e3f4bf.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/49b3883ad36f837f7b42833145494a4f89245318536dd2f0c0b23884723e01fa/ezgif-206a2044bd4efa9f.gif" data-mid="243972197" border="0" src="https://freight.cargo.site/w/800/i/49b3883ad36f837f7b42833145494a4f89245318536dd2f0c0b23884723e01fa/ezgif-206a2044bd4efa9f.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/63847cc1ed2c17b0ca8df88828eadb0dcb794aa0df5498d94bd08a6478dc4ae8/ezgif-2a37f02b914f74b6.gif" data-mid="243972198" border="0" src="https://freight.cargo.site/w/800/i/63847cc1ed2c17b0ca8df88828eadb0dcb794aa0df5498d94bd08a6478dc4ae8/ezgif-2a37f02b914f74b6.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/1da57c06852eb67ac331c2eca7f630f232c0c24770992e0ce4ea5097f3e6d4db/ezgif-274cd1370d69d943.gif" data-mid="243972200" border="0" src="https://freight.cargo.site/w/800/i/1da57c06852eb67ac331c2eca7f630f232c0c24770992e0ce4ea5097f3e6d4db/ezgif-274cd1370d69d943.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/2c17998118113d027ed03fa2037ca61ef942e49ff2549c9b9da925342e9677f8/ezgif-25868bc6169b23c5.gif" data-mid="243972204" border="0" src="https://freight.cargo.site/w/800/i/2c17998118113d027ed03fa2037ca61ef942e49ff2549c9b9da925342e9677f8/ezgif-25868bc6169b23c5.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/eabd22b038262976f0733167daa44289b9d534bf64b283d0d65533b26e7a2da8/ezgif-245ea736a7053877.gif" data-mid="243972205" border="0" src="https://freight.cargo.site/w/800/i/eabd22b038262976f0733167daa44289b9d534bf64b283d0d65533b26e7a2da8/ezgif-245ea736a7053877.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/9dbc9832baae2db50ffe071bfe15d2a4755fce29a62e369db51aff201c765f35/ezgif-22894bb255bab154.gif" data-mid="243972267" border="0" src="https://freight.cargo.site/w/800/i/9dbc9832baae2db50ffe071bfe15d2a4755fce29a62e369db51aff201c765f35/ezgif-22894bb255bab154.gif" /> Social posts and supporting assets Alongside the launch film, I animated supporting motion assets and social pieces, extending the system into modular formats and ensuring the rebrand lived across multiple touchpoints. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/27c2b367c905a61ed7e53e3ea15ad5f7cbe1cf32ffc1783dfb30c1d834bbdd1b/ezgif-4ddd4046ae2b9c4f.gif" data-mid="243972275" border="0" src="https://freight.cargo.site/w/800/i/27c2b367c905a61ed7e53e3ea15ad5f7cbe1cf32ffc1783dfb30c1d834bbdd1b/ezgif-4ddd4046ae2b9c4f.gif" /> Credits Motion design, design, and animation: Or DroriBrand lead: Ruth MaromBrand design: Eyal ChowersSpecial thanks: Hagar BrockmannSound: Ilai SchwebelVoice over: Erin CoxClient: AppsFlyer https://ordrori.com/Alta Tue, 09 Jun 2026 08:25:03 +0000 ordrori.com https://ordrori.com/Alta Alta We (Me and collaborator motion designer - Maayan Erlich) collaborated with Alta on a new product video created alongside their rebrand — a system designed to rethink how companies approach go-to-market.Alta builds a unified engine for outbound growth, helping teams reach the right audience, act at the right time, and continuously learn from performance. Our challenge was translating that into a visual language that feels as dynamic and intelligent as the product itself. We leaned into Alta’s gradient-driven identity — lilac, purple, blue, and pink — and built a world that moves between abstraction and clarity. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/613ad34e2695e5b772b6cd60e340512c2e349aea95bb488ba31dc93ee761abea/Alta_Edit_04-0-01-24-23.png" data-mid="249267392" border="0" src="https://freight.cargo.site/w/1000/i/613ad34e2695e5b772b6cd60e340512c2e349aea95bb488ba31dc93ee761abea/Alta_Edit_04-0-01-24-23.png" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/55b499b2fc3c3db2207c2db66bf1224372c2a884352f89b6ad369bb208e555cc/ezgif-70188abd9130a580.gif" data-mid="249267396" border="0" src="https://freight.cargo.site/w/1000/i/55b499b2fc3c3db2207c2db66bf1224372c2a884352f89b6ad369bb208e555cc/ezgif-70188abd9130a580.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/c9e9f4572cc8ee4b94eb97cdc3d2e831ed1e1a35f8bff87015c64ee37e24cf07/ezgif-581c9cce563ddc76.gif" data-mid="249267395" border="0" src="https://freight.cargo.site/w/1000/i/c9e9f4572cc8ee4b94eb97cdc3d2e831ed1e1a35f8bff87015c64ee37e24cf07/ezgif-581c9cce563ddc76.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/fc39f47ad7c79e7ec03ef76d8a4006c0d04bb3afb0cb2d86b08d94713230c2de/ezgif-514d707707729247.gif" data-mid="249267400" border="0" src="https://freight.cargo.site/w/1000/i/fc39f47ad7c79e7ec03ef76d8a4006c0d04bb3afb0cb2d86b08d94713230c2de/ezgif-514d707707729247.gif" />Style frames and early explorationswe aimed to visualize the "unified engine" concept. We experimented with a language that balances clean UI with high-energy motion, transforming abstract data flows into precise, dynamic visual movements that reflect the platform's intelligence. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a10f6997776969ef0959c434a97bdf4a2ed611966503e1864274610378bcc480/Artboard-20-copy.png" data-mid="249267403" border="0" src="https://freight.cargo.site/w/1000/i/a10f6997776969ef0959c434a97bdf4a2ed611966503e1864274610378bcc480/Artboard-20-copy.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5dcea5f5038e06dcd2f2e561225713f513bea6ad942e4de07035fef7e5b8a067/Artboard-26.png" data-mid="249267404" border="0" src="https://freight.cargo.site/w/1000/i/5dcea5f5038e06dcd2f2e561225713f513bea6ad942e4de07035fef7e5b8a067/Artboard-26.png" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/1ab50a38b79043bf0aadb87c576f3f34428e6f1bcab4d2f0fa327d210a244155/ezgif-5cf8f9c946afc7e7.gif" data-mid="249267410" border="0" src="https://freight.cargo.site/w/1000/i/1ab50a38b79043bf0aadb87c576f3f34428e6f1bcab4d2f0fa327d210a244155/ezgif-5cf8f9c946afc7e7.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9ab3ed74f85baa26e6316e799288e257b9eb3e31670758319ccbec276d441b4a/Shot-2---globe-20.jpg" data-mid="249267422" border="0" src="https://freight.cargo.site/w/1000/i/9ab3ed74f85baa26e6316e799288e257b9eb3e31670758319ccbec276d441b4a/Shot-2---globe-20.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fedf860e841ecc5c26dbd82046647d93d0f7fecf94fd42844aa522f2f84202d4/Shot_Suddenly_030.jpg" data-mid="249267468" border="0" src="https://freight.cargo.site/w/1000/i/fedf860e841ecc5c26dbd82046647d93d0f7fecf94fd42844aa522f2f84202d4/Shot_Suddenly_030.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9f9e31133b35b6e3bbc43e9df886204a0a11c0f2434ca192a162794ab78baefe/Design-Alta_ME_v04-06.jpg" data-mid="249267426" border="0" src="https://freight.cargo.site/w/1000/i/9f9e31133b35b6e3bbc43e9df886204a0a11c0f2434ca192a162794ab78baefe/Design-Alta_ME_v04-06.jpg" /><img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/fe00fbb817ddeb1954000694926a45ccfe7b266276c6b1b6af819279bc481a6c/Artboard-40.png" data-mid="249267424" border="0" src="https://freight.cargo.site/w/1000/i/fe00fbb817ddeb1954000694926a45ccfe7b266276c6b1b6af819279bc481a6c/Artboard-40.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/411be98af88587d369d213ae02a8711480baf8e23816543d5c885b5cdada3f41/Shot_Suddenly_020.jpg" data-mid="249267467" border="0" src="https://freight.cargo.site/w/1000/i/411be98af88587d369d213ae02a8711480baf8e23816543d5c885b5cdada3f41/Shot_Suddenly_020.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/656d522c7c4d7953f8e765a1f51b262fa92195762ae126bc4a92948ebe0fff15/ezgif-75c03349169cb4dd.gif" data-mid="249794749" border="0" src="https://freight.cargo.site/w/1000/i/656d522c7c4d7953f8e765a1f51b262fa92195762ae126bc4a92948ebe0fff15/ezgif-75c03349169cb4dd.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/1b9773e1f0fbf26fcb58c4299fb2ad592d22ffadb2c122b5214a55210c8a217e/ezgif-52d3437ba8578088.gif" data-mid="249794988" border="0" src="https://freight.cargo.site/w/1000/i/1b9773e1f0fbf26fcb58c4299fb2ad592d22ffadb2c122b5214a55210c8a217e/ezgif-52d3437ba8578088.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/4860bd01dd2b23116a6f9792839ddb024012fb2a17df75d65a400810607a7723/ezgif-5774ab5835a089f0.gif" data-mid="249794986" border="0" src="https://freight.cargo.site/w/1000/i/4860bd01dd2b23116a6f9792839ddb024012fb2a17df75d65a400810607a7723/ezgif-5774ab5835a089f0.gif" /> CreditsCreative Direction, Design &amp; Animation: MO Creative Studio — Or Drori &amp; Maayan ErlichMusic &amp; SFX Mix: @talavitalAlta TeamHead of GTM &nbsp;Elina PapernayaHead of Brand Gal Bulka<img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/01940e4efd2c201c74c90259e2863fca7c037e72b8c2be909dad18af89a67a93/ending-ezgif.com-video-to-gif-converter.gif" data-mid="249794990" border="0" src="https://freight.cargo.site/w/800/i/01940e4efd2c201c74c90259e2863fca7c037e72b8c2be909dad18af89a67a93/ending-ezgif.com-video-to-gif-converter.gif" /> https://ordrori.com/Shapes-A-Day-in-HR Fri, 26 Jun 2026 13:31:57 +0000 ordrori.com https://ordrori.com/Shapes-A-Day-in-HR Shapes - A Day in HR This brand film for Shapes follows the pace of an HR professional's day through a mix of office imagery, UI, notifications, and motion. The visual language combines disposable-camera-style photography with clean interface elements, typography, and playful interactions. Fast editing and lightweight UI keep the focus on the voiceover while reflecting the constant flow of messages, meetings, and interruptions that define the workday. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/4e0384b535780a451f1806a7c1fc1595532e04d7103413a01c5ea084a85399bc/ezgif-224485611c0ef159.gif" data-mid="249873815" border="0" src="https://freight.cargo.site/w/1000/i/4e0384b535780a451f1806a7c1fc1595532e04d7103413a01c5ea084a85399bc/ezgif-224485611c0ef159.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/9c98c4d345d3d56490719a2efa45b0b2a2892427ea9d9db4468fa714db9b5ebe/ezgif-2c110b0523665568.gif" data-mid="249873806" border="0" src="https://freight.cargo.site/w/1000/i/9c98c4d345d3d56490719a2efa45b0b2a2892427ea9d9db4468fa714db9b5ebe/ezgif-2c110b0523665568.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/60d77a5c35903092b0fec4cddaebeb1071b509cd22d310dbe5ca17a67b235ca5/ezgif-292c0bd3756d5bda.gif" data-mid="249873810" border="0" src="https://freight.cargo.site/w/1000/i/60d77a5c35903092b0fec4cddaebeb1071b509cd22d310dbe5ca17a67b235ca5/ezgif-292c0bd3756d5bda.gif" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/90205c0e841060c1d6df35ddd8aa4f886cc1e61f86faaa1dba8a64e6a2847f8f/ezgif-26eb5fa05c627d63.gif" data-mid="249873851" border="0" src="https://freight.cargo.site/w/1000/i/90205c0e841060c1d6df35ddd8aa4f886cc1e61f86faaa1dba8a64e6a2847f8f/ezgif-26eb5fa05c627d63.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/0ddc498d7d22a8dab300dc78a2c25a919df6ec574237cbeb2a92e6575e53e9ee/ezgif-296811c30d0008b8.gif" data-mid="249873807" border="0" src="https://freight.cargo.site/w/1000/i/0ddc498d7d22a8dab300dc78a2c25a919df6ec574237cbeb2a92e6575e53e9ee/ezgif-296811c30d0008b8.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/eda94f20bd16a865e2441bcae9b59fcbb8841dfa99256c0365b60282dace4356/ezgif-2d418ac5f16b3740.gif" data-mid="249873814" border="0" src="https://freight.cargo.site/w/1000/i/eda94f20bd16a865e2441bcae9b59fcbb8841dfa99256c0365b60282dace4356/ezgif-2d418ac5f16b3740.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/1cb63be5836874f61891c9dc18428a9074df4d045dc06c2c8b28add560e5a5ab/ezgif-214edcc2ea06b57c.gif" data-mid="249873808" border="0" src="https://freight.cargo.site/w/1000/i/1cb63be5836874f61891c9dc18428a9074df4d045dc06c2c8b28add560e5a5ab/ezgif-214edcc2ea06b57c.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/36b8b264f75704107440514b35042640f2ac0a90503c3b04edb1d961a11fe93b/ezgif-23d547f31159324e.gif" data-mid="249873886" border="0" src="https://freight.cargo.site/w/1000/i/36b8b264f75704107440514b35042640f2ac0a90503c3b04edb1d961a11fe93b/ezgif-23d547f31159324e.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/eb55381b057b06f09f48c47d2b7b3c1d9e58cc7b432b8429859486d3a84af514/ezgif-21765eb83212710e.gif" data-mid="249873809" border="0" src="https://freight.cargo.site/w/1000/i/eb55381b057b06f09f48c47d2b7b3c1d9e58cc7b432b8429859486d3a84af514/ezgif-21765eb83212710e.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/1202a806adb70d33370af4b1ca0a78eff740e6b0e4055338eee6ebdc97f833b0/ezgif-2c7c1179b7ab1d05.gif" data-mid="249873889" border="0" src="https://freight.cargo.site/w/1000/i/1202a806adb70d33370af4b1ca0a78eff740e6b0e4055338eee6ebdc97f833b0/ezgif-2c7c1179b7ab1d05.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/15819744044812f77818a7ccf5482031d9572805bb15942c7a5d8a9efd95f77a/ezgif-29387ebef21bed8c.gif" data-mid="249873888" border="0" src="https://freight.cargo.site/w/1000/i/15819744044812f77818a7ccf5482031d9572805bb15942c7a5d8a9efd95f77a/ezgif-29387ebef21bed8c.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/c78c0924589974071a480de13b64da0414a1f9f6e9c2449f3109ba4d87bd4339/ezgif-277926620f77c20d.gif" data-mid="249873891" border="0" src="https://freight.cargo.site/w/1000/i/c78c0924589974071a480de13b64da0414a1f9f6e9c2449f3109ba4d87bd4339/ezgif-277926620f77c20d.gif" /> Credits Creative Direction, Design &amp; Animation MO Creative Studio | Or Drori &amp; Maayan ErlichMusic &amp; SFX Mix @talavitalShapes team: @yuval____hadar @rotemfisch, @ronieschar, @shiri.lalush https://ordrori.com/Artlist-Toolkit-Studio Sun, 25 Jan 2026 04:58:15 +0000 ordrori.com https://ordrori.com/Artlist-Toolkit-Studio Artlist Toolkit &amp; Artlist Studio I collaborated, along with Maayan Erlich with Artlist on two product films showcasing their latest AI tools and future-facing workflows.Both videos explore a slick, glassy visual language paired with expressive AI-generated imagery, designed to communicate power, control, and creative freedom through motion. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/e849d263871d73b9f178125a0325eee9527d95a363b3bc3ed1b470023ecd4bb9/ezgif-34f5b2473fe785de.gif" data-mid="247831505" border="0" src="https://freight.cargo.site/w/1000/i/e849d263871d73b9f178125a0325eee9527d95a363b3bc3ed1b470023ecd4bb9/ezgif-34f5b2473fe785de.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/f39844be4d561b2ad97c7e82b7743f08aa0e1ff464d02affeb0a97fc8e62cd82/ezgif-31024282bc598c8a.gif" data-mid="247831507" border="0" src="https://freight.cargo.site/w/1000/i/f39844be4d561b2ad97c7e82b7743f08aa0e1ff464d02affeb0a97fc8e62cd82/ezgif-31024282bc598c8a.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/59daca9c32da3bb752838dff8758e2cc1158103aa2cf02881d6c1cc5192999ae/ezgif-57d707cd31d76f46.gif" data-mid="243927658" border="0" src="https://freight.cargo.site/w/800/i/59daca9c32da3bb752838dff8758e2cc1158103aa2cf02881d6c1cc5192999ae/ezgif-57d707cd31d76f46.gif" />Artlist Studio looks ahead at a future product focused on cinematic storytelling through AI.This video leans more heavily into narrative, abstraction, and atmosphere while still staying grounded in UI and product logic.The film opens with stylized title moments before moving into floating UI sequences that echo the same glassy, glowing language. From there, we introduce a concrete use case showing how creators can control characters, locations, scenes, lighting, camera lenses, art direction, makeup, and hairstyling with ease.A big part of the process was crafting a compelling use case and integrating it with bold graphic elements and heavy VFX, all working together to express the feeling of creative control and cinematic possibility. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/c8821f4bcf42de062c466d59df3421c578f4e6c701c5854b579861dda72a06b3/ezgif-1539ea14224eccb0.gif" data-mid="247831554" border="0" src="https://freight.cargo.site/w/1000/i/c8821f4bcf42de062c466d59df3421c578f4e6c701c5854b579861dda72a06b3/ezgif-1539ea14224eccb0.gif" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/98abbf7f943c5361c84c5da897f3f029f7f525e938a1c073017a69770fbad8c2/ezgif-521422e08f8ef32e.gif" data-mid="243927661" border="0" src="https://freight.cargo.site/w/800/i/98abbf7f943c5361c84c5da897f3f029f7f525e938a1c073017a69770fbad8c2/ezgif-521422e08f8ef32e.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/3d0732e3e937096516ca19aa39c1eae6a82a1d0dfb9ce995aadcfb73d2d4c075/ezgif-56b2c775fc8d9916.gif" data-mid="243927662" border="0" src="https://freight.cargo.site/w/800/i/3d0732e3e937096516ca19aa39c1eae6a82a1d0dfb9ce995aadcfb73d2d4c075/ezgif-56b2c775fc8d9916.gif" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/264e4a40b4feac7b5344e24a0c8754d3e54251441e49c3ad4c3a1d34ec309d11/ezgif-1cb773401ef19abc.gif" data-mid="247831556" border="0" src="https://freight.cargo.site/w/1000/i/264e4a40b4feac7b5344e24a0c8754d3e54251441e49c3ad4c3a1d34ec309d11/ezgif-1cb773401ef19abc.gif" /> Artlist ToolkitArtlist Toolkit introduces a new AI generation platform built for speed, flexibility, and creative control.Our goal was to design a dynamic flow that demonstrates how users can guide AI outputs from prompting through editing, replacements, and final video creation.We developed a fast, energetic rhythm that highlights the full feature set while keeping everything intuitive and approachable. Glass-like UI elements, soft glows, and fluid gradients reinforce the sense of simplicity and “AI magic” behind the scenes.It was a pleasure animating this platform and working with the wide range of footage we curated and scripted, blending real assets with AI-generated visuals to create a seamless, polished experience. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/54b18caa277c49b54b9d677dc6bc6a2d8553b3fd1d5f400fe2951fd88e045b91/ezgif-53ff1435f66abe51.gif" data-mid="243927663" border="0" src="https://freight.cargo.site/w/800/i/54b18caa277c49b54b9d677dc6bc6a2d8553b3fd1d5f400fe2951fd88e045b91/ezgif-53ff1435f66abe51.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/327729abd19ffb7b840b50aa0612303800dcd83c28889f6de6ac0cb9ae454a09/ezgif-56629db42542fa99.gif" data-mid="243927664" border="0" src="https://freight.cargo.site/w/800/i/327729abd19ffb7b840b50aa0612303800dcd83c28889f6de6ac0cb9ae454a09/ezgif-56629db42542fa99.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/55fea2ab3e2a7007a0dbf9395370f7e1b594bc0f81adcec4bf5000400259c405/Artlist_Studio_Short_8-ezgif.com-video-to-gif-converter.gif" data-mid="247831500" border="0" src="https://freight.cargo.site/w/1000/i/55fea2ab3e2a7007a0dbf9395370f7e1b594bc0f81adcec4bf5000400259c405/Artlist_Studio_Short_8-ezgif.com-video-to-gif-converter.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8318b84ebea017f10fc9b3b817fcd85145bba214c4d43106d9cdb8d8c93e34b1/Imag2.png" data-mid="247831541" border="0" src="https://freight.cargo.site/w/1000/i/8318b84ebea017f10fc9b3b817fcd85145bba214c4d43106d9cdb8d8c93e34b1/Imag2.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/dd5a301003c0a3a59169bc9d3c7d3306d7978d9cb05bb784ddccbf37d831bf14/Imag10.png" data-mid="247831549" border="0" src="https://freight.cargo.site/w/1000/i/dd5a301003c0a3a59169bc9d3c7d3306d7978d9cb05bb784ddccbf37d831bf14/Imag10.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ab149d927b0aa746375a04de98107aaf36a3cc0afa64e45abb95c33839d860a1/Imag1.png" data-mid="247831518" border="0" src="https://freight.cargo.site/w/1000/i/ab149d927b0aa746375a04de98107aaf36a3cc0afa64e45abb95c33839d860a1/Imag1.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5e6daf7395c2b99f3352d99975ad3f672b7d5bcd6028b9934b4b2739d9f2d1ed/Imag5.png" data-mid="247831544" border="0" src="https://freight.cargo.site/w/1000/i/5e6daf7395c2b99f3352d99975ad3f672b7d5bcd6028b9934b4b2739d9f2d1ed/Imag5.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6e33cb407a9dad000af033a8b55e074eb07bc2d079efc76c76a67fc205b28c90/Cover.png" data-mid="247831509" border="0" src="https://freight.cargo.site/w/1000/i/6e33cb407a9dad000af033a8b55e074eb07bc2d079efc76c76a67fc205b28c90/Cover.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0e9a28fdd83819348c613c208dae0646b1b3abd9e6e5e0a5de985e8b71cc39b6/Imag6.png" data-mid="247831545" border="0" src="https://freight.cargo.site/w/1000/i/0e9a28fdd83819348c613c208dae0646b1b3abd9e6e5e0a5de985e8b71cc39b6/Imag6.png" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/912d0666c96035ba741d3fbbcd5edf44a122bd3798f41cb0a53367ff08b24f40/ezgif-5f4a7c8497520be9.gif" data-mid="243927665" border="0" src="https://freight.cargo.site/w/800/i/912d0666c96035ba741d3fbbcd5edf44a122bd3798f41cb0a53367ff08b24f40/ezgif-5f4a7c8497520be9.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/744dd8792a6b9349a8f0d218804930daa2a535bc5a7895d1e947aba19c8528a8/ezgif-558cba59c38f0aef.gif" data-mid="243927668" border="0" src="https://freight.cargo.site/w/800/i/744dd8792a6b9349a8f0d218804930daa2a535bc5a7895d1e947aba19c8528a8/ezgif-558cba59c38f0aef.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/6dc694d0594115a6845255e13861ca8e3ab03e99acc674ec02ae3aa3461d028d/ezgif-577380966f12365f.gif" data-mid="243927666" border="0" src="https://freight.cargo.site/w/800/i/6dc694d0594115a6845255e13861ca8e3ab03e99acc674ec02ae3aa3461d028d/ezgif-577380966f12365f.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/b88eaf40c4fd6717469337916d393b042a05ead26aeb3a27194265ccceb07716/ezgif-1a911ac5c8bcf682.gif" data-mid="247831594" border="0" src="https://freight.cargo.site/w/1000/i/b88eaf40c4fd6717469337916d393b042a05ead26aeb3a27194265ccceb07716/ezgif-1a911ac5c8bcf682.gif" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/f35da7d5485f102a474056a2b1f50f943dad26e12068bfe7d938176a6c6fda95/Artlist_Studio_Short_9-ezgif.com-video-to-gif-converter.gif" data-mid="247831499" border="0" src="https://freight.cargo.site/w/1000/i/f35da7d5485f102a474056a2b1f50f943dad26e12068bfe7d938176a6c6fda95/Artlist_Studio_Short_9-ezgif.com-video-to-gif-converter.gif" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/e18a741760277e77b993ba53e7a7ac26a51e8b5889386961af5c70cf63dda3a5/ezgif-5e36c6b57bc1a431.gif" data-mid="243927669" border="0" src="https://freight.cargo.site/w/800/i/e18a741760277e77b993ba53e7a7ac26a51e8b5889386961af5c70cf63dda3a5/ezgif-5e36c6b57bc1a431.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/b28e3dbbda1e9d5248a9c9a1423c4ae210287f836f41437811bfa2d62ade5707/ezgif-54a523291b744eb1.gif" data-mid="243927671" border="0" src="https://freight.cargo.site/w/800/i/b28e3dbbda1e9d5248a9c9a1423c4ae210287f836f41437811bfa2d62ade5707/ezgif-54a523291b744eb1.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/a70e6d9dc493dd0e612c1a691b2e6b6e8661321ab44017ff44e7f443ed0449f1/ezgif-5891d8d032f3506d.gif" data-mid="243927670" border="0" src="https://freight.cargo.site/w/800/i/a70e6d9dc493dd0e612c1a691b2e6b6e8661321ab44017ff44e7f443ed0449f1/ezgif-5891d8d032f3506d.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1a5afb0b16a9bb0f10218bf9e135e4e582ace3f11198a807d0385c8f666bf734/Artlist_Studio_Animation_07-0-00-07-18.jpg" data-mid="243927672" border="0" src="https://freight.cargo.site/w/1000/i/1a5afb0b16a9bb0f10218bf9e135e4e582ace3f11198a807d0385c8f666bf734/Artlist_Studio_Animation_07-0-00-07-18.jpg" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/7075e08f8b2f10eafd59f02572503eed944748d0f0b33c55573d0b95cb036979/ezgif-5e69b99ca5869c6a.gif" data-mid="243927673" border="0" src="https://freight.cargo.site/w/800/i/7075e08f8b2f10eafd59f02572503eed944748d0f0b33c55573d0b95cb036979/ezgif-5e69b99ca5869c6a.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/48c2fad89e9b5ac052eeabebe416576fd535a222576716fafd825309b6d22491/ezgif-58199fb96109889e.gif" data-mid="243927677" border="0" src="https://freight.cargo.site/w/800/i/48c2fad89e9b5ac052eeabebe416576fd535a222576716fafd825309b6d22491/ezgif-58199fb96109889e.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/d6554e06e606288257fb11024ee2f02ed0d8b979f228a16319562365a58be828/ezgif-5a2466cc0e75986a.gif" data-mid="243927676" border="0" src="https://freight.cargo.site/w/800/i/d6554e06e606288257fb11024ee2f02ed0d8b979f228a16319562365a58be828/ezgif-5a2466cc0e75986a.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/6abbf7d1873eba9911c079ef13f3a7432de3836373edfee04b9fe89b5a4ebbdc/ezgif-5c99cc21637d0a5e.gif" data-mid="243927675" border="0" src="https://freight.cargo.site/w/800/i/6abbf7d1873eba9911c079ef13f3a7432de3836373edfee04b9fe89b5a4ebbdc/ezgif-5c99cc21637d0a5e.gif" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/16ddbbfe2cf4bf2557eddcea7ee6837182a78a4e0180c7f1e453c68cece06dbc/Shot-12-0-00-00-08.jpg" data-mid="243927678" border="0" src="https://freight.cargo.site/w/1000/i/16ddbbfe2cf4bf2557eddcea7ee6837182a78a4e0180c7f1e453c68cece06dbc/Shot-12-0-00-00-08.jpg" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/c44a1a677d5bac929bcbc54f35df564395edb170ea536955d5d9e8ab5c88fb11/ezgif-5bf236948a863f23.gif" data-mid="243927674" border="0" src="https://freight.cargo.site/w/800/i/c44a1a677d5bac929bcbc54f35df564395edb170ea536955d5d9e8ab5c88fb11/ezgif-5bf236948a863f23.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b0078f96841955a8447fa0b3510fb9cd77e65e91dc7d133508103f8b2f80274c/Artlist-Toolkit_Edit_10-0-00-32-20.jpg" data-mid="243927680" border="0" src="https://freight.cargo.site/w/1000/i/b0078f96841955a8447fa0b3510fb9cd77e65e91dc7d133508103f8b2f80274c/Artlist-Toolkit_Edit_10-0-00-32-20.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a570af1494466389136fe6a9f4dfb9c1304df46a5d22af5c12236180d9b66345/Artlist-Toolkit_Edit_10-0-00-33-04.jpg" data-mid="243927679" border="0" src="https://freight.cargo.site/w/1000/i/a570af1494466389136fe6a9f4dfb9c1304df46a5d22af5c12236180d9b66345/Artlist-Toolkit_Edit_10-0-00-33-04.jpg" /> UI Language &amp; Interaction Design For the UI, we leaned heavily into a glass-based visual language. Translucent layers sit on top of footage, subtly refracting the imagery with chromatic aberration to create a slick, precise look. The cursor behaves like a glowing, magical orb that moves fluidly across the screen, its smoky glow gently disturbing and warping whatever it passes over rather than revealing it.When interacting with the interface, a colorful, electric yet soft glow spreads through the UI, reinforcing the sense of AI-powered magic that defines the project. The glass language remains consistent across contexts, working seamlessly over live footage, in dark limbo spaces, and across stacked layers, maintaining clarity while adding depth and polish. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/a2534c057a6ac873f6f157e7e6a456ea4f4c41a3b39d50966f437bdccc0c8674/ezgif-55572ed08b28a342.gif" data-mid="243927714" border="0" src="https://freight.cargo.site/w/800/i/a2534c057a6ac873f6f157e7e6a456ea4f4c41a3b39d50966f437bdccc0c8674/ezgif-55572ed08b28a342.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/552130e1fae1688c8dd888eb3b75a5c77b71081634f84d49119b5ab40ae841ff/ezgif-55bf0c4e4a255c04.gif" data-mid="243927713" border="0" src="https://freight.cargo.site/w/800/i/552130e1fae1688c8dd888eb3b75a5c77b71081634f84d49119b5ab40ae841ff/ezgif-55bf0c4e4a255c04.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/a0b30f5cac456a2830934f0944f1649b73aa0ec26813ab85953617dbe5e91563/ezgif-52e7151ecb1c54b0.gif" data-mid="243927716" border="0" src="https://freight.cargo.site/w/800/i/a0b30f5cac456a2830934f0944f1649b73aa0ec26813ab85953617dbe5e91563/ezgif-52e7151ecb1c54b0.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9f6ff3a4de7c3a514d35769dd8c524877c54aa535bd68ed15b9e9d0a5f3beec2/Artlist_Studio_Animation_07-0-00-57-06.jpg" data-mid="243927718" border="0" src="https://freight.cargo.site/w/1000/i/9f6ff3a4de7c3a514d35769dd8c524877c54aa535bd68ed15b9e9d0a5f3beec2/Artlist_Studio_Animation_07-0-00-57-06.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/4b240920307131991d04baeddbb28118443d07177bbbd89bb626da60f186be15/Artlist_Studio_Animation_07-0-00-53-09.jpg" data-mid="243927719" border="0" src="https://freight.cargo.site/w/1000/i/4b240920307131991d04baeddbb28118443d07177bbbd89bb626da60f186be15/Artlist_Studio_Animation_07-0-00-53-09.jpg" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/45ed42a259821feb423bcb3321d3bbcb8110da77a4c02f22def41dfbd07ec7d9/ezgif-5de62978ae5cb94f.gif" data-mid="243927720" border="0" src="https://freight.cargo.site/w/800/i/45ed42a259821feb423bcb3321d3bbcb8110da77a4c02f22def41dfbd07ec7d9/ezgif-5de62978ae5cb94f.gif" />As part of the visual development, we explored a range of motion and VFX behaviors before locking the final look. Animation was treated as a core design tool, shaping the visual language alongside the style frames.Many decisions around timing and interaction were discovered directly inside After Effects through motion tests, from UI toggles and micro-interactions to cursor movement and glass elements interacting with footage.Below are selected motion tests that informed the final direction of the films. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/909bf197ea48c5a77f28d592778d1947dcbadfe7dc403918603cc235d22524ad/EndButton_01-ezgif.com-video-to-gif-converter.gif" data-mid="243927726" border="0" src="https://freight.cargo.site/w/800/i/909bf197ea48c5a77f28d592778d1947dcbadfe7dc403918603cc235d22524ad/EndButton_01-ezgif.com-video-to-gif-converter.gif" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/f1717aa7b75183c9fc71910cefdea2f04e51976a7e5dda04af9cd294db2c03cd/Image20to20Video20Toggle_04.gif" data-mid="243927723" border="0" src="https://freight.cargo.site/w/800/i/f1717aa7b75183c9fc71910cefdea2f04e51976a7e5dda04af9cd294db2c03cd/Image20to20Video20Toggle_04.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/766a507fc7be91fe7a60bba9a591836e1444fce020ec390c7b2f8e2a6e5e4bc1/ezgif-1537a6762b11234a.gif" data-mid="243927722" border="0" src="https://freight.cargo.site/w/800/i/766a507fc7be91fe7a60bba9a591836e1444fce020ec390c7b2f8e2a6e5e4bc1/ezgif-1537a6762b11234a.gif" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/40696140dd122f6833420d1adcf290b0a3aeaecd2a31a6da0f1c63cafbb2b546/Footagespin3d_03-ezgif.com-video-to-gif-converter.gif" data-mid="243927725" border="0" src="https://freight.cargo.site/w/800/i/40696140dd122f6833420d1adcf290b0a3aeaecd2a31a6da0f1c63cafbb2b546/Footagespin3d_03-ezgif.com-video-to-gif-converter.gif" /> CreditsCreative Direction, Design &amp; Animation:&nbsp; MO Creative Studio Or Drori &amp; Maayan Erlich Music &amp; SFX Mix: Tal Avital Artlist Team:Head of Creative:&nbsp; Liran Friedman | Producer: Lilach Cohen Creative Team:Dror Strom, Nitai Baruch, Aviad Chai, Itzik Cohen, Sivan Matievitch, Itamar Leopold <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/c7ab917173af8c755b404d03ba1f562f06c38f433a5adabc417b1f9e33b0b7ca/ezgif-5b84988193946392.gif" data-mid="243928678" border="0" data-scale="66" src="https://freight.cargo.site/w/800/i/c7ab917173af8c755b404d03ba1f562f06c38f433a5adabc417b1f9e33b0b7ca/ezgif-5b84988193946392.gif" /> https://ordrori.com/Base44 Mon, 04 May 2026 14:56:55 +0000 ordrori.com https://ordrori.com/Base44 <img width="1921" height="635" width_o="1921" height_o="635" data-src="https://freight.cargo.site/t/original/i/e6c350d4726ded7bdde0dd35bb2a6f922fbfa4e3f41deaca8e5f851e1faecf67/Artboard-1-copy-4-100.jpg" data-mid="247847235" border="0" src="https://freight.cargo.site/w/1000/i/e6c350d4726ded7bdde0dd35bb2a6f922fbfa4e3f41deaca8e5f851e1faecf67/Artboard-1-copy-4-100.jpg" /> Base44 | The Superagent I recently had the pleasure of collaborating (with long time collaborator- Maayan Erlich) with the team at Wix Motion Studio on a new piece for Base44—an innovative platform that enables users to build full applications and AI agents through simple natural language descriptions. Our contribution focused on a pivotal short sequence for the "Superagent." The goal was to create a seamless transition that felt both organic and technical. We executed a "minimalist timelapse" concept—blending sharp, UI-driven design elements into a shifting atmosphere that moves from the depths of night into a bright, clean, gradient-based system language. <img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/1d98eec50753f2c25a9a52cdbc8f147b9157fe100e031a78f639de3380feda76/Artboard-2-copy-14-100.jpg" data-mid="247847401" border="0" src="https://freight.cargo.site/w/1000/i/1d98eec50753f2c25a9a52cdbc8f147b9157fe100e031a78f639de3380feda76/Artboard-2-copy-14-100.jpg" /><img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/0fb1e3245493f4ca029384dface968c0fb4465f56f95b76d4e83f3da16a43ff1/Artboard-2-copy-8-100.jpg" data-mid="247847403" border="0" src="https://freight.cargo.site/w/1000/i/0fb1e3245493f4ca029384dface968c0fb4465f56f95b76d4e83f3da16a43ff1/Artboard-2-copy-8-100.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/355041100ef315b608ee27f4234b2731cf09916b87ca815c9116b9eba1626ed2/Shot-10.jpg" data-mid="247847395" border="0" src="https://freight.cargo.site/w/1000/i/355041100ef315b608ee27f4234b2731cf09916b87ca815c9116b9eba1626ed2/Shot-10.jpg" /><img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/039fdeb614214d285cdbaace5f0d8fe550c2209a023b078efd59f10ba52947fa/Artboard-2-copy-11-100.jpg" data-mid="247847399" border="0" src="https://freight.cargo.site/w/1000/i/039fdeb614214d285cdbaace5f0d8fe550c2209a023b078efd59f10ba52947fa/Artboard-2-copy-11-100.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/0f1c270e947c7b885fa1f5a8a922dff26edec7f39da6f864613279ba2fadc73f/MatchCuts-ezgif.com-video-to-gif-converter.gif" data-mid="247847925" border="0" src="https://freight.cargo.site/w/1000/i/0f1c270e947c7b885fa1f5a8a922dff26edec7f39da6f864613279ba2fadc73f/MatchCuts-ezgif.com-video-to-gif-converter.gif" /> All of our experiments and iterations lead to this moment. Below, you can view the final video that encapsulates the entire vision of the project.<img width="1921" height="1080" width_o="1921" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a6d092076d3a229a9c828117df15bb65536a739a5fbf73cbd46ada90c7a94d94/Artboard-1-copy-2-100.jpg" data-mid="247848232" border="0" src="https://freight.cargo.site/w/1000/i/a6d092076d3a229a9c828117df15bb65536a739a5fbf73cbd46ada90c7a94d94/Artboard-1-copy-2-100.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e4a70f4d62054babfc6754af501f973f5a695ab55511f1dfa9210d921a334631/Artboard-1-100.jpg" data-mid="247848202" border="0" src="https://freight.cargo.site/w/1000/i/e4a70f4d62054babfc6754af501f973f5a695ab55511f1dfa9210d921a334631/Artboard-1-100.jpg" /><img width="1920" height="1081" width_o="1920" height_o="1081" data-src="https://freight.cargo.site/t/original/i/bae1401ffd92a7684bb068f3a4fe4901ad730378b467eb6838714c420e2e6b4a/Artboard-18-100.jpg" data-mid="247848211" border="0" src="https://freight.cargo.site/w/1000/i/bae1401ffd92a7684bb068f3a4fe4901ad730378b467eb6838714c420e2e6b4a/Artboard-18-100.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/af1d53ff19bbbb0068aafd5228d93e8f93370360a0da228b012dd500ccd5052a/Artboard-11-100.jpg" data-mid="247848209" border="0" src="https://freight.cargo.site/w/1000/i/af1d53ff19bbbb0068aafd5228d93e8f93370360a0da228b012dd500ccd5052a/Artboard-11-100.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f1919b6e3ebb6440571bfb3b82c1fc7b7ce941377ca5a0c913404381eac7e2b5/Artboard-3-100.jpg" data-mid="247848204" border="0" src="https://freight.cargo.site/w/1000/i/f1919b6e3ebb6440571bfb3b82c1fc7b7ce941377ca5a0c913404381eac7e2b5/Artboard-3-100.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/14882a816b9e156e026d3d43474aecd63004f54b749d6adf9844a924cb023c9e/Artboard-4-100.jpg" data-mid="247848205" border="0" src="https://freight.cargo.site/w/1000/i/14882a816b9e156e026d3d43474aecd63004f54b749d6adf9844a924cb023c9e/Artboard-4-100.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6916200eae127a70d39442f0e18ade5be3e8ef9ac8928326767c22f7b3217229/Artboard-8-100.jpg" data-mid="247848208" border="0" src="https://freight.cargo.site/w/1000/i/6916200eae127a70d39442f0e18ade5be3e8ef9ac8928326767c22f7b3217229/Artboard-8-100.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8cd7a8d38fbbb172b0a1299554e92503256301d30d23dd7bccbe71a5493d441d/Artboard-2-100.jpg" data-mid="247848203" border="0" src="https://freight.cargo.site/w/1000/i/8cd7a8d38fbbb172b0a1299554e92503256301d30d23dd7bccbe71a5493d441d/Artboard-2-100.jpg" /><img width="1920" height="1081" width_o="1920" height_o="1081" data-src="https://freight.cargo.site/t/original/i/3bfb57f639e6529f7f6246144db56533faea598574cab9dfaf2e9b30fe775dbe/Artboard-16-100.jpg" data-mid="247848210" border="0" src="https://freight.cargo.site/w/1000/i/3bfb57f639e6529f7f6246144db56533faea598574cab9dfaf2e9b30fe775dbe/Artboard-16-100.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7c3645b00449663b1a250cb6d171018db994c01514ac56e0e47c63e434cdd254/Artboard-5-100.jpg" data-mid="247848206" border="0" src="https://freight.cargo.site/w/1000/i/7c3645b00449663b1a250cb6d171018db994c01514ac56e0e47c63e434cdd254/Artboard-5-100.jpg" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/74f4d2865453516cb2071adb9d8b7129d6d9c30d464715c0820ebdd03320328d/Timlapseloop-ezgif.com-video-to-gif-converter.gif" data-mid="247848239" border="0" src="https://freight.cargo.site/w/800/i/74f4d2865453516cb2071adb9d8b7129d6d9c30d464715c0820ebdd03320328d/Timlapseloop-ezgif.com-video-to-gif-converter.gif" /><img width="1921" height="1080" width_o="1921" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c789189957e555282b2cfe6e7c6446be2608a0319e6230107efdbb6cc3dc9a9e/Artboard-1-copy-100.jpg" data-mid="247848244" border="0" src="https://freight.cargo.site/w/1000/i/c789189957e555282b2cfe6e7c6446be2608a0319e6230107efdbb6cc3dc9a9e/Artboard-1-copy-100.jpg" /> Project Credits Creative director &amp; Animation &amp; Design: Or Drori, Maayan Erlich. Base44 Team: Creative Direction: Shira Nathan | Art Direction: Sivan Fiterman | Animation Director: Maayan Tzuriel | Design: Ruthie Yarmolinsky, Daniel Muallem, Anna Kolysheva, Rino Avidar, Ori Cohen, Animation: Yoram Allouche, Dean Naim, Yotam Dolev, Gur Margalit, Or Drori, Maayan Erlich | 3D &amp; AI: Oshri Hatuel, Elad Naim | Sound Design: Tal Avital | Content: Adi Trudler | Producer: Orian Chaiout https://ordrori.com/LottieFiles-Case-Study Sun, 24 May 2026 06:19:25 +0000 ordrori.com https://ordrori.com/LottieFiles-Case-Study LottieFiles Case Study: Designit × Leumi Bank In collaboration with Designit, I led animation on a set of ~50 UI Lottie icons for Leumi Bank’s mobile app — a project recently featured by LottieFiles as a case study. The goal was to build a motion language that feels lightweight, clear, and cohesive across the product, while still leaving room for small moments of personality throughout the experience. Rather than relying on repetitive motion patterns, each icon was approached according to its role — balancing consistency with subtle variations in timing, movement, and behavior. Built in After Effects using Bodymovin and the LottieFiles plugin, the animations were designed specifically for mobile product integration and tested throughout the process using the LottieFiles preview player. To present the work, I also designed a series of editorial-style compositions that frame the animations within bold typographic layouts, giving the system additional context outside the app itself. Full LottieFiles case study:https://lottiefiles.com/case-studies/designit-x-leumi-bank <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/e801d2bd4e5ed104a21990f38e8fd332ec520f93a1b7be1f23554079bf08bb66/1.gif" data-mid="248682325" border="0" src="https://freight.cargo.site/w/1000/i/e801d2bd4e5ed104a21990f38e8fd332ec520f93a1b7be1f23554079bf08bb66/1.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/e899b7afe44744e538cb9f7f39997850ba3c245ae3c672aa07f66b0148ffeead/2.gif" data-mid="248682327" border="0" src="https://freight.cargo.site/w/1000/i/e899b7afe44744e538cb9f7f39997850ba3c245ae3c672aa07f66b0148ffeead/2.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/dbecb25846565c5ed2c8a17517114f4f7a9b9b5e9c71b3b1ab77e8f626d048d7/4.gif" data-mid="248682330" border="0" src="https://freight.cargo.site/w/1000/i/dbecb25846565c5ed2c8a17517114f4f7a9b9b5e9c71b3b1ab77e8f626d048d7/4.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/adfede861bd4607dc3f07d1cf0edf97fb30eaa276480993bc3462ce4f5185b95/3.gif" data-mid="248682329" border="0" src="https://freight.cargo.site/w/1000/i/adfede861bd4607dc3f07d1cf0edf97fb30eaa276480993bc3462ce4f5185b95/3.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/91797e5838abb4bf378c615f608b7699e22961be147f447bd77b348312f21ae3/5.gif" data-mid="248682331" border="0" src="https://freight.cargo.site/w/1000/i/91797e5838abb4bf378c615f608b7699e22961be147f447bd77b348312f21ae3/5.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/c588c7a90803c983a468ee9a933474f184074dbb32f51437aaff8a2292790ed1/ezgif-8057477560ca7a7c.gif" data-mid="248682356" border="0" src="https://freight.cargo.site/w/800/i/c588c7a90803c983a468ee9a933474f184074dbb32f51437aaff8a2292790ed1/ezgif-8057477560ca7a7c.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/1e87686f005b45c79a47c00b94b814cd09263a9be1bdd593148f34e221c1e700/7.gif" data-mid="248682332" border="0" src="https://freight.cargo.site/w/1000/i/1e87686f005b45c79a47c00b94b814cd09263a9be1bdd593148f34e221c1e700/7.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/a9178bcb51d10676a7ca8f5b2a85119e392381b693953ec7d6f35760ac33d1a6/8.gif" data-mid="248682333" border="0" src="https://freight.cargo.site/w/1000/i/a9178bcb51d10676a7ca8f5b2a85119e392381b693953ec7d6f35760ac33d1a6/8.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/3f9317ba9171650e1f75ba49b5f4dfc8e1aa49d9e2fe21f38911949bdfa21a94/ezgif-69a24179a9c0600e.gif" data-mid="248682355" border="0" src="https://freight.cargo.site/w/800/i/3f9317ba9171650e1f75ba49b5f4dfc8e1aa49d9e2fe21f38911949bdfa21a94/ezgif-69a24179a9c0600e.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/9aa256cda2fb496c4d9d9e0e30cb4596eba623f174947f5d6786062c82145eb8/6.gif" data-mid="248682334" border="0" src="https://freight.cargo.site/w/1000/i/9aa256cda2fb496c4d9d9e0e30cb4596eba623f174947f5d6786062c82145eb8/6.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/47d232af35ba8d4cfd7c015d6964975095ed96bdbd7950fd54e779659b1f540e/9.gif" data-mid="248682354" border="0" src="https://freight.cargo.site/w/1000/i/47d232af35ba8d4cfd7c015d6964975095ed96bdbd7950fd54e779659b1f540e/9.gif" /> <img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/fc078de1b2322f7272a234ca6248126a2d424ac02c56cccb28e21396fe2c8105/10.gif" data-mid="248682421" border="0" src="https://freight.cargo.site/w/1000/i/fc078de1b2322f7272a234ca6248126a2d424ac02c56cccb28e21396fe2c8105/10.gif" />Client - Leumi BankCreative - Studio DesignitLead Creative - Tal GruberIllustration - Adi HenanMotion &amp; Presentation Design - Or Drori https://ordrori.com/Figma-x-Weave-Timeline Mon, 04 May 2026 03:58:48 +0000 ordrori.com https://ordrori.com/Figma-x-Weave-Timeline Figma Weave Timeline I partnered, along with Maayan Erlich with Figma Weave to explore the Weave Timeline - their built-in space for editing AI-generated video inside the workflow.The idea was to show how much a scene can shift through editing alone. Same characters, same setup, same world - swap a single shot and the tone flips from tense, cinematic suspense into something awkward, funny, and unexpectedly sweet. Visually, we leaned into a 70s-80s creature-feature aesthetic with a practical-effects feel to steer away from the typical AI look - rubber suits, simple lighting, grounded performances, slightly muted tones. Something tactile and familiar.Building on a previous collaboration, we kept this one more concise - simplifying parts of the UI and focusing the visual language. From there, we treated it like a film: casting characters and locations, shaping a lead with an early-80s feel, and building an office setting that could hold both versions of the story. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/3f02008650ecbdb93c63ac0b8cbeb64180203eb2de98d62fbb11db12b78b217f/5-ezgif.com-video-to-gif-converter.gif" data-mid="247831301" border="0" src="https://freight.cargo.site/w/1000/i/3f02008650ecbdb93c63ac0b8cbeb64180203eb2de98d62fbb11db12b78b217f/5-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/aacbb9720740f1b5c3b9bb0477d65c917b7a2eeaa704cb9b88476664bb24ca56/3-ezgif.com-video-to-gif-converter.gif" data-mid="247831303" border="0" src="https://freight.cargo.site/w/1000/i/aacbb9720740f1b5c3b9bb0477d65c917b7a2eeaa704cb9b88476664bb24ca56/3-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/2869ad2e0193464e9670b504398313645a8e0ce1aa69d97fc85142adb704205d/1-ezgif.com-video-to-gif-converter.gif" data-mid="247831302" border="0" src="https://freight.cargo.site/w/1000/i/2869ad2e0193464e9670b504398313645a8e0ce1aa69d97fc85142adb704205d/1-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/15e447b26b20d4a80eb539bb2180c4a7206bb4709af02a7af63e0674f4b32fdb/2-ezgif.com-video-to-gif-converter.gif" data-mid="247831304" border="0" src="https://freight.cargo.site/w/1000/i/15e447b26b20d4a80eb539bb2180c4a7206bb4709af02a7af63e0674f4b32fdb/2-ezgif.com-video-to-gif-converter.gif" />We also created a series of bloopers and b-roll moments around the party - awkward speeches, cake mishaps, strange coworker energy - using Weave to push and reshape timing and tone directly in the timeline. <img width="2560" height="1424" width_o="2560" height_o="1424" data-src="https://freight.cargo.site/t/original/i/a95dc8a759b27a54bc4067c481c9cb8b611c81a73ed91fb5503a1389ce3e194d/untitled_Flux-2-Pro_2026-03-30_15-10-27.png" data-mid="247831308" border="0" src="https://freight.cargo.site/w/1000/i/a95dc8a759b27a54bc4067c481c9cb8b611c81a73ed91fb5503a1389ce3e194d/untitled_Flux-2-Pro_2026-03-30_15-10-27.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e12c277a14567e2fd586c17a8b8f11ae2f96e1852cfb7f8d44b56430a0d6cfac/Artboard-1-100.jpg" data-mid="247831316" border="0" src="https://freight.cargo.site/w/1000/i/e12c277a14567e2fd586c17a8b8f11ae2f96e1852cfb7f8d44b56430a0d6cfac/Artboard-1-100.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/a6e330f0fd2200372b4cb613428dd8f696599013f9e28a68e5bef7ce9347bafc/ezgif-31dad9256c940129.gif" data-mid="247831470" border="0" src="https://freight.cargo.site/w/1000/i/a6e330f0fd2200372b4cb613428dd8f696599013f9e28a68e5bef7ce9347bafc/ezgif-31dad9256c940129.gif" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/6997a82c2db4918e397c716f0ad3a5135b05aa207e36c8bf7974cdae4cd8bfb4/untitled_Kling3_2026-04-02_12-43-08-ezgif.com-video-to-gif-converter.gif" data-mid="247831318" border="0" src="https://freight.cargo.site/w/800/i/6997a82c2db4918e397c716f0ad3a5135b05aa207e36c8bf7974cdae4cd8bfb4/untitled_Kling3_2026-04-02_12-43-08-ezgif.com-video-to-gif-converter.gif" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/51d79f4c92ca120b37c1e3524f4d712c845b2c4d499b8c53c55bd4806b736d23/untitled_Kling3_2026-04-01_13-52-47-ezgif.com-video-to-gif-converter.gif" data-mid="247831317" border="0" src="https://freight.cargo.site/w/800/i/51d79f4c92ca120b37c1e3524f4d712c845b2c4d499b8c53c55bd4806b736d23/untitled_Kling3_2026-04-01_13-52-47-ezgif.com-video-to-gif-converter.gif" /> <img width="736" height="1072" width_o="736" height_o="1072" data-src="https://freight.cargo.site/t/original/i/a136b8ffe2bed30f3ec539e94472c3f5229da3229196fd1258aba502263373de/Flux-2-Pro_0003.png" data-mid="247831331" border="0" src="https://freight.cargo.site/w/736/i/a136b8ffe2bed30f3ec539e94472c3f5229da3229196fd1258aba502263373de/Flux-2-Pro_0003.png" /><img width="736" height="1072" width_o="736" height_o="1072" data-src="https://freight.cargo.site/t/original/i/9a6c32b17966ba96a6b7898e3cc6acd5f68005669858acba5926ea51ab797026/Flux-2-Pro_0005.png" data-mid="247831337" border="0" src="https://freight.cargo.site/w/736/i/9a6c32b17966ba96a6b7898e3cc6acd5f68005669858acba5926ea51ab797026/Flux-2-Pro_0005.png" /> <img width="496" height="640" width_o="496" height_o="640" data-src="https://freight.cargo.site/t/original/i/c108a0d31f2a24a8ea7cda48e120842fe6137bfb1152c26db660334a59aee781/untitled_Flux-2-Pro_2026-03-29_09-05-02.png" data-mid="247831339" border="0" src="https://freight.cargo.site/w/496/i/c108a0d31f2a24a8ea7cda48e120842fe6137bfb1152c26db660334a59aee781/untitled_Flux-2-Pro_2026-03-29_09-05-02.png" /><img width="736" height="1072" width_o="736" height_o="1072" data-src="https://freight.cargo.site/t/original/i/1970b0083363209be2e926b5c7017d18e8fe42866d5391f9900e84543f8f099f/Flux-2-Pro_0001.png" data-mid="247831328" border="0" src="https://freight.cargo.site/w/736/i/1970b0083363209be2e926b5c7017d18e8fe42866d5391f9900e84543f8f099f/Flux-2-Pro_0001.png" /> <img width="576" height="1024" width_o="576" height_o="1024" data-src="https://freight.cargo.site/t/original/i/112d4f1be6b9e4fd1d4f64969f68d44dcd2292a216e1a04d6b2b22d35db9cea3/Flux-2-Dev-LoRA_0004.png" data-mid="247831327" border="0" src="https://freight.cargo.site/w/576/i/112d4f1be6b9e4fd1d4f64969f68d44dcd2292a216e1a04d6b2b22d35db9cea3/Flux-2-Dev-LoRA_0004.png" /><img width="1024" height="1024" width_o="1024" height_o="1024" data-src="https://freight.cargo.site/t/original/i/a63f39021285a3e9cc569ce3ee601322e86ee43f62bca581b068a1f259833e8d/Flux-2-Dev-LoRA_0001.png" data-mid="247831326" border="0" src="https://freight.cargo.site/w/1000/i/a63f39021285a3e9cc569ce3ee601322e86ee43f62bca581b068a1f259833e8d/Flux-2-Dev-LoRA_0001.png" /> <img width="736" height="1072" width_o="736" height_o="1072" data-src="https://freight.cargo.site/t/original/i/2db77142cb3ff58cabaabfc58b24d1c2e44c7f08e69b66ec8622aae13b24f610/Flux-2-Pro_0002.png" data-mid="247831330" border="0" src="https://freight.cargo.site/w/736/i/2db77142cb3ff58cabaabfc58b24d1c2e44c7f08e69b66ec8622aae13b24f610/Flux-2-Pro_0002.png" /><img width="928" height="1152" width_o="928" height_o="1152" data-src="https://freight.cargo.site/t/original/i/1bc50a874622f516af4c635658a403e192b87c7536582ea6899c5772138d982d/Gemini-3-Nano-Banana-Pro_0004.png" data-mid="247831338" border="0" src="https://freight.cargo.site/w/928/i/1bc50a874622f516af4c635658a403e192b87c7536582ea6899c5772138d982d/Gemini-3-Nano-Banana-Pro_0004.png" /> <img width="800" height="441" width_o="800" height_o="441" data-src="https://freight.cargo.site/t/original/i/3adde8a76c9ce464f30abc32537e4dee04841c9358f9f98b0282f782bc5274b9/untitled_Kling3_2026-04-03_18-29-12-ezgif.com-video-to-gif-converter.gif" data-mid="247831342" border="0" src="https://freight.cargo.site/w/800/i/3adde8a76c9ce464f30abc32537e4dee04841c9358f9f98b0282f782bc5274b9/untitled_Kling3_2026-04-03_18-29-12-ezgif.com-video-to-gif-converter.gif" /> <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/fa44825a62e60957bcfc66ed45c2bc673e4de7a7a680128f26b1eb92e1b1a79c/untitled_Flux-2-Pro_2026-03-29_10-51-55.png" data-mid="247831350" border="0" src="https://freight.cargo.site/w/1000/i/fa44825a62e60957bcfc66ed45c2bc673e4de7a7a680128f26b1eb92e1b1a79c/untitled_Flux-2-Pro_2026-03-29_10-51-55.png" /> <img width="1376" height="768" width_o="1376" height_o="768" data-src="https://freight.cargo.site/t/original/i/e11f12961ed8540e33eddd9bad1939dc379c874e654361855e8ee40b503def9b/untitled_Gemini-3-Nano-Banana-Pro_2026-03-29_10-53-06.png" data-mid="247831347" border="0" src="https://freight.cargo.site/w/1000/i/e11f12961ed8540e33eddd9bad1939dc379c874e654361855e8ee40b503def9b/untitled_Gemini-3-Nano-Banana-Pro_2026-03-29_10-53-06.png" /> <img width="1376" height="768" width_o="1376" height_o="768" data-src="https://freight.cargo.site/t/original/i/4c201c18586c06f5cb34f0745cef4e2bc6459563b9447a29808b66b881f10ac9/untitled_Gemini-3-Nano-Banana-Pro_2026-03-29_10-53-00.png" data-mid="247831348" border="0" src="https://freight.cargo.site/w/1000/i/4c201c18586c06f5cb34f0745cef4e2bc6459563b9447a29808b66b881f10ac9/untitled_Gemini-3-Nano-Banana-Pro_2026-03-29_10-53-00.png" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/cab028f3185274c6e90ac69ca88065831b729f97da40b88a490c359fa4684205/ezgif-5eedff95bf64dbcd.gif" data-mid="247831353" border="0" src="https://freight.cargo.site/w/1000/i/cab028f3185274c6e90ac69ca88065831b729f97da40b88a490c359fa4684205/ezgif-5eedff95bf64dbcd.gif" /> <img width="800" height="444" width_o="800" height_o="444" data-src="https://freight.cargo.site/t/original/i/57d90e4fe793e12170eeaa706e289684c0f27d1eed08a155139ba5ca36dfcf41/untitled_Kling3_2026-04-01_13-36-57-ezgif.com-video-to-gif-converter.gif" data-mid="247831352" border="0" src="https://freight.cargo.site/w/800/i/57d90e4fe793e12170eeaa706e289684c0f27d1eed08a155139ba5ca36dfcf41/untitled_Kling3_2026-04-01_13-36-57-ezgif.com-video-to-gif-converter.gif" /> <img width="480" height="688" width_o="480" height_o="688" data-src="https://freight.cargo.site/t/original/i/35d58c3d8fb84e25f02ffb6f92239f6de3a1ee932877233e481ca3a8af98e3e3/untitled_Flux-2-Pro_2026-03-29_09-03-10.png" data-mid="247831354" border="0" src="https://freight.cargo.site/w/480/i/35d58c3d8fb84e25f02ffb6f92239f6de3a1ee932877233e481ca3a8af98e3e3/untitled_Flux-2-Pro_2026-03-29_09-03-10.png" /> <img width="480" height="688" width_o="480" height_o="688" data-src="https://freight.cargo.site/t/original/i/8720e90a3dbae672d6036dfc4d8460a943e447af30a4a5026f5f854aefd908dd/untitled_Flux-2-Pro_2026-03-29_09-03-23.png" data-mid="247831355" border="0" src="https://freight.cargo.site/w/480/i/8720e90a3dbae672d6036dfc4d8460a943e447af30a4a5026f5f854aefd908dd/untitled_Flux-2-Pro_2026-03-29_09-03-23.png" /> <img width="480" height="688" width_o="480" height_o="688" data-src="https://freight.cargo.site/t/original/i/4491c84ea0de013e593b41766329bda2bd85f4123b88df1fea032f83f266d940/untitled_Flux-2-Pro_2026-03-29_09-03-28.png" data-mid="247831356" border="0" src="https://freight.cargo.site/w/480/i/4491c84ea0de013e593b41766329bda2bd85f4123b88df1fea032f83f266d940/untitled_Flux-2-Pro_2026-03-29_09-03-28.png" /> CreditsCreative Direction &amp; Motion &amp; Design: Mo Creative Studio, Or Drori,&nbsp;Maayan ErlichStudio: MO Creative StudioClient: Figma WeaveSound Design and Mix: Tal Avital https://ordrori.com/Island-x-AI Sun, 24 May 2026 07:09:42 +0000 ordrori.com https://ordrori.com/Island-x-AI Island x AI: Seamless Integration The AI landscape is currently fragmented, forcing users to jump between terminal windows, ChatGPT, and various AI agents. For Island.io, we set out to visualize a different reality: a world where these disparate tools are consolidated into a single, cohesive browser experience. Motion Guided by UITo create a seamless experience, we used the browser’s own interface to drive the animation. Instead of standard cuts, the motion follows the logic of the software:Integrated Transitions: We used the UI’s sidebars and tabs as the "anchor" for every camera move, making the transitions between different AI tools feel like one continuous journey.Contextual Vibes: Whether moving through a technical Terminal or the ChatGPT interface, every environment stays locked within the Island frame to keep the story focused.Interactive Pace: Every animation is triggered by a UI action—like a click or a window opening—to ensure the motion feels snappy, intentional, and grounded in the product. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/09b27a3e8cdb35fbbb622726b6189dad61388e78f59f410b9267a45b48d440d1/ezgif-6c89f67728c4e35a.gif" data-mid="248682579" border="0" src="https://freight.cargo.site/w/800/i/09b27a3e8cdb35fbbb622726b6189dad61388e78f59f410b9267a45b48d440d1/ezgif-6c89f67728c4e35a.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/3edfa62bb25089b7418b8f55bad8f805ae7de4f3815a64907615b38ff6eca3e8/ezgif-6a0c29b44e39f166.gif" data-mid="248682582" border="0" src="https://freight.cargo.site/w/800/i/3edfa62bb25089b7418b8f55bad8f805ae7de4f3815a64907615b38ff6eca3e8/ezgif-6a0c29b44e39f166.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/19e209b85e5cfbd84b019771e6f42ec12ce3ba09089da9c5d0bd8a557c5daad3/5.jpg" data-mid="248682560" border="0" src="https://freight.cargo.site/w/1000/i/19e209b85e5cfbd84b019771e6f42ec12ce3ba09089da9c5d0bd8a557c5daad3/5.jpg" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/229f0721a857d4abf153a799b4726627781c51fe4bf097a090ef45eb0279075d/ezgif-6b18af2361bbe13f.gif" data-mid="248682580" border="0" src="https://freight.cargo.site/w/800/i/229f0721a857d4abf153a799b4726627781c51fe4bf097a090ef45eb0279075d/ezgif-6b18af2361bbe13f.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/98e05e30588c3470c8df5f4976ce16ebdbab300fd41e9c90ae759356a25d451f/ezgif-67b43303c1b87009.gif" data-mid="248682581" border="0" src="https://freight.cargo.site/w/800/i/98e05e30588c3470c8df5f4976ce16ebdbab300fd41e9c90ae759356a25d451f/ezgif-67b43303c1b87009.gif" /> <img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/cd72ae3a66c97fe3cd445a8ff4e5b438a68e2ebb73a8748f97ee25d04f9d85d4/6.jpg" data-mid="248682562" border="0" src="https://freight.cargo.site/w/1000/i/cd72ae3a66c97fe3cd445a8ff4e5b438a68e2ebb73a8748f97ee25d04f9d85d4/6.jpg" /> CreditsCreative Direction,&nbsp;Design&nbsp;&amp;&nbsp;Animation&nbsp;MO&nbsp;Creative&nbsp;Studio&nbsp;|&nbsp;Or&nbsp;Drori&nbsp;&amp;&nbsp;Maayan&nbsp;ErlichMusic &amp;&nbsp;SFX&nbsp;Mix @ilaischwebelIsland.io Creative&nbsp;Team: @tami_ozsinay | @shanivigo | @tomchen.inc https://ordrori.com/Everlaw Fri, 13 Feb 2026 06:03:43 +0000 ordrori.com https://ordrori.com/Everlaw Everlaw – Discover the DifferenceOver the past two years, we’ve been working closely with Everlaw on their ongoing brand campaign Discover the Difference. What began as a request to create a set of TV spots highlighting key platform features evolved into a long-term collaboration focused on defining how the Everlaw brand behaves in motion.Together with my creative partner Maayan Erlich, we developed a growing library of videos, modular assets, and motion systems that now shape how the brand communicates across platforms. Everlaw is a cloud-based platform for litigation and investigations, built to help legal teams uncover insights quickly and collaborate more effectively. The Discover the Difference campaign was designed to highlight what sets Everlaw apart, while keeping the tone clear, calm, and human. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/fd64c7a20b2d09569eb76026448547faad3531adbc013f49a1a53fe0087ee4c6/ezgif-6-0ff8f30777.gif" data-mid="244780895" border="0" src="https://freight.cargo.site/w/800/i/fd64c7a20b2d09569eb76026448547faad3531adbc013f49a1a53fe0087ee4c6/ezgif-6-0ff8f30777.gif" />The Hero Video &amp; the Hand The first piece we created was the campaign’s hero video, which introduced a key element that carried through the entire project: the hand. Designed to add warmth and human presence, the hand interacted with typography and UI elements - holding words, pulling bars, triggering chain reactions, and guiding attention. This initial design became the foundation for all future variations.&nbsp;Across more than 12 videos, the hand evolved into a recognizable storytelling device, appearing in different forms and interactions while maintaining a consistent visual logic. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/6890e6ee886666fc0c2cd54c002935a6d865b1099910f8a94a3e0785e5cb0ff5/ezgif-6-2fbbe3ad04.gif" data-mid="244780896" border="0" src="https://freight.cargo.site/w/800/i/6890e6ee886666fc0c2cd54c002935a6d865b1099910f8a94a3e0785e5cb0ff5/ezgif-6-2fbbe3ad04.gif" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/335e78f6a72476c48168f4a17e7f3adb542a99effe4821542b59b4913407f60d/ezgif-6-0fe7bd717c.gif" data-mid="244780902" border="0" src="https://freight.cargo.site/w/800/i/335e78f6a72476c48168f4a17e7f3adb542a99effe4821542b59b4913407f60d/ezgif-6-0fe7bd717c.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/6af29efa9ba45631d7701a49eac6c202632c41b562d8bae1881b5c3dc1a91466/ezgif-6-c8e6b05455.gif" data-mid="244780899" border="0" src="https://freight.cargo.site/w/800/i/6af29efa9ba45631d7701a49eac6c202632c41b562d8bae1881b5c3dc1a91466/ezgif-6-c8e6b05455.gif" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/5d7b6abac97e4e1b2be52479fa4d8079158aabd64c553fb872116a52167f5759/ezgif-6-540cb25e7d.gif" data-mid="244780897" border="0" src="https://freight.cargo.site/w/800/i/5d7b6abac97e4e1b2be52479fa4d8079158aabd64c553fb872116a52167f5759/ezgif-6-540cb25e7d.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/9447e9e3d4cb47521dedae7e702cd1551d2a4ace6aee583b385d2703b6b833a4/ezgif-6-b633e6773e.gif" data-mid="244780901" border="0" src="https://freight.cargo.site/w/800/i/9447e9e3d4cb47521dedae7e702cd1551d2a4ace6aee583b385d2703b6b833a4/ezgif-6-b633e6773e.gif" /><img width="2564" height="1080" width_o="2564" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f8ce81e5596154e1402a48f76ffd7e5d9ab5982df01e28a24a3fc69ad0d44537/Artboard-1-100.jpg" data-mid="244780912" border="0" src="https://freight.cargo.site/w/1000/i/f8ce81e5596154e1402a48f76ffd7e5d9ab5982df01e28a24a3fc69ad0d44537/Artboard-1-100.jpg" /> Brand → Motion Everlaw’s visual identity gave us a strong foundation: a light parchment beige base, paired with vibrant accent colors and the Brown typeface. Our task was to translate this system into motion in a way that felt confident, approachable, and consistent.Since illustration wasn’t a core part of the brand, we created a new set of minimal, iconic visuals inspired by UI and everyday digital objects - search bars, keyboards, cursors, magnifying glasses, and interface elements. These simple shapes became the building blocks of the campaign’s motion language. <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/f6d359d2ece64bd02ec1aed243b86758eb33420cbedef20cef84615d6b2ba601/ezgif-5-705a24bf25.gif" data-mid="244780904" border="0" src="https://freight.cargo.site/w/800/i/f6d359d2ece64bd02ec1aed243b86758eb33420cbedef20cef84615d6b2ba601/ezgif-5-705a24bf25.gif" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/6a46496312a779ed940b4502c7026489d0548d82933b406c8b58e9318b06a778/ezgif-5-a7b5514efb.gif" data-mid="244780905" border="0" src="https://freight.cargo.site/w/800/i/6a46496312a779ed940b4502c7026489d0548d82933b406c8b58e9318b06a778/ezgif-5-a7b5514efb.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ac82b430ce9225cc25e5443d7b4f4c8883c3475795498b4832f3d4c50186d396/Graphic-elemnts.jpg" data-mid="244780907" border="0" src="https://freight.cargo.site/w/1000/i/ac82b430ce9225cc25e5443d7b4f4c8883c3475795498b4832f3d4c50186d396/Graphic-elemnts.jpg" /> Collaboration &amp; Process Each video began with copy and a clear feature focus. From there, we translated the ideas into storyboards, shaping the visual narrative and motion concepts. Those storyboards then guided the design and animation, allowing us to refine pacing, interaction, and clarity from concept to final delivery. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/69d063b50cb785c23584d61d03bcca09db324fd87cbc65138287cceb28f5483e/Artboard-1-copy-7.png" data-mid="244780921" border="0" src="https://freight.cargo.site/w/1000/i/69d063b50cb785c23584d61d03bcca09db324fd87cbc65138287cceb28f5483e/Artboard-1-copy-7.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/431c6bfe90c23e697464f0eba91c9f2e0f6373185d3eff2fe79b2832c2dc715b/Artboard-1-copy-34.png" data-mid="244780927" border="0" src="https://freight.cargo.site/w/1000/i/431c6bfe90c23e697464f0eba91c9f2e0f6373185d3eff2fe79b2832c2dc715b/Artboard-1-copy-34.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/4f8c72f38cb1a189018d0b28911ed4d217b5974e5a4b040a9f02bfef6770e19b/Artboard-1-copy-53.png" data-mid="244780929" border="0" src="https://freight.cargo.site/w/1000/i/4f8c72f38cb1a189018d0b28911ed4d217b5974e5a4b040a9f02bfef6770e19b/Artboard-1-copy-53.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e74f6951d60f346d9c413c958f7ca3449faa91bc5fec4453e332f3f0be6d1855/Artboard-1-copy-9.png" data-mid="244780923" border="0" src="https://freight.cargo.site/w/1000/i/e74f6951d60f346d9c413c958f7ca3449faa91bc5fec4453e332f3f0be6d1855/Artboard-1-copy-9.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/84bb5cefa1ca47f79588efb6b9cd7e3cd33048a0f7121203c0cbcc3edad1432c/Artboard-1-copy-28.png" data-mid="244780925" border="0" src="https://freight.cargo.site/w/1000/i/84bb5cefa1ca47f79588efb6b9cd7e3cd33048a0f7121203c0cbcc3edad1432c/Artboard-1-copy-28.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8fcf627c1c30e9593cdd412d09abba40d43e6860682038575f650597822e5890/Artboard-1-copy-32.png" data-mid="244780926" border="0" src="https://freight.cargo.site/w/1000/i/8fcf627c1c30e9593cdd412d09abba40d43e6860682038575f650597822e5890/Artboard-1-copy-32.png" /><img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/585c0fc9cb3e92b14991a84c752e89dc435e64c4646fec515e2f9dad54cfc914/EVERLAW-DESIGN-v3-12.jpg" data-mid="244780931" border="0" src="https://freight.cargo.site/w/1000/i/585c0fc9cb3e92b14991a84c752e89dc435e64c4646fec515e2f9dad54cfc914/EVERLAW-DESIGN-v3-12.jpg" /><img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/eef2e3d11d582892f168d54f075c03c659d9d4e5573869f13e5d7796623da32a/EVERLAW-DESIGN-v3-15.jpg" data-mid="244780932" border="0" src="https://freight.cargo.site/w/1000/i/eef2e3d11d582892f168d54f075c03c659d9d4e5573869f13e5d7796623da32a/EVERLAW-DESIGN-v3-15.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0d2c56efc5a3b727be660e13a3cd5a0841a0ce668ea979150f8b10ff82d1d6ee/Artboard-1-copy-11.png" data-mid="244780924" border="0" src="https://freight.cargo.site/w/1000/i/0d2c56efc5a3b727be660e13a3cd5a0841a0ce668ea979150f8b10ff82d1d6ee/Artboard-1-copy-11.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e00e1238419a91340f37158434b4a4944d4db2a1b3f36eb4dd2ac9914f5e10f9/Artboard-1-copy-8.png" data-mid="244780922" border="0" src="https://freight.cargo.site/w/1000/i/e00e1238419a91340f37158434b4a4944d4db2a1b3f36eb4dd2ac9914f5e10f9/Artboard-1-copy-8.png" /><img width="1921" height="1080" width_o="1921" height_o="1080" data-src="https://freight.cargo.site/t/original/i/dd81ec4799ab98692e250fc9fde8e7ee60bb1ee5625af30d9d08758895d855e0/EVERLAW-DESIGN-v3-10.jpg" data-mid="244780930" border="0" src="https://freight.cargo.site/w/1000/i/dd81ec4799ab98692e250fc9fde8e7ee60bb1ee5625af30d9d08758895d855e0/EVERLAW-DESIGN-v3-10.jpg" /><img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/27f34c57c00b81ef9ccdde3b1520e09dd03da5d5b32c02aab8573a6ad18dc5ff/EVERLAW-DESIGN-v3-17.jpg" data-mid="244780933" border="0" src="https://freight.cargo.site/w/1000/i/27f34c57c00b81ef9ccdde3b1520e09dd03da5d5b32c02aab8573a6ad18dc5ff/EVERLAW-DESIGN-v3-17.jpg" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/be8a9f1bdfd5df57a42b7d4bf7bcad50375581ac57d43feef73abcf93b41c42e/ezgif-872546f6d1a6d37b.gif" data-mid="244781768" border="0" src="https://freight.cargo.site/w/800/i/be8a9f1bdfd5df57a42b7d4bf7bcad50375581ac57d43feef73abcf93b41c42e/ezgif-872546f6d1a6d37b.gif" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/6b139b71675205ef057e4ca729132386374166eac120b376391ceb00011860f0/ezgif-8d83e036f1be7fa5.gif" data-mid="244781769" border="0" src="https://freight.cargo.site/w/800/i/6b139b71675205ef057e4ca729132386374166eac120b376391ceb00011860f0/ezgif-8d83e036f1be7fa5.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/40cf74b3f745192d4a23e1f86f58b438474c5fcee68541c9cef0032ab0003e74/ezgif-3a4e55eca641f7.gif" data-mid="244781772" border="0" src="https://freight.cargo.site/w/800/i/40cf74b3f745192d4a23e1f86f58b438474c5fcee68541c9cef0032ab0003e74/ezgif-3a4e55eca641f7.gif" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/9c232fd51a396a6a3cbc73b7ae80c7f9d00f7419c7a4dbd572bb4dfaf802ff72/ezgif-1da41502186b3880.gif" data-mid="244781651" border="0" src="https://freight.cargo.site/w/800/i/9c232fd51a396a6a3cbc73b7ae80c7f9d00f7419c7a4dbd572bb4dfaf802ff72/ezgif-1da41502186b3880.gif" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/478c1e29d15334592b529d9bbe2e16e96d94d410e364dc8ce61d7a8d04a83313/ezgif-1699335dc8401b48.gif" data-mid="244781745" border="0" src="https://freight.cargo.site/w/800/i/478c1e29d15334592b529d9bbe2e16e96d94d410e364dc8ce61d7a8d04a83313/ezgif-1699335dc8401b48.gif" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/9caac69cdc4090650ba639342cf28e9d88dc6663a0f1b579ff7cd28a2d79f5b5/ezgif-8fa468a0a0febcc7.gif" data-mid="244781650" border="0" src="https://freight.cargo.site/w/800/i/9caac69cdc4090650ba639342cf28e9d88dc6663a0f1b579ff7cd28a2d79f5b5/ezgif-8fa468a0a0febcc7.gif" /> <img width="1921" height="1080" width_o="1921" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9d3b8e3b4495955bc9bbb585e6326628dd5b8bf77ea97695cc1367eccef73f61/Artboard-2-100.jpg" data-mid="244781761" border="0" src="https://freight.cargo.site/w/1000/i/9d3b8e3b4495955bc9bbb585e6326628dd5b8bf77ea97695cc1367eccef73f61/Artboard-2-100.jpg" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d4035c87a1c26ef1e4290134895d1efc4bf38f8a91dd7a2a0c4dfd22a1e71106/MARKETING_04-ezgif.com-video-to-gif-converter.gif" data-mid="244781763" border="0" src="https://freight.cargo.site/w/1000/i/d4035c87a1c26ef1e4290134895d1efc4bf38f8a91dd7a2a0c4dfd22a1e71106/MARKETING_04-ezgif.com-video-to-gif-converter.gif" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/109dc187f74ae3e40bcca2773d0ce5a1bce4ae6a50ae2450375b156cd382a9c6/ezgif-187bf55a75ab24d6.gif" data-mid="244781762" border="0" src="https://freight.cargo.site/w/800/i/109dc187f74ae3e40bcca2773d0ce5a1bce4ae6a50ae2450375b156cd382a9c6/ezgif-187bf55a75ab24d6.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/e0ac7921262d0fd45f0481bba99827053ff20f22f8d10080ee1db017890032ec/Everlaw_ClunkyInterface_16x9_QR_Mix_02_1-ezgif.com-video-to-gif-converter.gif" data-mid="244781778" border="0" src="https://freight.cargo.site/w/1000/i/e0ac7921262d0fd45f0481bba99827053ff20f22f8d10080ee1db017890032ec/Everlaw_ClunkyInterface_16x9_QR_Mix_02_1-ezgif.com-video-to-gif-converter.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/8d4f6e5a726c6439378b32e5ed1df73c434c48171edf75f27febf9cdb8547ce2/ezgif-26b62feb3173ff11.gif" data-mid="244781779" border="0" src="https://freight.cargo.site/w/800/i/8d4f6e5a726c6439378b32e5ed1df73c434c48171edf75f27febf9cdb8547ce2/ezgif-26b62feb3173ff11.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9448ba290af3ad6261f5b9d4003bbe040b9760d81dcf052b59fb62d2067de956/IG-EDIT-0-00-04-20.png" data-mid="244781798" border="0" src="https://freight.cargo.site/w/1000/i/9448ba290af3ad6261f5b9d4003bbe040b9760d81dcf052b59fb62d2067de956/IG-EDIT-0-00-04-20.png" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/45bcd5960824b69ed2446e143699e762b684c6b6f453a41bd3dad5417b3d0a06/Speeddata03-ezgif.com-video-to-gif-converter.gif" data-mid="244781805" border="0" src="https://freight.cargo.site/w/1000/i/45bcd5960824b69ed2446e143699e762b684c6b6f453a41bd3dad5417b3d0a06/Speeddata03-ezgif.com-video-to-gif-converter.gif" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/14cbeb76311de9be5d7000de40f88ab000982c9a844b9f15d6027da82f860746/Speeddata02-ezgif.com-video-to-gif-converter.gif" data-mid="244781806" border="0" src="https://freight.cargo.site/w/1000/i/14cbeb76311de9be5d7000de40f88ab000982c9a844b9f15d6027da82f860746/Speeddata02-ezgif.com-video-to-gif-converter.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/e4238a0db1b0309a9b9869b1b81f2df34408dd9b3b5bb150dee1521512e9a481/Speeddata01-ezgif.com-video-to-gif-converter.gif" data-mid="244781807" border="0" src="https://freight.cargo.site/w/1000/i/e4238a0db1b0309a9b9869b1b81f2df34408dd9b3b5bb150dee1521512e9a481/Speeddata01-ezgif.com-video-to-gif-converter.gif" /><img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/17dffbdd58a22043c6d70d5e584b5a9d8892a677e06766222296d4eaeaf682c9/Speeddata04-ezgif.com-video-to-gif-converter.gif" data-mid="244781804" border="0" src="https://freight.cargo.site/w/800/i/17dffbdd58a22043c6d70d5e584b5a9d8892a677e06766222296d4eaeaf682c9/Speeddata04-ezgif.com-video-to-gif-converter.gif" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/a1accf788b3f8e032ff354b4951b4b167bb6fb2a623c2a0c855cf180c430c72c/ezgif-83df0a380b0af59d.gif" data-mid="244781808" border="0" src="https://freight.cargo.site/w/800/i/a1accf788b3f8e032ff354b4951b4b167bb6fb2a623c2a0c855cf180c430c72c/ezgif-83df0a380b0af59d.gif" />TV Spots &amp; QR End Cards For the TV spots, we also designed a wide range of animated end cards featuring QR codes. These were tailored to each spot while staying fully aligned with the campaign’s visual system. Even within this constrained format, the end cards became an extension of the motion language rather than a purely functional element. O<img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/224a858d406cd0791de49bec7a30c4a8e9ba8487ba19a2170fda5a75ad842c05/ezgif-83587367bce7a218.gif" data-mid="244781813" border="0" data-scale="58" src="https://freight.cargo.site/w/800/i/224a858d406cd0791de49bec7a30c4a8e9ba8487ba19a2170fda5a75ad842c05/ezgif-83587367bce7a218.gif" />Outcome What started as a single hero video grew into a cohesive campaign system spanning TV, social, and digital formats. The project is a strong example of how motion design can emerge through process - by deeply understanding a brand and gradually building a language that grows stronger with each iteration. <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/8d0092dc379e96fe9287bc560f69475b8560f52c21c94dad28939da79d82f3af/ezgif-35b6e4060e0452.gif" data-mid="244781810" border="0" src="https://freight.cargo.site/w/800/i/8d0092dc379e96fe9287bc560f69475b8560f52c21c94dad28939da79d82f3af/ezgif-35b6e4060e0452.gif" /> Creative Direction, Design &amp; Animation by MO Studio Or Drori and Maayan ErlichSound by Adam Tressler &amp; IlaischwebelThanks to the Everlaw team:Head of Brand &amp; Marketing Design Aria ShenCreative and Script Marcinkm, Davidzorn