https://nashkasic.co.uk Nash Kasic Tue, 13 Oct 2026 17:04:53 +0000 https://nashkasic.co.uk en https://nashkasic.co.uk/Home Tue, 29 Sep 2026 15:38:28 +0000 Nash Kasic https://nashkasic.co.uk/Home is a multidisciplinary designer who makes complex ideas feel simple, clear and engaging. https://nashkasic.co.uk/About Tue, 13 Oct 2026 17:04:53 +0000 Nash Kasic https://nashkasic.co.uk/About I’m a graphic and digital designer working across brand, digital and motion. My experience spans freelance, in-house and agency settings. Every project starts with the same questions: what needs to be communicated, why it matters, and who it’s for. From there, I build visual systems that teams can pick up and use, from templates and guidelines to motion principles, so great ideas hold together in every format and teams can keep creating on brand. I’m particularly interested in the strategy, insight and thinking behind the work, and in using what I learn from how audiences respond to make communications easier to understand and engage with. If you’d like to work together or just say hello, get in touch at nashkasic@gmail.com. https://nashkasic.co.uk/Formula-E-Visual-Identity Sun, 04 Oct 2026 12:37:47 +0000 Nash Kasic https://nashkasic.co.uk/Formula-E-Visual-Identity <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d469abb7aa65d3384c3da66ae19933b9fe878523a013a44152d0b9125177aab5/_TITLE-IMG_Formula-E.jpg" data-mid="253259252" border="0" src="https://freight.cargo.site/w/1000/i/d469abb7aa65d3384c3da66ae19933b9fe878523a013a44152d0b9125177aab5/_TITLE-IMG_Formula-E.jpg" /> Client: Formula E Role: Art Direction Social Design Design Systems Template Design When Formula E rebranded for Season 9, the new typography and colours had to work across hundreds of posts, from race-day graphics to stats and social carousels. I defined how the identity translated to social and digital spaces, designing layouts and visual treatments for each content type. I then built a flexible template system so the in-house team and external designers could produce on-brand content without starting from scratch. Building on my work for Formula E across previous seasons, the system helped extend the visual rebrand rollout across a broad range of content. Race Announcement <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6e3a3d3cee6e95e303b7fafe4bff373492a521fdeb3d4566db17276d1d2ee201/Formula-E_Social_4x5_1.jpg" data-mid="253259254" border="0" src="https://freight.cargo.site/w/960/i/6e3a3d3cee6e95e303b7fafe4bff373492a521fdeb3d4566db17276d1d2ee201/Formula-E_Social_4x5_1.jpg" /> Race Announcement <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/eed3833bf442ec329e788a0b62cdd51768e8d09b41069a054e7cdbc0a1019ae0/Formula-E_Social_4x5_2.jpg" data-mid="253259255" border="0" src="https://freight.cargo.site/w/960/i/eed3833bf442ec329e788a0b62cdd51768e8d09b41069a054e7cdbc0a1019ae0/Formula-E_Social_4x5_2.jpg" /> Driver Stats <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/46adca774a735ca6ad9fe9fb2a329a964e429e3ebaaeb86d7b1dc1303676b055/Formula-E_Social_4x5_5.jpg" data-mid="253259258" border="0" src="https://freight.cargo.site/w/960/i/46adca774a735ca6ad9fe9fb2a329a964e429e3ebaaeb86d7b1dc1303676b055/Formula-E_Social_4x5_5.jpg" /> Driver Stats <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/3a4a8fd546e825c3a954f26730b2982d9e9a727fbb8591c2bc598f8f48ce5665/Formula-E_Social_4x5_3.jpg" data-mid="253259256" border="0" src="https://freight.cargo.site/w/960/i/3a4a8fd546e825c3a954f26730b2982d9e9a727fbb8591c2bc598f8f48ce5665/Formula-E_Social_4x5_3.jpg" /> Driver Stats <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9e3d4c5c63abe1d5a45a5652249a4a0c5c1bd1f9732ad97a97894970e8e2419c/Formula-E_Social_4x5_6.jpg" data-mid="253259259" border="0" src="https://freight.cargo.site/w/960/i/9e3d4c5c63abe1d5a45a5652249a4a0c5c1bd1f9732ad97a97894970e8e2419c/Formula-E_Social_4x5_6.jpg" /> .custom-video { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; } .custom-video video { display: block; width: 100%; height: auto; } Driver Stats <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/36659cbe6463bc259ec0eed2f74d55206f7cfd9be2143d634365854969049639/Formula-E_Social_4x5_4.jpg" data-mid="253259257" border="0" src="https://freight.cargo.site/w/960/i/36659cbe6463bc259ec0eed2f74d55206f7cfd9be2143d634365854969049639/Formula-E_Social_4x5_4.jpg" /> &nbsp; Driver Stats Social Carousel Infographic Web <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/215807aebf9ced311c968ed8de25bb90f2006cf0e00da36bf07867ce040b9622/Formula-E_Web_1.jpg" data-mid="253259260" border="0" src="https://freight.cargo.site/w/1000/i/215807aebf9ced311c968ed8de25bb90f2006cf0e00da36bf07867ce040b9622/Formula-E_Web_1.jpg" /> .custom-video { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; border-radius: 12px; overflow: hidden; } .custom-video video { display: block; width: 100%; height: auto; } Infographic Social <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d39299c7e82099116d33aaec2888173b7f59ed72d60ab2f971c6d87225c6d434/Formula-E_Social_1x1_1.jpg" data-mid="253259253" border="0" src="https://freight.cargo.site/w/960/i/d39299c7e82099116d33aaec2888173b7f59ed72d60ab2f971c6d87225c6d434/Formula-E_Social_1x1_1.jpg" /> Infographic Social Carousel https://nashkasic.co.uk/DDthePT Mon, 05 Oct 2026 15:17:21 +0000 Nash Kasic https://nashkasic.co.uk/DDthePT <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/02db247e9f22deaabf4cc31f6baacc6a4c4b252b8bc8cb764acb4792f06b6a16/_TITLE-IMG_DD.png" data-mid="253259306" border="0" src="https://freight.cargo.site/w/1000/i/02db247e9f22deaabf4cc31f6baacc6a4c4b252b8bc8cb764acb4792f06b6a16/_TITLE-IMG_DD.png" /> Client: DDthePT Role: Creative Direction Brand Identity Brand Guidelines Web Design DDthePT’s identity no longer matched the brand it had grown into. What started as a logo redesign became a full rebrand once the new mark showed how much more personality the brand could carry. Working directly with the client, I explored several directions before landing on something brighter and warmer, moving away from corporate navy and muted green. The identity balances a young, worldly energy with a professional finish. I delivered the complete system: logo suite, colour, typography, brand guidelines and a website design concept showing how the identity could extend online. I also built a social toolkit of branded video overlays for Instagram and TikTok, Zoom graphics and a mobile friendly colour palette picker asset, so the client can keep creating content on brand. The client said he felt far more connected to his brand, and found the toolkit made editing content on the go easy. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ecc25160b93c059640d1c39916c3b2dfeab44800e61a3e29cb0b10042965ff8c/DD_Logo_Before.jpg" data-mid="253259317" border="0" src="https://freight.cargo.site/w/1000/i/ecc25160b93c059640d1c39916c3b2dfeab44800e61a3e29cb0b10042965ff8c/DD_Logo_Before.jpg" /> Before <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/cf223293cb8dcc2584722c291c9673794a880dbee0b68a03cfbed719585d9282/DD_Logo_After.jpg" data-mid="253259316" border="0" src="https://freight.cargo.site/w/1000/i/cf223293cb8dcc2584722c291c9673794a880dbee0b68a03cfbed719585d9282/DD_Logo_After.jpg" /> After Initial Sketch <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c2b7c38cc0a3c3fd47ccc4129c6183ec7f5c7ae727a73cfe47acf11567e09129/DD_Logo_Dev_1.jpg" data-mid="253259318" border="0" src="https://freight.cargo.site/w/960/i/c2b7c38cc0a3c3fd47ccc4129c6183ec7f5c7ae727a73cfe47acf11567e09129/DD_Logo_Dev_1.jpg" /> Vector Development <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/654c71bbd3b6986a638b7a3319e604cfb93b781609077898ee4e51f9ef027336/DD_Logo_Dev_2.jpg" data-mid="253259320" border="0" src="https://freight.cargo.site/w/960/i/654c71bbd3b6986a638b7a3319e604cfb93b781609077898ee4e51f9ef027336/DD_Logo_Dev_2.jpg" /> Refined Logo <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/63276956ffaec75d5445476db85733580a2ac58cb2925b7db2afc5fefcd46679/DD_Logo_Dev_3.jpg" data-mid="253259322" border="0" src="https://freight.cargo.site/w/960/i/63276956ffaec75d5445476db85733580a2ac58cb2925b7db2afc5fefcd46679/DD_Logo_Dev_3.jpg" /> Colour Palette <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/472ccfdf8aa849b300b0aba1426583e68ccb7c4833cec081d01db1264ca95700/DD_Brand-Colours.jpg" data-mid="253259307" border="0" src="https://freight.cargo.site/w/1000/i/472ccfdf8aa849b300b0aba1426583e68ccb7c4833cec081d01db1264ca95700/DD_Brand-Colours.jpg" /> Logo Suite <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/cdf2b79e8547687123d23e9c5e76affd0a42f7b87b06fc952facb12a0de0e9b5/DD_Logo_5.jpg" data-mid="253259314" border="0" src="https://freight.cargo.site/w/1000/i/cdf2b79e8547687123d23e9c5e76affd0a42f7b87b06fc952facb12a0de0e9b5/DD_Logo_5.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/03c9e5cc21dc53b3f854f3f4e363d91198bfc727d44083f60e1a763751ce971e/DD_Logo_6.jpg" data-mid="253259315" border="0" src="https://freight.cargo.site/w/1000/i/03c9e5cc21dc53b3f854f3f4e363d91198bfc727d44083f60e1a763751ce971e/DD_Logo_6.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fd664cc3fcb190570b81d1191b0daa21484f932134402427cdeb134f9d26c524/DD_Logo_1.jpg" data-mid="253259310" border="0" src="https://freight.cargo.site/w/1000/i/fd664cc3fcb190570b81d1191b0daa21484f932134402427cdeb134f9d26c524/DD_Logo_1.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c8989c97cee84a00c00f5c24a6ef689767bf247d5083f4a3dfd3fad2595ffd74/DD_Logo_2.jpg" data-mid="253259311" border="0" src="https://freight.cargo.site/w/1000/i/c8989c97cee84a00c00f5c24a6ef689767bf247d5083f4a3dfd3fad2595ffd74/DD_Logo_2.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/974d2bfc3c9b1a799e4a690d81c2e139e8ccc58197cfb76bf6d83b7e40a01d71/DD_Logo_3.jpg" data-mid="253259312" border="0" src="https://freight.cargo.site/w/1000/i/974d2bfc3c9b1a799e4a690d81c2e139e8ccc58197cfb76bf6d83b7e40a01d71/DD_Logo_3.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/656caf33d75038799d7cd1b16407eb17e6da865e941a0cc821a407ece11df45b/DD_Logo_4.jpg" data-mid="253259313" border="0" src="https://freight.cargo.site/w/1000/i/656caf33d75038799d7cd1b16407eb17e6da865e941a0cc821a407ece11df45b/DD_Logo_4.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b1486c01b7b141632b8fbdd5c46fadab54b9ef5d0fdb7faf9f6392ef260ad6d6/DD_Visual-Identity.jpg" data-mid="253259331" border="0" src="https://freight.cargo.site/w/1000/i/b1486c01b7b141632b8fbdd5c46fadab54b9ef5d0fdb7faf9f6392ef260ad6d6/DD_Visual-Identity.jpg" /> Session Promo Social <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ebda4e6f85e1fba08061329e8689a28cb236e924429c288b59a17baccd3e61a8/DD_Social_4x5_1.jpg" data-mid="253259325" border="0" src="https://freight.cargo.site/w/960/i/ebda4e6f85e1fba08061329e8689a28cb236e924429c288b59a17baccd3e61a8/DD_Social_4x5_1.jpg" /> <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8c5c87d11806ef1f8bf188441edb2ce037240892d9115d77029806346973fee0/DD_Social_4x5_2.jpg" data-mid="253259328" border="0" src="https://freight.cargo.site/w/960/i/8c5c87d11806ef1f8bf188441edb2ce037240892d9115d77029806346973fee0/DD_Social_4x5_2.jpg" /> Session Promo Print <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fdc2927cdb36ac66b97f32fd09ec6476e7c46597c4f7d306bc9ccd0e46591ecf/DD_Flyer-Mock-Up_1.jpg" data-mid="253259308" border="0" src="https://freight.cargo.site/w/960/i/fdc2927cdb36ac66b97f32fd09ec6476e7c46597c4f7d306bc9ccd0e46591ecf/DD_Flyer-Mock-Up_1.jpg" /> Website Concept https://nashkasic.co.uk/London-Lions-2 Thu, 08 Oct 2026 08:34:49 +0000 Nash Kasic https://nashkasic.co.uk/London-Lions-2 <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d751a8d2d1df378b42b6c68bda2cc1e3f1d1e2a977a193d74e886f3bcf5e5512/_TITLE-IMG_London-Lions.jpg" data-mid="253259432" border="0" src="https://freight.cargo.site/w/1000/i/d751a8d2d1df378b42b6c68bda2cc1e3f1d1e2a977a193d74e886f3bcf5e5512/_TITLE-IMG_London-Lions.jpg" /> Client London Lions Field Art Direction Social Design Print Apparel Design The data told us something simple: strong red graphics weren’t performing on social. So I introduced a yellow-to-red gradient from the club’s own palette, giving the feed a lighter, more contemporary feel. It became the foundation of the club’s social look for the season and went on to inform the mens team EuroLeague jerseys. Across the season I developed an experimental social direction with reusable templates, adapted campaign artwork for vertical banners around the Copper Box Arena and Olympic Park, built an ID pass system for the wider UK organisation, and created the London Lions Foundation lock-up. I also designed three EuroLeague jersey styles, manufactured by Kappa and worn throughout the EuroLeague season. Social Templates <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d083b59cd4ce2d0a75b3a81bcb00e0534ed67559fc44b08e5b4c605a889b9090/London-Lions_Social.jpg" data-mid="253259447" border="0" src="https://freight.cargo.site/w/1000/i/d083b59cd4ce2d0a75b3a81bcb00e0534ed67559fc44b08e5b4c605a889b9090/London-Lions_Social.jpg" /> Copper Box Arena Banners <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/cf80c919567f2d9300ebaf286df2d282f2dccdcb97d192c83791e10f2d7d6771/London-Lions_Pull-Up-Banners.jpg" data-mid="253259446" border="0" src="https://freight.cargo.site/w/960/i/cf80c919567f2d9300ebaf286df2d282f2dccdcb97d192c83791e10f2d7d6771/London-Lions_Pull-Up-Banners.jpg" /> Team Pass <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/601deded511b5c17ece58136bb9619025cf1f09f9f4ab009b30ad069a07443a6/London-Lions_Passes_1.jpg" data-mid="253259442" border="0" src="https://freight.cargo.site/w/960/i/601deded511b5c17ece58136bb9619025cf1f09f9f4ab009b30ad069a07443a6/London-Lions_Passes_1.jpg" /> Staff Pass <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/54a753b581cd4cb1699bff32f9678e02221f21158f7e320b7395585dcbc76d94/London-Lions_Passes_3.jpg" data-mid="253259444" border="0" src="https://freight.cargo.site/w/960/i/54a753b581cd4cb1699bff32f9678e02221f21158f7e320b7395585dcbc76d94/London-Lions_Passes_3.jpg" /> Guest Pass <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/98ff7d63c73a49a4982d2ba05c4a90d968c79e1cce0ddb3eda6dd50bfb5650f0/London-Lions_Passes_2.jpg" data-mid="253259443" border="0" src="https://freight.cargo.site/w/960/i/98ff7d63c73a49a4982d2ba05c4a90d968c79e1cce0ddb3eda6dd50bfb5650f0/London-Lions_Passes_2.jpg" /> Media Pass Reverse <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6e939bbbbe3b8ae792ac01792b3c84cdf9a619c88c46e178d45dff6171ab83d0/London-Lions_Passes_4.jpg" data-mid="253259445" border="0" src="https://freight.cargo.site/w/960/i/6e939bbbbe3b8ae792ac01792b3c84cdf9a619c88c46e178d45dff6171ab83d0/London-Lions_Passes_4.jpg" /> .custom-video { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; border-radius: 12px; overflow: hidden; } .custom-video video { display: block; width: 100%; height: auto; } .custom-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border: none; border-radius: 50%; background: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } .custom-play::after { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; margin-left: 4px; } .custom-play:hover { transform: translate(-50%, -50%) scale(1.05); } .custom-play.hidden { display: none; } Foundation Lock-Up <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c555fb91d2b2d8f698c189b3514e0413f63a0c356a70ebaacb886efdb4bbbb05/London-Lions_Foundation-Lock-Up.jpg" data-mid="253259773" border="0" src="https://freight.cargo.site/w/1000/i/c555fb91d2b2d8f698c189b3514e0413f63a0c356a70ebaacb886efdb4bbbb05/London-Lions_Foundation-Lock-Up.jpg" /> In Situ YouTube Content EuroLeague Kit Designs <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/317612fa3cc6d53dbd9818d6a0701ad865849864a996edb87c284b77780e9966/London-Lions_Jersey-Designs_1.jpg" data-mid="253259434" border="0" src="https://freight.cargo.site/w/1000/i/317612fa3cc6d53dbd9818d6a0701ad865849864a996edb87c284b77780e9966/London-Lions_Jersey-Designs_1.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/dbf7e11a574273a54986ffba616881fb0af446944e2f89e1ef92670cac69fd47/London-Lions_Jersey-Designs_3.jpg" data-mid="253259436" border="0" src="https://freight.cargo.site/w/1000/i/dbf7e11a574273a54986ffba616881fb0af446944e2f89e1ef92670cac69fd47/London-Lions_Jersey-Designs_3.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6b5e3d19458b0a7ea13927903b989bf9749ad7b3b49c8137d34fdcee422ea873/London-Lions_Jersey-Designs_2.jpg" data-mid="253259435" border="0" src="https://freight.cargo.site/w/1000/i/6b5e3d19458b0a7ea13927903b989bf9749ad7b3b49c8137d34fdcee422ea873/London-Lions_Jersey-Designs_2.jpg" /> <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/45475a543d97d13ef4adcd075263eb12f51cc2611bb34230fbfbdd72c0e2979c/London-Lions_Jersey-Photos_1.jpg" data-mid="253259437" border="0" src="https://freight.cargo.site/w/960/i/45475a543d97d13ef4adcd075263eb12f51cc2611bb34230fbfbdd72c0e2979c/London-Lions_Jersey-Photos_1.jpg" /><img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9bb3fec909cd57c36c821260b59c4f2feea6f7892023bc78f9d2c3d4abf0551c/London-Lions_Jersey-Photos_4.jpg" data-mid="253259440" border="0" src="https://freight.cargo.site/w/960/i/9bb3fec909cd57c36c821260b59c4f2feea6f7892023bc78f9d2c3d4abf0551c/London-Lions_Jersey-Photos_4.jpg" /> <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/536f9bdfad9bb3c41be559a12d67c8300258c4b14b6fe907b8eee442e6f092ec/London-Lions_Jersey-Photos_2.jpg" data-mid="253259438" border="0" src="https://freight.cargo.site/w/960/i/536f9bdfad9bb3c41be559a12d67c8300258c4b14b6fe907b8eee442e6f092ec/London-Lions_Jersey-Photos_2.jpg" /><img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/23f4a961b36b861596aa262f5418c9ce1cd2c9a247e1dcd6ff3fdd82d1d25f9f/London-Lions_Jersey-Photos_3.jpg" data-mid="253259439" border="0" src="https://freight.cargo.site/w/960/i/23f4a961b36b861596aa262f5418c9ce1cd2c9a247e1dcd6ff3fdd82d1d25f9f/London-Lions_Jersey-Photos_3.jpg" /> https://nashkasic.co.uk/Coral Fri, 09 Oct 2026 10:51:18 +0000 Nash Kasic https://nashkasic.co.uk/Coral <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8eee03395cd0c7f4ddaf3def1a1156b3300e1a228f95676518e3c8c2e2c6f876/_TITLE-IMG_Coral.jpg" data-mid="253259777" border="0" src="https://freight.cargo.site/w/1000/i/8eee03395cd0c7f4ddaf3def1a1156b3300e1a228f95676518e3c8c2e2c6f876/_TITLE-IMG_Coral.jpg" /> Client: Coral Field: Motion Design Art Direction Brand Guidelines After I’d worked on Coral’s Social Guidelines Playbook, the client came back to take the system into motion. Working with the Design Lead and a Motion Designer, I developed Coral’s Motion Design Principles, defining how timing, transitions and typography express the brand in movement. I documented the principles in the existing playbook, with example animations and customisable templates showing them in practice. Coral and its partner agencies now have a consistent, reusable framework for all future motion content. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/69c186dabdad8bb74bac180fd3975b8c1d4bcbd86b510a35d9394b40be40c84d/Coral_Social-Guidelines.jpg" data-mid="253259779" border="0" src="https://freight.cargo.site/w/1000/i/69c186dabdad8bb74bac180fd3975b8c1d4bcbd86b510a35d9394b40be40c84d/Coral_Social-Guidelines.jpg" /> .custom-video { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } .custom-video video { display: block; width: 100%; height: auto; } .custom-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border: none; border-radius: 50%; background: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } .custom-play::after { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; margin-left: 4px; } .custom-play:hover { transform: translate(-50%, -50%) scale(1.05); } .custom-play.hidden { display: none; } .video-hover-controls { display: block; width: 100%; height: auto; } .video-hover-controls::-webkit-media-controls { opacity: 0; transition: opacity 0.2s ease; } .video-hover-controls:hover::-webkit-media-controls { opacity: 1; } .custom-video video::-webkit-media-controls { opacity: 0; transition: opacity 0.2s ease; } .custom-video video:hover::-webkit-media-controls { opacity: 1; } Motion Treatment Infographic Social Motion Treatment Alternative Format document.querySelectorAll('.custom-video').forEach(function(container) { const video = container.querySelector('video'); const playButton = container.querySelector('.custom-play'); video.controls = false; playButton.addEventListener('click', function() { video.setAttribute('controls', ''); video.setAttribute('controlslist', 'nodownload'); video.play(); playButton.classList.add('hidden'); }); video.addEventListener('pause', function() { if (!video.ended && video.currentTime > 0) { playButton.classList.remove('hidden'); video.removeAttribute('controls'); } }); video.addEventListener('ended', function() { playButton.classList.remove('hidden'); video.removeAttribute('controls'); }); }); .image-gallery { border-radius: 12px; border: 1pt solid #212121; overflow: hidden; } <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/db94cc6841cf650db71a4ff8eb721d995b303d2e32a9a718e1109405fd34281c/CORAL_PLAYBOOK-10.jpg" data-mid="253076518" border="0" src="https://freight.cargo.site/w/1000/i/db94cc6841cf650db71a4ff8eb721d995b303d2e32a9a718e1109405fd34281c/CORAL_PLAYBOOK-10.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/aa9db12c28ed8aa421fa1d7613bbab92b2b55b0b2ce473eb54f5e83b26fa2040/CORAL_PLAYBOOK-13.jpg" data-mid="253076519" border="0" src="https://freight.cargo.site/w/1000/i/aa9db12c28ed8aa421fa1d7613bbab92b2b55b0b2ce473eb54f5e83b26fa2040/CORAL_PLAYBOOK-13.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/603f66181355d73e5af9f547ce181dbf75d9ce0a5452aa08ca01fcfc1a7d4fd6/CORAL_PLAYBOOK-14.jpg" data-mid="253076520" border="0" src="https://freight.cargo.site/w/1000/i/603f66181355d73e5af9f547ce181dbf75d9ce0a5452aa08ca01fcfc1a7d4fd6/CORAL_PLAYBOOK-14.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/17c39c157df41754dfc39d2a95269b070a4f7a607be786c3bf96beb03ad05bd8/CORAL_PLAYBOOK-15.jpg" data-mid="253076521" border="0" src="https://freight.cargo.site/w/1000/i/17c39c157df41754dfc39d2a95269b070a4f7a607be786c3bf96beb03ad05bd8/CORAL_PLAYBOOK-15.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/19ef8a6ac0ab404a296e61532ef34f3128941487e59a02f23d6ce4a9f25693e1/CORAL_PLAYBOOK-16.jpg" data-mid="253076522" border="0" src="https://freight.cargo.site/w/1000/i/19ef8a6ac0ab404a296e61532ef34f3128941487e59a02f23d6ce4a9f25693e1/CORAL_PLAYBOOK-16.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/e2bbe980baf181581de9176d90ab943f7ada4b42ea754e6e21fc7c7b9fe9e68a/CORAL_PLAYBOOK-17.jpg" data-mid="253076523" border="0" src="https://freight.cargo.site/w/1000/i/e2bbe980baf181581de9176d90ab943f7ada4b42ea754e6e21fc7c7b9fe9e68a/CORAL_PLAYBOOK-17.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/2a8c05448a3aaa5b6605da5ad5ab17275739c3390dc07dc26350304757f7f55a/CORAL_PLAYBOOK-18.jpg" data-mid="253076524" border="0" src="https://freight.cargo.site/w/1000/i/2a8c05448a3aaa5b6605da5ad5ab17275739c3390dc07dc26350304757f7f55a/CORAL_PLAYBOOK-18.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/811e8820ef9e63a8d23a23e033732755f4d26484c0dc09f1b3c7e2da31d0f028/CORAL_PLAYBOOK-19.jpg" data-mid="253076525" border="0" src="https://freight.cargo.site/w/1000/i/811e8820ef9e63a8d23a23e033732755f4d26484c0dc09f1b3c7e2da31d0f028/CORAL_PLAYBOOK-19.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/461d1aebaf5822468d25ba69185ce8d039fdde38ab14ed9f6c9284618c613b5e/CORAL_PLAYBOOK-20.jpg" data-mid="253076526" border="0" src="https://freight.cargo.site/w/1000/i/461d1aebaf5822468d25ba69185ce8d039fdde38ab14ed9f6c9284618c613b5e/CORAL_PLAYBOOK-20.jpg" /> <img width="4000" height="2250" width_o="4000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/c2a3d3f99cd23ec2dab3cdc1416d5e439383f2dabb5539765b097257fcfa47e3/CORAL_PLAYBOOK-21.jpg" data-mid="253076527" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/c2a3d3f99cd23ec2dab3cdc1416d5e439383f2dabb5539765b097257fcfa47e3/CORAL_PLAYBOOK-21.jpg" /> https://nashkasic.co.uk/HP-Wolf-Security-1 Sun, 11 Oct 2026 19:12:28 +0000 Nash Kasic https://nashkasic.co.uk/HP-Wolf-Security-1 <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/551e8043ca65ca22dc6c21ada6f5a3f0e8483682f4db508137a1c738c5096a10/_TITLE-IMG_HP-Wolf.jpg" data-mid="253259782" border="0" src="https://freight.cargo.site/w/1000/i/551e8043ca65ca22dc6c21ada6f5a3f0e8483682f4db508137a1c738c5096a10/_TITLE-IMG_HP-Wolf.jpg" /> Client: HP Role:Art Direction Motion Design Digital Out-of-Home How do you make an ad work for someone riding an escalator? For HP Wolf Security’s The Wolf campaign, the answer was nine sequential screens along a digital ribbon, animated so the creative moves continuously as passengers travel up. I adapted the existing campaign artwork into a static DOOH ad and the full motion treatment, handling everything from adaptation to final artwork and keeping it consistent with the wider campaign. The installations ran across some of London Underground’s busiest stations. Original Campaign Artwork <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/bd2300080f3e5c690a2c5a280c7819938af2381f50590c1443bb1b178b4bd411/HP-Wolf_Original-Campaign.jpg" data-mid="253259786" border="0" src="https://freight.cargo.site/w/1000/i/bd2300080f3e5c690a2c5a280c7819938af2381f50590c1443bb1b178b4bd411/HP-Wolf_Original-Campaign.jpg" /> Static D6 <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a365f54febdb954d5f7ccbefb5828291d5d491b1d5a3d95e8943402eb90b51de/HP-Wolf_D6-Static.jpg" data-mid="253259784" border="0" src="https://freight.cargo.site/w/1000/i/a365f54febdb954d5f7ccbefb5828291d5d491b1d5a3d95e8943402eb90b51de/HP-Wolf_D6-Static.jpg" /> Static D6 <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0ae62c074b2c8746e4264a9bfbfa25795d72d1f90a8d2d750bfc1f7389253d13/HP-Wolf_D6-Static_2.jpg" data-mid="253259783" border="0" src="https://freight.cargo.site/w/1000/i/0ae62c074b2c8746e4264a9bfbfa25795d72d1f90a8d2d750bfc1f7389253d13/HP-Wolf_D6-Static_2.jpg" /> Static D48 <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/4b87298825cfb614ee3272aa5efdddaecbd3c3d6a263215930011c77b3078009/HP-Wolf_D48-Static.jpg" data-mid="253259785" border="0" src="https://freight.cargo.site/w/1000/i/4b87298825cfb614ee3272aa5efdddaecbd3c3d6a263215930011c77b3078009/HP-Wolf_D48-Static.jpg" /> .custom-video { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; border-radius: 8px; } .custom-video video { display: block; width: 100%; height: auto; } .custom-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border: none; border-radius: 50%; background: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } .custom-play::after { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; margin-left: 4px; } .custom-play:hover { transform: translate(-50%, -50%) scale(1.05); } .custom-play.hidden { display: none; } Ribbon Ad Layout <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d4eb53c3ab57b560fc2864dd8dedf0b0daf048905115446d9263e0e2ea32dfed/HP-Wolf_Ribbon-Ad-Mock-Up-1.jpg" data-mid="253259788" border="0" src="https://freight.cargo.site/w/1000/i/d4eb53c3ab57b560fc2864dd8dedf0b0daf048905115446d9263e0e2ea32dfed/HP-Wolf_Ribbon-Ad-Mock-Up-1.jpg" /> Ribbon Ad Motion Test Ribbon Ad In Situ https://nashkasic.co.uk/Formula-E-Heritage Wed, 07 Oct 2026 13:13:50 +0000 Nash Kasic https://nashkasic.co.uk/Formula-E-Heritage <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/4087b9b74bdd0c5bd3a77ed32b1c59ba1a5a71bb2010ae5922f4066668848681/_TITLE-IMG_Formula-E-2.jpg" data-mid="253260025" border="0" src="https://freight.cargo.site/w/1000/i/4087b9b74bdd0c5bd3a77ed32b1c59ba1a5a71bb2010ae5922f4066668848681/_TITLE-IMG_Formula-E-2.jpg" /> Client: Formula E Role:Illustration Motion Design Infographics Each manufacturer in Formula E has its own history, so the Heritage Project told each story as an animated infographic with its own visual identity. As part of the wider team, I illustrated 10 vehicles for Nissan and helped build the master animations for every manufacturer, adding technical content, developing the motion with the lead designer and preparing final exports. The project ran in four languages, with translations from the Multilingual Community Management team that us designers then adapted and quality-checked. .custom-video { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; border-radius: 12px; overflow: hidden; border: 1px solid #e5e5e5; } .custom-video video { display: block; width: 100%; height: auto; } .custom-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border: none; border-radius: 50%; background: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } .custom-play::after { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; margin-left: 4px; } .custom-play:hover { transform: translate(-50%, -50%) scale(1.05); } .custom-play.hidden { display: none; } Full Video 16x9 Motion <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/68476eba1dd434468477f745a7f237f2fc800fed37ddfa3263606d6c1369c7b8/Formula-E_Illustration_Close-Up.jpg" data-mid="253260036" border="0" src="https://freight.cargo.site/w/1000/i/68476eba1dd434468477f745a7f237f2fc800fed37ddfa3263606d6c1369c7b8/Formula-E_Illustration_Close-Up.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e585e331cace424669086b94c3edefd196d77903ea4b1b2f7e76de5bb90131da/Formula-E_Illustration_1.jpg" data-mid="253260026" border="0" src="https://freight.cargo.site/w/1000/i/e585e331cace424669086b94c3edefd196d77903ea4b1b2f7e76de5bb90131da/Formula-E_Illustration_1.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/065ef1f6c7d83d223fa9254be83cce94f16037159487abed7d9696247ee5e8bf/Formula-E_Illustration_2.jpg" data-mid="253260027" border="0" src="https://freight.cargo.site/w/1000/i/065ef1f6c7d83d223fa9254be83cce94f16037159487abed7d9696247ee5e8bf/Formula-E_Illustration_2.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1d85fdacfba7cbd17bfcb355af4eaaa22bdf5b90095f8a2c8ab67b0b7267e0dd/Formula-E_Illustration_3.jpg" data-mid="253260028" border="0" src="https://freight.cargo.site/w/1000/i/1d85fdacfba7cbd17bfcb355af4eaaa22bdf5b90095f8a2c8ab67b0b7267e0dd/Formula-E_Illustration_3.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/db552731d0756be02481ad3856237be5d93b19dc572ea91033237421693b3503/Formula-E_Illustration_4.jpg" data-mid="253260029" border="0" src="https://freight.cargo.site/w/1000/i/db552731d0756be02481ad3856237be5d93b19dc572ea91033237421693b3503/Formula-E_Illustration_4.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5379de29d0883d91793e9f63d44b9a37f67ee0a04f2d8ce4a25c62564316db06/Formula-E_Illustration_5.jpg" data-mid="253260030" border="0" src="https://freight.cargo.site/w/1000/i/5379de29d0883d91793e9f63d44b9a37f67ee0a04f2d8ce4a25c62564316db06/Formula-E_Illustration_5.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/464231726510304bf28d89d29a6d927b6ccd8b8d44777c20c3f3e9f9d24d3e34/Formula-E_Illustration_6.jpg" data-mid="253260031" border="0" src="https://freight.cargo.site/w/1000/i/464231726510304bf28d89d29a6d927b6ccd8b8d44777c20c3f3e9f9d24d3e34/Formula-E_Illustration_6.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5d0e3d604181217c0ffd452cc2bf2542f65012607fc7be389d80af096e2a5a64/Formula-E_Illustration_7.jpg" data-mid="253260032" border="0" src="https://freight.cargo.site/w/1000/i/5d0e3d604181217c0ffd452cc2bf2542f65012607fc7be389d80af096e2a5a64/Formula-E_Illustration_7.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b6548529180f049ada44b23fd5724c525ed074fd73b776535f00ebbb6d4af4dc/Formula-E_Illustration_8.jpg" data-mid="253260033" border="0" src="https://freight.cargo.site/w/1000/i/b6548529180f049ada44b23fd5724c525ed074fd73b776535f00ebbb6d4af4dc/Formula-E_Illustration_8.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b7ce4703ad9df4fc983c2bb7765d4126e0febcd3c3f377fdb1ab5acad31bf5ae/Formula-E_Illustration_9.jpg" data-mid="253260034" border="0" src="https://freight.cargo.site/w/1000/i/b7ce4703ad9df4fc983c2bb7765d4126e0febcd3c3f377fdb1ab5acad31bf5ae/Formula-E_Illustration_9.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5829ab5c9f644493e03727e52c18a07a9841383a48b35392650b8a51a0451349/Formula-E_Illustration_10.jpg" data-mid="253260035" border="0" src="https://freight.cargo.site/w/1000/i/5829ab5c9f644493e03727e52c18a07a9841383a48b35392650b8a51a0451349/Formula-E_Illustration_10.jpg" /> Social 4x5 French <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a9a4529b2c09cebde94610d4304949c031a8eef64abeb6deb0787fcfdcc304ef/Formula-E_Social_1x1_French.jpg" data-mid="253260037" border="0" src="https://freight.cargo.site/w/960/i/a9a4529b2c09cebde94610d4304949c031a8eef64abeb6deb0787fcfdcc304ef/Formula-E_Social_1x1_French.jpg" /> Social 4x5 German <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d1ea08719523f20247aa31a64fd61cedbf22d2d7a9bc136f1e593cfcaa5ffdff/Formula-E_Social_1x1_German.jpg" data-mid="253260038" border="0" src="https://freight.cargo.site/w/960/i/d1ea08719523f20247aa31a64fd61cedbf22d2d7a9bc136f1e593cfcaa5ffdff/Formula-E_Social_1x1_German.jpg" /> Social 4x5 Italian <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/238b9b00d42d548d4354ac51d5e10cf81eadcbb8a32a343b1f126ebdca89edcf/Formula-E_Social_1x1_Italian.jpg" data-mid="253260039" border="0" src="https://freight.cargo.site/w/960/i/238b9b00d42d548d4354ac51d5e10cf81eadcbb8a32a343b1f126ebdca89edcf/Formula-E_Social_1x1_Italian.jpg" /> Social 9x16 <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ab701fd1518b462cedafbc832ac1c4e30ec231ca5357169479a92050a8a7c239/Formula-E_Stories_1.jpg" data-mid="253260040" border="0" src="https://freight.cargo.site/w/960/i/ab701fd1518b462cedafbc832ac1c4e30ec231ca5357169479a92050a8a7c239/Formula-E_Stories_1.jpg" /> Social 9x16 <img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1dc29866a66f4012ca9cc98e60efaacaef00c8054155e719b63fb593e985216f/Formula-E_Stories_2.jpg" data-mid="253260041" border="0" src="https://freight.cargo.site/w/960/i/1dc29866a66f4012ca9cc98e60efaacaef00c8054155e719b63fb593e985216f/Formula-E_Stories_2.jpg" /> https://nashkasic.co.uk/ITV-Liar Fri, 09 Oct 2026 10:24:59 +0000 Nash Kasic https://nashkasic.co.uk/ITV-Liar <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7ab08afd0774c657048977e175409e00b98d46a742a06e3f5215cff62de181a2/_TITLE-IMG_Liar.jpg" data-mid="253260085" border="0" src="https://freight.cargo.site/w/1000/i/7ab08afd0774c657048977e175409e00b98d46a742a06e3f5215cff62de181a2/_TITLE-IMG_Liar.jpg" /> Client ITV FieldSocial Design Motion DesignVideo Editing Sound Design For ITV’s Liar Season 2, the challenge was turning a tense drama into short social stories that stop the scroll and promote the show. I adapted the campaign identity and key art into organic and paid assets for Facebook, Instagram and TikTok. With a digital producer, I sourced footage from the show and official promos and cut it into short-form narratives using motion graphics, animated typography and sound design. I built the audio myself, layering dialogue, sound and music, and adapted every piece to 1:1 and 9:16 within paid advertising specs. Once the look was approved, I coordinated a freelance designer to help deliver the volume of assets before deadline. .custom-video { position: relative; width: 100%; margin: 0 auto; } .custom-video video { display: block; width: 100%; height: auto; } .custom-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border: none; border-radius: 50%; background: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } .custom-play::after { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; margin-left: 4px; } .custom-play:hover { transform: translate(-50%, -50%) scale(1.05); } .custom-play.hidden { display: none; } https://nashkasic.co.uk/The-Princess-Experience-1 Fri, 09 Oct 2026 14:57:54 +0000 Nash Kasic https://nashkasic.co.uk/The-Princess-Experience-1 <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/14c753311e62a9a5960b38b918ca9c4ba124523d24b4bc4982502553c67c5df0/_TITLE-IMG_Princess-Exp.jpg" data-mid="253260065" border="0" src="https://freight.cargo.site/w/1000/i/14c753311e62a9a5960b38b918ca9c4ba124523d24b4bc4982502553c67c5df0/_TITLE-IMG_Princess-Exp.jpg" /> Client: Princess Yachts Field: Motion Design Template Design Brand Identity Princess Yachts had refreshed its brand, but its digital series, The Princess Experience, still looked like the old one. I was commissioned to bring the series in line, reinterpreting the new identity alongside the show’s existing motion style. I designed an animated opening title, sting ident, “coming up” and “up next” sequences, and lower thirds, each built as an editable template. The result was a reusable motion system that kept the whole series consistent with the new brand. Before Title <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/94859df3edb80656831bd422d20cfb20f115c16004afe7cc398e12adadc9c994/Princess-Exp_Motion-Before_1.jpg" data-mid="253260066" border="0" src="https://freight.cargo.site/w/1000/i/94859df3edb80656831bd422d20cfb20f115c16004afe7cc398e12adadc9c994/Princess-Exp_Motion-Before_1.jpg" /> Before Lower Thirds <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/97a0c837745976e55ab11bda763d06c0989d6cdf7d9b417d0c63dfeaf106c692/Princess-Exp_Motion-Before_2.jpg" data-mid="253260067" border="0" src="https://freight.cargo.site/w/1000/i/97a0c837745976e55ab11bda763d06c0989d6cdf7d9b417d0c63dfeaf106c692/Princess-Exp_Motion-Before_2.jpg" /> .custom-video { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; border-radius: 12px; overflow: hidden; border: 1px solid #eaeaea; box-sizing: border-box; } .custom-video video { display: block; width: 100%; height: auto; } .custom-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border: none; border-radius: 50%; background: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } .custom-play::after { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; margin-left: 4px; } .custom-play:hover { transform: translate(-50%, -50%) scale(1.05); } .custom-play.hidden { display: none; } After Motion