Work Better at Home
with Logitech
āāāāāāāLogitechĀ Ā needed aĀ visual language to populate their Home-Ergonomics WebsiteĀ in a fun, fresh, and off-beat way.Ā As a response we created a small library of Animated loops, static images and props to go alongsideĀ their tips on how to do better when we work.
Static Images
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/1400/b9144090624231.5e997520e8647.jpg)
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/1400/96614290624231.5ea6b1204ea10.jpg)
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/1400/7c8a1e90624231.5e997520e9b9b.jpg)
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/1400/621beb90624231.5ea6b1204f15c.jpg)
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/1400/756a1590624231.5e997520e9450.jpg)
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/1400/f9b4d990624231.5ea6b1204f844.jpg)
Looping Animations
(shown as Bumpers)
Prop Designāāāāāāā
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ed03fd90624231.5e1f3dd81bf9f.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/8b9dd590624231.5e1f3dd81e03f.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b0b93990624231.5e1f3dd81d396.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a0cca590624231.5e1f3dd81b8e2.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/0b193490624231.5e1f3dd81d95a.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/13434890624231.5e1f3dd81c5dc.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/910dba90624231.5e1f3dd81cd62.png)
In-Website
Website designed by Logitech.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ffb47290624231.5e1f33f5760bc.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/d72f4390624231.5e1f33f57686d.jpg)
TheĀ CreativeĀ Process
Character's Concept
"YourĀ body is at its bestĀ
when you donāt feel it at all."Ā
when you donāt feel it at all."Ā
Making part of our charactersā bodies invisible felt like the perfect way to communicate ergonomics in a very subconscious level. The inspiration for the characters came directly fromĀ Logitechās logotype itself making them fully ownable.
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/41157890624231.5e29bd968c1d3.jpg)
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/96737090624231.5e997520e8cf9.gif)
This video shows the origin of the characters. Animation done as an internal creative exercise atĀ Clim Studio.
Character Developmentāāāāāāā
āāāāāāāAn extensive R+D focused on the readability of our characters.
By exploring widely a spectrum of not just Morphology but also Styling we were able to land at the sweet spot where we have a strong level of graphic expression with very clear human detail.
By exploring widely a spectrum of not just Morphology but also Styling we were able to land at the sweet spot where we have a strong level of graphic expression with very clear human detail.
Character Development Process.
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/1400/d3a83c90624231.5e1f4495b9ae2.jpg)
The Evolution of Tim.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/83c92590624231.5e1caa53ac2ed.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/69145b90624231.5e1caa53a9788.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c716a390624231.5e1caa53a9f9d.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/4f126990624231.5e1caa53abe53.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c8501790624231.5e1caa53aa939.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5a417290624231.5e1caa53ab8f1.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/23a9e190624231.5e1caa53aadc6.png)
āāāāāāā3D Modelling & Rig.
A glimpse to our Character's Rig made by Sebastian Pfeifer.
Initial Color Exploration
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/d6417490624231.5ea305aaa5522.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/57b81090624231.5ea305aaa4fce.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/0323dc90624231.5ea305aaa4b65.png)
Internal Walking Cycles
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/bed20d90624231.5e4e49a56b3ed.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/cc682390624231.5e4e49a56ad5a.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/b126bb90624231.5e4e49a56b87a.gif)
How did we getĀ
this job?
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/d9cd5990624231.5e20702929272.png)
Watch HERE the Pitch!
Credits
Director: Clim.
Produced by: Clim Studio + Messieurs.ch.
Client: Logitech.
Client: Logitech.
Executive Producers: Clim & Claudia.
Producer: Messieurs.ch.
Producer: Messieurs.ch.
Creative Direction & Concepts: Clim.
Prop & Set Design: Clim & Edgar Ferrer.
CG & Animation Lead: Edgar Ferrer.
Character Modelling & Rigging: Sebastian Pfeifer.
Character Animation: Laura Sirvent.
Compositing: Edgar Ferrer.
Color Treatment: Clim.
Directorās Cut Edit: Clim.
Music & Sound Design: QB Sound.
Prop & Set Design: Clim & Edgar Ferrer.
CG & Animation Lead: Edgar Ferrer.
Character Modelling & Rigging: Sebastian Pfeifer.
Character Animation: Laura Sirvent.
Compositing: Edgar Ferrer.
Color Treatment: Clim.
Directorās Cut Edit: Clim.
Music & Sound Design: QB Sound.
3D Software: Cinema4D
Render Engine: Octane
R+D:
2D & 3D Character Development: Clim, Min Ryu & Edgar Ferrer.
Character Posing 2D illustrations: Felo Lira.
2D & 3D Character Development: Clim, Min Ryu & Edgar Ferrer.
Character Posing 2D illustrations: Felo Lira.
Pitch:
Creative & Art Director: Clim.
Creative & Art Director: Clim.
Character Design: Clim & Edgar Ferrer.
Character Posing: Laura Sirvent.
CG Artists: Edgar Ferrer & JoĆ£o Lucas.
Character Posing: Laura Sirvent.
CG Artists: Edgar Ferrer & JoĆ£o Lucas.
Client:
Executive Creative Director: Chris Perrins
Executive Creative Director: Chris Perrins
Senior Business Manager / Digital Wellness: Camille Mercier.
Senior Content Producer: Martin Ihle.
Creative Strategists: Michael Kirwan & Pierre Sponchiado.
Creative Strategists: Michael Kirwan & Pierre Sponchiado.
![3D 3danimation animation CG character animation Character design cinema4d motion motion graphics visual language](https://mir-s3-cdn-cf.behance.net/project_modules/disp/7f36ae90624231.5ea2f73a06e25.gif)
Thanks For Watching!
Follow Clim Studio on Instagram.