<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>helenakampen</title>
	<link>https://helenakampen.com</link>
	<description>helenakampen</description>
	<pubDate>Thu, 06 Nov 2025 12:45:40 +0000</pubDate>
	<generator>https://helenakampen.com</generator>
	<language>en</language>
	
		
	<item>
		<title>Home</title>
				
		<link>https://helenakampen.com/Home</link>

		<pubDate>Wed, 27 Dec 2017 10:30:28 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Home</guid>

		<description>










&#60;img width="514" height="349" width_o="514" height_o="349" data-src="https://freight.cargo.site/t/original/i/a74386bdc85a65693cc49bb4d70f731e362a5d0d688f4e65cd08de9c30f7b468/HK-logo-anim.gif" data-mid="10230762" border="0" data-scale="17" src="https://freight.cargo.site/w/514/i/a74386bdc85a65693cc49bb4d70f731e362a5d0d688f4e65cd08de9c30f7b468/HK-logo-anim.gif" /&#62;

Hi, I’m Helena Kampen,
Creative Director, Motion &#38;amp; Interactive Designer based in London</description>
		
	</item>
		
		
	<item>
		<title>Reel</title>
				
		<link>https://helenakampen.com/Reel</link>

		<pubDate>Mon, 02 Apr 2018 13:10:28 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Reel</guid>

		<description>Reel









</description>
		
	</item>
		
		
	<item>
		<title>Timer App</title>
				
		<link>https://helenakampen.com/Timer-App</link>

		<pubDate>Wed, 05 Nov 2025 11:13:59 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Timer-App</guid>

		<description>

Timer App


While using the iphone timer with my daughter, I thought... this is boring...
 What if a timer ended with a duck quacking instead of a dull sound? 
And that idea was the start of Kids Timer - Duck &#38;amp; Friends.I started with a Notion page, putting together all the concepts behind it and my research on other timers. I searched for alternatives but couldn’t find one that had a nice design and was simple enough to use (and ad-free!).I started drafting the UI on paper, I had a clear idea of big numbers and a round design (so kids can use it too).I wanted it to be colourful, but most of the apps I looked at had either a white or black background. Many timers also switch between white and black depending on dark mode settings. When researching kids’ apps, I noticed the same: most had plain white or black backgrounds. I do like clean design, but I thought I could brighten things up by using gradient backgrounds.

	&#60;img width="1465" height="1295" width_o="1465" height_o="1295" data-src="https://freight.cargo.site/t/original/i/eb794f940f811cb9810eef25cd34730dd6913e0b0d5865f8a1db651830387500/v0.jpg" data-mid="240279883" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/eb794f940f811cb9810eef25cd34730dd6913e0b0d5865f8a1db651830387500/v0.jpg" /&#62;
	&#60;img width="909" height="756" width_o="909" height_o="756" data-src="https://freight.cargo.site/t/original/i/ba203c417e3d5342df289adcd68e0cf4f33b97c08356dc63d9df070550eeda92/Artboard-26.jpg" data-mid="240280168" border="0" data-scale="42" src="https://freight.cargo.site/w/909/i/ba203c417e3d5342df289adcd68e0cf4f33b97c08356dc63d9df070550eeda92/Artboard-26.jpg" /&#62;

&#38;nbsp;I went to Illustrator initially as it gave me the freedom to use a sketch brush and also start thinking about the UI with shapes and colours.
Some initial designs and colours:&#38;nbsp;

&#60;img width="1180" height="2557" width_o="1180" height_o="2557" data-src="https://freight.cargo.site/t/original/i/54b542b31377afab64a08d7c41e5db96f931882d276390c25636660719d7f336/Artboard-10-copy.jpg" data-mid="240280594" border="0"  src="https://freight.cargo.site/w/1000/i/54b542b31377afab64a08d7c41e5db96f931882d276390c25636660719d7f336/Artboard-10-copy.jpg" /&#62;
&#60;img width="394" height="853" width_o="394" height_o="853" data-src="https://freight.cargo.site/t/original/i/8347458c4a0db4dfc54374c8195b1a43bf1d41f2215ffdce96ae1409c00f6ab5/Artboard-1-copy-3.jpg" data-mid="240280593" border="0"  src="https://freight.cargo.site/w/394/i/8347458c4a0db4dfc54374c8195b1a43bf1d41f2215ffdce96ae1409c00f6ab5/Artboard-1-copy-3.jpg" /&#62;
&#60;img width="1181" height="2556" width_o="1181" height_o="2556" data-src="https://freight.cargo.site/t/original/i/7687601df2a1c139938de94d288e0a0b4ff3776dc05362165cd027c3823d1d3f/Artboard-27.jpg" data-mid="240280595" border="0"  src="https://freight.cargo.site/w/1000/i/7687601df2a1c139938de94d288e0a0b4ff3776dc05362165cd027c3823d1d3f/Artboard-27.jpg" /&#62;
&#60;img width="1202" height="2549" width_o="1202" height_o="2549" data-src="https://freight.cargo.site/t/original/i/31f3f4d09c4dbe3ba7af0ba5b2ecd035c678c535477fa42e799e67f3b8262048/Artboard-29.jpg" data-mid="240280596" border="0"  src="https://freight.cargo.site/w/1000/i/31f3f4d09c4dbe3ba7af0ba5b2ecd035c678c535477fa42e799e67f3b8262048/Artboard-29.jpg" /&#62;

I knew I wanted to stick with yellow and white, and green worked well with those colours. So I decided to ditch the blue (since not many animals are blue) and add some pink. That’s how I ended up with the current colour palette.


&#60;img width="1100" height="1176" width_o="1100" height_o="1176" data-src="https://freight.cargo.site/t/original/i/d548d0eea1e7c7fb298b2ce1cc242cd9ca6d5c6a812b0d284f83ac59ed199889/figma-v0.png" data-mid="240280681" border="0" data-scale="55" src="https://freight.cargo.site/w/1000/i/d548d0eea1e7c7fb298b2ce1cc242cd9ca6d5c6a812b0d284f83ac59ed199889/figma-v0.png" /&#62;
AfterI was roughly happy with the UI, I started animating and building the interaction states in&#38;nbsp;Rive. I made a test version for a 2 or 5 minute countdown that you could access from a phone browser, so I could try it with my daughter during bath time. And it was a success! I said “two more minutes”, showed her the new timer and she when the timer went off and was happy to get out of the bath. She even started asking for the timer, which made the whole process much more enjoyable.&#38;nbsp;
 

I had a prototype, a design, and started working on new characters.&#38;nbsp;
Then I found a developer to turn the app into reality. We both had to learn how to transfer the Rive animations to ReactNative. &#38;nbsp;After a few tests we it was working 🥳&#38;nbsp;

Rive was essential because the design is very important for me. With Rive I could control each animation play and transition, and having it all in one vector-based software made it much easier to visualise. Plus, being able to create a working prototype made the developer’s life much easier. 

We now have a fully working version of the app, and I’m slowly adding new animals.&#38;nbsp;


Download:&#38;nbsp;
	&#60;img width="241" height="80" src="https://framerusercontent.com/images/d59E8mucgBbO4maCOw8gzZS5EPw.png?width=241&#38;amp;height=80" style="width: 241px; height: 80px;"&#62;
	&#60;img width="270" height="80" src="https://framerusercontent.com/images/0w8ONb9ouWJ2GDFdyHnwlzOy90.png?width=270&#38;amp;height=80" style="width: 270px; height: 80px;"&#62;


Designed with Adobe and Figma, built using ReactNative and RiveBonus:&#38;nbsp;

Click on “walk”, “run” or “celebrate” buttons below:&#38;nbsp;




Rive application preview:&#38;nbsp;





More information:&#38;nbsp;https://kidstimer.framer.website/&#38;nbsp;


</description>
		
	</item>
		
		
	<item>
		<title>Junior ISA Explainer</title>
				
		<link>https://helenakampen.com/Junior-ISA-Explainer</link>

		<pubDate>Tue, 04 Nov 2025 11:41:57 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Junior-ISA-Explainer</guid>

		<description>Junior ISAFinancial services explainer - Clim8


This project for&#38;nbsp;Clim8&#38;nbsp;is one of my personal favorites. 
The main message was to create an engaging animation demonstrating the process and long-term benefits of opening an Ethical Junior ISA for a child’s future.To elevate the storytelling we’ve added a metafor at the start, which works well in explainer animations.
Watch it below:&#38;nbsp;



Once the script was ready, I developed the storyboard to define the visual pacing and structure. For the final visuals, I collaborated with Pat Grivet, who&#38;nbsp; created all the styleframes in Adobe Illustrator,&#38;nbsp; maintaining the brand guidelines and consistent character styles.
Some storyboard frames:
&#60;img width="1714" height="841" width_o="1714" height_o="841" data-src="https://freight.cargo.site/t/original/i/853754afc22c4e88029d08de5310d5db103ce662d6f5b31b32010ee39719b24e/storyboard2.jpg" data-mid="240234192" border="0" data-scale="62" src="https://freight.cargo.site/w/1000/i/853754afc22c4e88029d08de5310d5db103ce662d6f5b31b32010ee39719b24e/storyboard2.jpg" /&#62;
&#60;img width="640" height="360" width_o="640" height_o="360" data-src="https://freight.cargo.site/t/original/i/e38f80798088898a56e419f0e328d05cf08c5791e8922c1da8eeec20b0984f6b/42b8c770-669b-4798-90d5-a19164feb624_rw_640.gif" data-mid="240234884" border="0"  src="https://freight.cargo.site/w/640/i/e38f80798088898a56e419f0e328d05cf08c5791e8922c1da8eeec20b0984f6b/42b8c770-669b-4798-90d5-a19164feb624_rw_640.gif" /&#62;


Styleframes:

&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/909705f6028688cd4981a7c46e473511ea3d5e49f7aa3bf8f23a09fde09d08df/CLIM8-02.png" data-mid="240234215" border="0"  src="https://freight.cargo.site/w/1000/i/909705f6028688cd4981a7c46e473511ea3d5e49f7aa3bf8f23a09fde09d08df/CLIM8-02.png" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f627cfdac3be0e016a310b70de9a4027aa6ddeda9a1761bf6e3474ef76e35836/CLIM8-04alt.png" data-mid="240234216" border="0"  src="https://freight.cargo.site/w/1000/i/f627cfdac3be0e016a310b70de9a4027aa6ddeda9a1761bf6e3474ef76e35836/CLIM8-04alt.png" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/131b099463130b51398a812dcdd61518a56a3435dd23c1e894c16fa768fda42c/CLIM8-10.png" data-mid="240234757" border="0"  src="https://freight.cargo.site/w/1000/i/131b099463130b51398a812dcdd61518a56a3435dd23c1e894c16fa768fda42c/CLIM8-10.png" /&#62;
&#60;img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/599676869d776b92e9e60f5d1bdb9172c140ca7d9d010046a54a458e403eeacb/24-copy.png" data-mid="240234866" border="0"  src="https://freight.cargo.site/w/1000/i/599676869d776b92e9e60f5d1bdb9172c140ca7d9d010046a54a458e403eeacb/24-copy.png" /&#62;




</description>
		
	</item>
		
		
	<item>
		<title>Pyth Ad</title>
				
		<link>https://helenakampen.com/Pyth-Ad</link>

		<pubDate>Thu, 06 Nov 2025 12:45:40 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Pyth-Ad</guid>

		<description>Pyth Ad
2D animation and VFX

Produced at Kode Media London, watch the full ad:&#38;nbsp;




I’ve worked on the following scenes (preview scenes from After effects, without colour grade):

Styleframes:

&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b02a12987a36d90248b8ec7a9a6082686621677c4d6bd5c0378bd6db425d085c/Graph-Still-whitebg-overlap.jpg" data-mid="240329849" border="0"  src="https://freight.cargo.site/w/1000/i/b02a12987a36d90248b8ec7a9a6082686621677c4d6bd5c0378bd6db425d085c/Graph-Still-whitebg-overlap.jpg" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/cc31cfb22daeb58f6157651d3e9770d80348f70ef91ca1d39f9c7e57f8be1850/Graph-Still-lilacbg-overlap.jpg" data-mid="240329852" border="0"  src="https://freight.cargo.site/w/1000/i/cc31cfb22daeb58f6157651d3e9770d80348f70ef91ca1d39f9c7e57f8be1850/Graph-Still-lilacbg-overlap.jpg" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/068f4e7b127b9f016c2c917b088087ca3ba16d1c6d1ba382a2baa37546601e5f/Graph-Still-pinkbg-overlap.jpg" data-mid="240329851" border="0"  src="https://freight.cargo.site/w/1000/i/068f4e7b127b9f016c2c917b088087ca3ba16d1c6d1ba382a2baa37546601e5f/Graph-Still-pinkbg-overlap.jpg" /&#62;



Graphics
 Inspired by wordart and informercials.&#38;nbsp;

&#60;img width="2315" height="849" width_o="2315" height_o="849" data-src="https://freight.cargo.site/t/original/i/ad9c75fc98a22e5cfec43d2661fdeb8456fba6cacb513300dc9eef9ac9c65483/32x.png" data-mid="240329862" border="0" data-scale="23" src="https://freight.cargo.site/w/1000/i/ad9c75fc98a22e5cfec43d2661fdeb8456fba6cacb513300dc9eef9ac9c65483/32x.png" /&#62;&#60;img width="3214" height="1476" width_o="3214" height_o="1476" data-src="https://freight.cargo.site/t/original/i/4ad593ceb622c5c739b532df34969837bade1e4b3c36d0930a067917dbb0dafb/wordart.png" data-mid="240329888" border="0" data-scale="21" src="https://freight.cargo.site/w/1000/i/4ad593ceb622c5c739b532df34969837bade1e4b3c36d0930a067917dbb0dafb/wordart.png" /&#62;Composition of the final scene with masks and rotoscoping.&#38;nbsp;






</description>
		
	</item>
		
		
	<item>
		<title>RSPB Interactive Animation</title>
				
		<link>https://helenakampen.com/RSPB-Interactive-Animation</link>

		<pubDate>Tue, 04 Nov 2025 15:37:00 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/RSPB-Interactive-Animation</guid>

		<description>RSPB Installation
Interactive Animation for RSPB Awareness Event
I was invited by John Lumgair to create an interactive animation as part of a larger RSPB installation inside the Trafford Centre in Manchester. The theme was origami, featuring 1,000 paper cranes displayed around bamboo sticks. The interactive animation was designed to invite people to engage and feel a connection with nature by finding the animals hidden in the scene, ultimately encouraging support for the RSPB.
John and I designed and animated it together: He worked on the background design while I focused on the characters, and we split the character animation between us. John animated in After Effects, and I animated in Rive (an app for interactive motion graphics and games). I was able to import the After Effects animation into Rive by first exporting it as a JSON/Lottie file.



	&#60;img width="522" height="438" width_o="522" height_o="438" data-src="https://freight.cargo.site/t/original/i/d4dbbbc78ffb8737c40e27451da65fa22222f2aa1c11fed15435fa17f60b3f1e/robin.gif" data-mid="240247977" border="0" data-scale="81" src="https://freight.cargo.site/w/522/i/d4dbbbc78ffb8737c40e27451da65fa22222f2aa1c11fed15435fa17f60b3f1e/robin.gif" /&#62;
	
&#60;img width="251" height="266" width_o="251" height_o="266" data-src="https://freight.cargo.site/t/original/i/cf8e4acc62d618204d1182e7c89fdee9bc47e4437c4c84b9adfa55d6ca017189/woodpeker.gif" data-mid="240248048" border="0" data-scale="11" src="https://freight.cargo.site/w/251/i/cf8e4acc62d618204d1182e7c89fdee9bc47e4437c4c84b9adfa55d6ca017189/woodpeker.gif" /&#62;





&#60;img width="1765" height="1068" width_o="1765" height_o="1068" data-src="https://freight.cargo.site/t/original/i/53908440d9b0727189f0c489b76669b8bd86c5092b0ae6ef9abcfb5c761dfe4b/img1.jpg" data-mid="240247592" border="0"  src="https://freight.cargo.site/w/1000/i/53908440d9b0727189f0c489b76669b8bd86c5092b0ae6ef9abcfb5c761dfe4b/img1.jpg" /&#62;
&#60;img width="598" height="520" width_o="598" height_o="520" data-src="https://freight.cargo.site/t/original/i/a6f742b653c0a85eb68ed696c30d3379533ef8c91e0de73a87d49bc5bfbbc33e/img2.jpg" data-mid="240247593" border="0"  src="https://freight.cargo.site/w/598/i/a6f742b653c0a85eb68ed696c30d3379533ef8c91e0de73a87d49bc5bfbbc33e/img2.jpg" /&#62;
&#60;img width="1364" height="1197" width_o="1364" height_o="1197" data-src="https://freight.cargo.site/t/original/i/a9449149f5a64597b4a93330b5bec49e5778b8634483563d5e2b519c9fb81078/img3.jpg" data-mid="240247594" border="0"  src="https://freight.cargo.site/w/1000/i/a9449149f5a64597b4a93330b5bec49e5778b8634483563d5e2b519c9fb81078/img3.jpg" /&#62;

Rive build:&#38;nbsp;
&#60;img width="3396" height="2830" width_o="3396" height_o="2830" data-src="https://freight.cargo.site/t/original/i/da0ea86c71a56a5691d9f1adfa605e8cdb54a097dba7a45eda595394ff904deb/Screenshot-2025-11-04-at-16.57.18.png" data-mid="240247804" border="0"  src="https://freight.cargo.site/w/1000/i/da0ea86c71a56a5691d9f1adfa605e8cdb54a097dba7a45eda595394ff904deb/Screenshot-2025-11-04-at-16.57.18.png" /&#62;
Animation preview:&#38;nbsp;

	Click here to play the interactive animation on your browser. 
	

</description>
		
	</item>
		
		
	<item>
		<title>Cardinal Partnership</title>
				
		<link>https://helenakampen.com/Cardinal-Partnership</link>

		<pubDate>Tue, 04 Nov 2025 14:43:55 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Cardinal-Partnership</guid>

		<description>Project Sunlight2D Animation


I was approached by the marketing team at The Cardinal Partnership Logistics Group to create an animation for their new strategy,&#38;nbsp;Project Sunlight. The presentation deck for this project drew inspiration from Aesop’s fables and featured whimsical illustrations, a style we carried through into the animation.

One of the most enjoyable parts of the process was selecting the music. It was incredibly satisfying to find a soundtrack that fit the tone and storytelling perfectly.

The final animation was showcased during an internal presentation and was warmly received by the team.




Behind the scenes:

&#60;img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/c2c42451b8c7fc08bb46dfb7b944534682697911751ca5c449abe3705e000ec1/cardinal_sb_11.png" data-mid="240242218" border="0"  src="https://freight.cargo.site/w/1000/i/c2c42451b8c7fc08bb46dfb7b944534682697911751ca5c449abe3705e000ec1/cardinal_sb_11.png" /&#62;
&#60;img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/4856b85466f08ec944fed24e29ced2a40e6fbfb8875374aa950d07a4523d170e/cardinal_sb_06.png" data-mid="240242215" border="0"  src="https://freight.cargo.site/w/1000/i/4856b85466f08ec944fed24e29ced2a40e6fbfb8875374aa950d07a4523d170e/cardinal_sb_06.png" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ef47529c4ff3ad4822ddcc765274c4c092c3680da2ec6e0730235155034810da/cardinal_sb_18.png" data-mid="240242213" border="0"  src="https://freight.cargo.site/w/1000/i/ef47529c4ff3ad4822ddcc765274c4c092c3680da2ec6e0730235155034810da/cardinal_sb_18.png" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e68d6205841044030598867ebc20ca9196d6185797d57d0f75b31cfd995e4fb9/cardinal_sb_16.png" data-mid="240242219" border="0"  src="https://freight.cargo.site/w/1000/i/e68d6205841044030598867ebc20ca9196d6185797d57d0f75b31cfd995e4fb9/cardinal_sb_16.png" /&#62;

Concepts explored:


&#60;img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/1e7bb453d385a21715948f34c503a4c385fc852039c8c55197c30419c37d0897/cardinal_Scene1b.png" data-mid="240242314" border="0"  src="https://freight.cargo.site/w/1000/i/1e7bb453d385a21715948f34c503a4c385fc852039c8c55197c30419c37d0897/cardinal_Scene1b.png" /&#62;
&#60;img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/5ea1314f51776c1163c15ad1866e6496cbfb75ce017ecc5618a283306d0b3003/-.png" data-mid="240242304" border="0"  src="https://freight.cargo.site/w/1000/i/5ea1314f51776c1163c15ad1866e6496cbfb75ce017ecc5618a283306d0b3003/-.png" /&#62;
&#60;img width="3736" height="2312" width_o="3736" height_o="2312" data-src="https://freight.cargo.site/t/original/i/1645a32226a77dc0c42d35efdf530e274a9f97896ebb376fc8d9bafeffef999a/Screenshot-2025-11-04-at-15.06.50.png" data-mid="240242318" border="0"  src="https://freight.cargo.site/w/1000/i/1645a32226a77dc0c42d35efdf530e274a9f97896ebb376fc8d9bafeffef999a/Screenshot-2025-11-04-at-15.06.50.png" /&#62;
&#60;img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/558ef1c320382845f461431ca9057ed7f9a3f6efb70f783fd478b18e2d335a5b/cardinal_1.png" data-mid="240242319" border="0"  src="https://freight.cargo.site/w/1000/i/558ef1c320382845f461431ca9057ed7f9a3f6efb70f783fd478b18e2d335a5b/cardinal_1.png" /&#62;

&#60;img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/3ad2b55e30c64b8e79d867f7b8880dde81c4d6891d2123b9a569c16244333c90/cardinal_sb_10_CompassSunflowers.png" data-mid="240242341" border="0"  src="https://freight.cargo.site/w/1000/i/3ad2b55e30c64b8e79d867f7b8880dde81c4d6891d2123b9a569c16244333c90/cardinal_sb_10_CompassSunflowers.png" /&#62;

DirectionHelena KampenScriptThe Cardinal PartnershipStoryboardMarcita.comArt Direction Marcita.comAnimationHelena KampenCharacter AnimationFelipe Pellisser Voice OverNikki Levitt 
</description>
		
	</item>
		
		
	<item>
		<title>Teaching for Creativity</title>
				
		<link>https://helenakampen.com/Teaching-for-Creativity</link>

		<pubDate>Fri, 24 Jan 2025 13:19:20 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Teaching-for-Creativity</guid>

		<description>Teaching for Creativity2D/3D Animation
Full service animation production direct with A New Direction - an education charity based in the UK.
Watch on their website:&#38;nbsp;https://www.anewdirection.org.uk/programmes/teaching-for-creativity/animation&#38;nbsp;



This project started started with a collaborative effort between the client and me to develop a compelling script tailored for the animation format. Since the video was designed to be presented by teachers as part of an introduction to the Creativity Programme, it needed to be longer than a typical social media video to accommodate the additional context and detail.
 Once the script was finalised I started with the&#38;nbsp;moodboard, gathering references to establish the visual direction and tone. From there, I moved on to storyboarding and styleframes, sketching out the sequence of events to plan the flow and transitions and choosing a few frames to lock the design style ensuring it was aligned with the client’s brand identity. &#38;nbsp;&#60;img width="1725" height="742" width_o="1725" height_o="742" data-src="https://freight.cargo.site/t/original/i/cd421a6c9ebfeaa48f5aad60ee36ed48261a13fac7055dc15bc651c20fac7a66/storyboard.jpg" data-mid="225455470" border="0"  src="https://freight.cargo.site/w/1000/i/cd421a6c9ebfeaa48f5aad60ee36ed48261a13fac7055dc15bc651c20fac7a66/storyboard.jpg" /&#62;
Next came the animatic, where I created a rough animation using the storyboard frames, timed to a guide voice-over, and included a few music track options. This step allowed for further refinement of the timings and gave the client a clear sense of the animation's overall pace and flow.While creating the final animation, I used After Effects’ new 3D OBJ import feature to create dynamic 3D assets like a rotating pencil (created in Blender), adding depth and uniqueness to the project. Every detail was intentional, making sure the animation looked cohesive and professional.

&#38;nbsp; &#38;nbsp; &#38;nbsp;
&#60;img width="500" height="500" width_o="500" height_o="500" data-src="https://freight.cargo.site/t/original/i/950de7da764ce7b04d8b8dcf05ab3a50ad24d460493207e7e98233af449ee53f/T4C_Intro_floating_3D_2.gif" data-mid="225459232" border="0"  src="https://freight.cargo.site/w/500/i/950de7da764ce7b04d8b8dcf05ab3a50ad24d460493207e7e98233af449ee53f/T4C_Intro_floating_3D_2.gif" /&#62;
&#60;img width="2496" height="1716" width_o="2496" height_o="1716" data-src="https://freight.cargo.site/t/original/i/e022560a97592951fdf5a79e54e827703cf1d571c296188e66459e1430a1e994/Screenshot-2025-01-24-at-15.22.54.png" data-mid="225459333" border="0"  src="https://freight.cargo.site/w/1000/i/e022560a97592951fdf5a79e54e827703cf1d571c296188e66459e1430a1e994/Screenshot-2025-01-24-at-15.22.54.png" /&#62;

After the animation was done I worked with a sound designer to add sound effects that elevated the final result. The sound design added richness and energy, tying everything together seamlessly.&#38;nbsp;

Sound design by Robin Clarke&#38;nbsp;https://www.soundmixpost.uk/&#38;nbsp;

︎︎︎ Styleframes&#38;nbsp;
&#60;img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/9d326b548d99d5831c530e73dda6d59ac9993e5e063b02d19e9cbd98ac6774fe/Frame3.png" data-mid="225458722" border="0"  src="https://freight.cargo.site/w/1000/i/9d326b548d99d5831c530e73dda6d59ac9993e5e063b02d19e9cbd98ac6774fe/Frame3.png" /&#62;

&#60;img width="1259" height="704" width_o="1259" height_o="704" data-src="https://freight.cargo.site/t/original/i/be7deb42ccb38f5b0bcb3015c6c6cfcd508d7a42619c390717f5487db4ae2de3/Frame17-2.jpg" data-mid="225460883" border="0"  src="https://freight.cargo.site/w/1000/i/be7deb42ccb38f5b0bcb3015c6c6cfcd508d7a42619c390717f5487db4ae2de3/Frame17-2.jpg" /&#62;&#60;img width="1094" height="1084" width_o="1094" height_o="1084" data-src="https://freight.cargo.site/t/original/i/f62045b92934e95809ad22c6957fb429840db5669be6b9116e4699507bebedab/Frame5.jpg" data-mid="225460988" border="0"  src="https://freight.cargo.site/w/1000/i/f62045b92934e95809ad22c6957fb429840db5669be6b9116e4699507bebedab/Frame5.jpg" /&#62;</description>
		
	</item>
		
		
	<item>
		<title>Antimicrobial Resistance</title>
				
		<link>https://helenakampen.com/Antimicrobial-Resistance</link>

		<pubDate>Tue, 06 Feb 2024 19:55:48 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Antimicrobial-Resistance</guid>

		<description>Antimicrobial Resistance2D animation&#38;nbsp;

I've worked on this animation about Antimicrobial Resistance with Lonelyleap. We had the bold style from the campaign, so we treated the images from stock footage to match, resulting in a striking magenta and yellow film. 💊⚡️

More info:https://www.notinourlifetime.org/&#38;nbsp;





︎︎︎ Styleframes&#38;nbsp;


&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/810cccfcf79c07bf20254502ce1cdc0751e588236d2a634c0aee4a4701d1a57e/style-1c.jpg" data-mid="204036686" border="0"  src="https://freight.cargo.site/w/1000/i/810cccfcf79c07bf20254502ce1cdc0751e588236d2a634c0aee4a4701d1a57e/style-1c.jpg" /&#62;

&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ed0bf1977cef72b0f4703f6643bda703696ad3e3a4c3348dccca116f31b1823c/AMR---Still-002.jpg" data-mid="204036685" border="0"  src="https://freight.cargo.site/w/1000/i/ed0bf1977cef72b0f4703f6643bda703696ad3e3a4c3348dccca116f31b1823c/AMR---Still-002.jpg" /&#62;</description>
		
	</item>
		
		
	<item>
		<title>Columbo's 50th</title>
				
		<link>https://helenakampen.com/Columbo-s-50th</link>

		<pubDate>Tue, 06 Feb 2024 20:06:55 +0000</pubDate>

		<dc:creator>helenakampen</dc:creator>

		<guid isPermaLink="true">https://helenakampen.com/Columbo-s-50th</guid>

		<description>NBC - Columbo’s 50th AnniversaryArt Direction&#38;nbsp;

We did this animation to celebrate Columbo’s 50th anniversary - it was published on NBC’s&#38;nbsp; Columbo channel on Youtube. 
Done while working at Nemorin Creative.








Screenshots:








&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/eec083af0af840c0c3a5509a042ef8baa3fb6426d1df19a5260b085a174d79be/img1.jpg" data-mid="204034149" border="0"  src="https://freight.cargo.site/w/1000/i/eec083af0af840c0c3a5509a042ef8baa3fb6426d1df19a5260b085a174d79be/img1.jpg" /&#62;
&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/64a581ca8dd93c922885ee183b23edc2fd37ebda49601b9d0a6f6fb6e5f909e7/img2.jpg" data-mid="204034150" border="0"  src="https://freight.cargo.site/w/1000/i/64a581ca8dd93c922885ee183b23edc2fd37ebda49601b9d0a6f6fb6e5f909e7/img2.jpg" /&#62;
&#60;img width="900" height="506" width_o="900" height_o="506" data-src="https://freight.cargo.site/t/original/i/f9aec0334ee24db5ba27e2baff1250131c0f1f6efece17c7831f7a3797112b1f/style-1c.jpg" data-mid="204034156" border="0"  src="https://freight.cargo.site/w/900/i/f9aec0334ee24db5ba27e2baff1250131c0f1f6efece17c7831f7a3797112b1f/style-1c.jpg" /&#62;
</description>
		
	</item>
		
	</channel>
</rss>