![Orange Bar](https://static.wixstatic.com/media/fb46a3_6e46e9f9a35a4ee289458eec4a4f53de~mv2.png/v1/fill/w_980,h_15,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/fb46a3_6e46e9f9a35a4ee289458eec4a4f53de~mv2.png)
![](https://static.wixstatic.com/media/fb46a3_e1155db28f074f49a8cf77c1a97e5c32f000.jpg/v1/fill/w_160,h_53,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/fb46a3_e1155db28f074f49a8cf77c1a97e5c32f000.jpg)
![](https://static.wixstatic.com/media/fb46a3_528d072c93ec4e5285b2d470adce7a11f000.jpg/v1/fill/w_115,h_90,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/fb46a3_528d072c93ec4e5285b2d470adce7a11f000.jpg)
![](https://static.wixstatic.com/media/fb46a3_f5b42ddcd8614c2992197956ddf6dcaff000.jpg/v1/fill/w_160,h_90,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/fb46a3_f5b42ddcd8614c2992197956ddf6dcaff000.jpg)
![](https://static.wixstatic.com/media/fb46a3_e90f070c2b5f4f74a508d221be50f4cd~mv2.png/v1/fill/w_467,h_160,q_90/fb46a3_e90f070c2b5f4f74a508d221be50f4cd~mv2.png)
![](https://static.wixstatic.com/media/fb46a3_bd8a78bccf5e496aba8f44ea4c16b5a1~mv2.png/v1/fill/w_467,h_261,q_90/fb46a3_bd8a78bccf5e496aba8f44ea4c16b5a1~mv2.png)
![](https://static.wixstatic.com/media/fb46a3_79866aa40d76485abdd1a1f8397d7864~mv2.png/v1/fill/w_466,h_238,q_90/fb46a3_79866aa40d76485abdd1a1f8397d7864~mv2.png)
![](https://static.wixstatic.com/media/fb46a3_579f8bee48184f26a8eb7cfbccb6720f~mv2.jpg/v1/fill/w_467,h_123,q_90/fb46a3_579f8bee48184f26a8eb7cfbccb6720f~mv2.jpg)
![](https://static.wixstatic.com/media/fb46a3_0b5d37015dc64fea91504dccbd538487f000.jpg/v1/fill/w_72,h_90,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/fb46a3_0b5d37015dc64fea91504dccbd538487f000.jpg)
Lohnt Sich Das?
Rebranding and Motion Template Creation
Creating aesthetically pleasing motion graphics for a YouTube format is a complex task. Not only do you have to design animated graphics that align with the brand and its audience, but they also need to be responsive, adapting to the story you want to tell.
For "Lohnt Sich Das?", a weekly German YouTube series that delves into people's lives and careers, the focus lies in graphics that provide a detailed view of the protagonists' income and expenditures. For the new season, I had the opportunity to undertake a complete rebranding (and coding) of all animation templates - a total of 10!
Among them, the most intricate one is undoubtedly a comprehensive bar graph displayed at the end of each episode. This graph is split into a variable number of parts to illustrate the protagonist's spendings and surplus. What's new in this graphic is an additional section highlighting the protagonist's income when they have multiple sources of revenue, along with a potential investment strategy.
Under the hood, nearly everything is based on a single shape layer, consisting of 31 shape groups, complemented by a staggering 145 (!) custom fx layers to manipulate the shape.
Creating aesthetically pleasing motion graphics for a YouTube format is a complex task. Not only do you have to design animated graphics that align with the brand and its audience, but they also need to be responsive, adapting to the story you want to tell.
For "Lohnt Sich Das?", a weekly German YouTube series that delves into people's lives and careers, the focus lies in graphics that provide a detailed view of the protagonists' income and expenditures. For the new season, I had the opportunity to undertake a complete rebranding (and coding) of all animation templates - a total of 10!
Among them, the most intricate one is undoubtedly a comprehensive bar graph displayed at the end of each episode. This graph is split into a variable number of parts to illustrate the protagonist's spendings and surplus. What's new in this graphic is an additional section highlighting the protagonist's income when they have multiple sources of revenue, along with a potential investment strategy.
Under the hood, nearly everything is based on a single shape layer, consisting of 31 shape groups, complemented by a staggering 145 (!) custom fx layers to manipulate the shape.
Lohnt Sich Das?
Rebranding and Motion Template Creation
Lohnt Sich Das
Rebranding and Motion Template Creation
![](https://static.wixstatic.com/media/fb46a3_100088cebb1542758473dbbe53bd90eff002.jpg/v1/fill/w_160,h_90,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/fb46a3_100088cebb1542758473dbbe53bd90eff002.jpg)
The process encompassed more than just the creation of motion graphics; it also involved an extensive research phase. Here's how it unfolded:
First, we scrutinized the prevailing graphic elements to discern their efficacy and reasons for success, as well as to identify any visual shortcomings. We delved into the existing motion graphics to assess how they contributed to the narrative.
Subsequently, we conducted qualitative interviews with the production and editorial teams, gaining valuable insights into their daily workflows. We explored how they interacted with the existing templates and the challenges they encountered. We also sought to learn from similar formats, if applicable.
The insights gathered from these interviews were meticulously analyzed, allowing us to identify the most recurrent issues.
Finally, after multiple iterations of prototyping, testing, and fine-tuning, we successfully integrated all 10 templates into the post-production timeline.
See some screenshots of our process board and all the rebranded assets, including all Motion Graphics templates, below.
Subsequently, we conducted qualitative interviews with the production and editorial teams, gaining valuable insights into their daily workflows. We explored how they interacted with the existing templates and the challenges they encountered. We also sought to learn from similar formats, if applicable.
![](https://static.wixstatic.com/media/fb46a3_f6cd1b02da374209aee67f4b25ac2828f000.jpg/v1/fill/w_160,h_87,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/fb46a3_f6cd1b02da374209aee67f4b25ac2828f000.jpg)
![](https://static.wixstatic.com/media/fb46a3_f6cd1b02da374209aee67f4b25ac2828f000.jpg/v1/fill/w_160,h_87,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/fb46a3_f6cd1b02da374209aee67f4b25ac2828f000.jpg)
The insights gathered from these interviews were meticulously analyzed, allowing us to identify the most recurrent issues.
Finally, after multiple iterations of prototyping, testing, and fine-tuning, we successfully integrated all 10 templates into the post-production timeline.
See some screenshots of our process board and all the rebranded assets, including all Motion Graphics templates, below.
The process encompassed more than just the creation of motion graphics; it also involved an extensive research phase. Here's how it unfolded:
First, we categorized the existing graphic elements to discern their efficacy and reasons for success, as well as to identify any visual shortcomings.
The process encompassed more than just the creation of motion graphics; it also involved an extensive research phase. Here's how it unfolded:
First, we scrutinized the prevailing graphic elements to discern their efficacy and reasons for success, as well as to identify any visual shortcomings. We delved into the existing motion graphics to assess how they contributed to the narrative.
Subsequently, we conducted qualitative interviews with the production and editorial teams, gaining valuable insights into their daily workflows. We explored how they interacted with the existing templates and the challenges they encountered. We also sought to learn from similar formats, if applicable.
The insights gathered from these interviews were meticulously analyzed, allowing us to identify the most recurrent issues.
Finally, after multiple iterations of prototyping, testing, and fine-tuning, we successfully integrated all 10 templates into the post-production timeline.
See some screenshots of our process board and all the rebranded assets, including all Motion Graphics templates, below.
![](https://static.wixstatic.com/media/fb46a3_216ae2c99f624d80ae3b81d43adc212f~mv2.jpg/v1/fill/w_775,h_740,q_90/fb46a3_216ae2c99f624d80ae3b81d43adc212f~mv2.jpg)
![](https://static.wixstatic.com/media/fb46a3_b1ada4fc7e9f445587ca6e4e5d788934~mv2.jpg/v1/fill/w_980,h_382,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/LSD%20Rebrush%20-%20Grafiken%20nach%20Kategorie%20-%20%C3%9Cbersicht%20der%20letzten%20acht%20Folgen.jpg)
![](https://static.wixstatic.com/media/fb46a3_b1ada4fc7e9f445587ca6e4e5d788934~mv2.jpg/v1/fill/w_1450,h_566,q_90/fb46a3_b1ada4fc7e9f445587ca6e4e5d788934~mv2.jpg)