![3D card colors Mobile app pop restaurant UI video motion graphics motion design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/8d4874165584505.64bf83b870fbf.png)
Swile - Meal Vouchers
3D and Motion Design • Cinema4D - Redshift
We wanted to create a video to promote Meal Vouchers, Swile's first ever product. The objective was to present the card and the main features of the mobile app through 3D animation. It was the opportunity to start exploring with our fresh new colour palette and its peppy gradient sequences.
Storyboard
![3D card colors Mobile app pop restaurant UI video motion graphics motion design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/dae331165584505.640b007c3152d.jpg)
Modeling and texturing
A meal voucher video must feature at least one restaurant scene. So here's the scene that was designed to meet that need : a world in the colors and shapes of our brand.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/bfd094165584505.64873d93b69c2.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/efe436165584505.64873d93b5b09.jpg)
![3D card colors Mobile app pop restaurant UI video motion graphics motion design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/1d0a0a165584505.64c7c1d283979.png)
With the arrival of the new colors, we also pursued the development of our design system. It is based on geometric shapes with rounded corners. This rounding is a reminder of the corners of our Swile Card. For the occasion, I created a specific set of tableware in line with our image.
![3D card colors Mobile app pop restaurant UI video motion graphics motion design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ddc82d165584505.64b5349b042f2.gif)
Set of tableware
Animation
Last but not least: keyframes (lots of them)! I played a lot with both the position of the camera and the value of the focal length to create dynamic zooming effects. I also like to soften the curves to keep a continuous movement between two states.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b52911165584505.64b562d46d3c9.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/436dfb165584505.64b562d46c227.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/33e421165584505.64b56485aba99.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/11a0c3165584505.64b56426e068a.png)
Highlights
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/476ff8165584505.64819c40d7439.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/e48c3d165584505.64819c40d5ad7.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/114c08165584505.6481a1595104a.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c7306a165584505.6481a1594eb42.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/2e589b165584505.64819c40d452c.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/aee6fd165584505.64819c40d5006.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/0da554165584505.64819c40d81d2.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/562391165584505.64819c40d8c26.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/0fa0c1165584505.64819c40d0f1e.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/7ea135165584505.6481a15950339.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/39695b165584505.6481a1594f61a.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/958990165584505.64819c40d66e8.jpg)
Thanks for watching ! 👀