Greetings Cards — Web Animations
Overview — We created a custom platform for the creation of personalized greeting cards to be used and shared by over 13K users around the world.
Overview — We created a custom platform for the creation of personalized greeting cards to be used and shared by over 13K users around the world.
Overview — We created a custom platform for the creation of personalized greeting cards to be used and shared by over 13K users around the world.
Greetings Cards — Web Animations
Greeting Cards — Web Animations
Toolkit
Since 2018, at the end of each year, we have been developing a holiday wishes experience for the internal communication of one of our clients, with more than 13.000 employees around the world. In 2021, they had a special request: to make the experience even more interactive, customisable and fast, including the possibility to record an audio message.
Since 2018, at the end of each year, we have been developing a holiday wishes experience for the internal communication of one of our clients, with more than 13.000 employees around the world. In 2021, they had a special request: to make the experience even more interactive, customisable and fast, including the possibility to record an audio message.
Since 2018, at the end of each year, we have been developing a holiday wishes experience for the internal communication of one of our clients, with more than 13.000 employees around the world. In 2021, they had a special request: to make the experience even more interactive, customisable and fast, including the possibility to record an audio message.
The cards were designed and animated by the illo.tv team, based on warm and positive vibes, using a festive color palette mixed with gradients and textures.
The cards were designed and animated by the illo.tv team, based on warm and positive vibes, using a festive color palette mixed with gradients and textures.
The cards were designed and animated by the illo.tv team, based on warm and positive vibes, using a festive color palette mixed with gradients and textures.
When designing the holiday cards, we made sure to include all the different countries and cultures of our client’s international team by adding translations in 10 different languages and illustrating themes such as Orthodox Christmas, Thanksgiving, and Chinese New Year.
When designing the holiday cards, we made sure to include all the different countries and cultures of our client’s international team by adding translations in 10 different languages and illustrating themes such as Orthodox Christmas, Thanksgiving, and Chinese New Year.
When designing the holiday cards, we made sure to include all the different countries and cultures of our client’s international team by adding translations in 10 different languages and illustrating themes such as Orthodox Christmas, Thanksgiving, and Chinese New Year.
In addition to creating holiday-specific cards, we also designed 5 evergreen cards that can be used for celebrations all year round; to congratulate colleagues, wish them nice vacations, and send them happy birthday notes.
In addition to creating holiday-specific cards, we also designed 5 evergreen cards that can be used for celebrations all year round; to congratulate colleagues, wish them nice vacations, and send them happy birthday notes.
In addition to creating holiday-specific cards, we also designed 5 evergreen cards that can be used for celebrations all year round; to congratulate colleagues, wish them nice vacations, and send them happy birthday notes.
Interactive Experience — For this year’s project, we were asked to do the UX/UI design and develop the online experience of the cards' creation. On the dedicated platform, the user selects the card theme, adds a textual note, records an audio message, and picks a music track. After that, they can preview the card before sharing it with their colleagues, friends and family. The complete experience is really fast and easy to use, and allows full customization of the greeting cards.
Interactive Experience — For this year’s project, we were asked to do the UX/UI design and develop the online experience of the cards' creation. On the dedicated platform, the user selects the card theme, adds a textual note, records an audio message, and picks a music track. After that, they can preview the card before sharing it with their colleagues, friends and family. The complete experience is really fast and easy to use, and allows full customization of the greeting cards.
Interactive Experience — For this year’s project, we were asked to do the UX/UI design and develop the online experience of the cards' creation. On the dedicated platform, the user selects the card theme, adds a textual note, records an audio message, and picks a music track. After that, they can preview the card before sharing it with their colleagues, friends and family. The complete experience is really fast and easy to use, and allows full customization of the greeting cards.
Animations can be created per minute
Stream and Download — Due to the large volume of accesses that we would be facing, we needed to create an online structure that could support high traffic and allow fast and stable creation of the animated cards. We therefore decided to create the cards using Lottie / Bodymovin, a lightweight technology that plays the video directly in the browser, on the user's computer or phone.
Web animations are perfect to be shared via a link, but we needed to deliver a video file to those who wanted to share the cards on social media. We added a feature that renders and downloads the video directly in the user's browser (on desktop), without the need to plug-in expensive cloud rendering solutions.
Stream and Download — Due to the large volume of accesses that we would be facing, we needed to create an online structure that could support high traffic and allow fast and stable creation of the animated cards. We therefore decided to create the cards using Lottie / Bodymovin, a lightweight technology that plays the video directly in the browser, on the user's computer or phone.
Web animations are perfect to be shared via a link, but we needed to deliver a video file to those who wanted to share the cards on social media. We added a feature that renders and downloads the video directly in the user's browser (on desktop), without the need to plug-in expensive cloud rendering solutions.
Stream and Download — Due to the large volume of accesses that we would be facing, we needed to create an online structure that could support high traffic and allow fast and stable creation of the animated cards. We therefore decided to create the cards using Lottie / Bodymovin, a lightweight technology that plays the video directly in the browser, on the user's computer or phone.
Web animations are perfect to be shared via a link, but we needed to deliver a video file to those who wanted to share the cards on social media. We added a feature that renders and downloads the video directly in the user's browser (on desktop), without the need to plug-in expensive cloud rendering solutions.
Credits ✶ Project Direction Luca Gonnelli + Creative Direction Cristina Pasquale + Design Silviu Chiriac & Alessandra Marin + Animation Riccardo Chiara & Fabio Orlando & Marco Oggero + Motion Engineering Matteo Ruffinengo + Automation Marco Oggero + Data Science Nima Farzaneh + Project Management Marina Echer Barbieri
Credits ✶ Project Direction Luca Gonnelli + Creative Direction Cristina Pasquale + Design Silviu Chiriac & Alessandra Marin + Animation Riccardo Chiara & Fabio Orlando & Marco Oggero + Motion Engineering Matteo Ruffinengo + Automation Marco Oggero + Data Science Nima Farzaneh + Project Management Marina Echer Barbieri
Credits ✶ Project Direction Luca Gonnelli + Creative Direction Cristina Pasquale + Design Silviu Chiriac & Alessandra Marin + Animation Riccardo Chiara & Fabio Orlando & Marco Oggero + Motion Engineering Matteo Ruffinengo + Automation Marco Oggero + Data Science Nima Farzaneh + Project Management Marina Echer Barbieri
Subscribe to our newsletter and never miss an update about Algo's projects, AI, and video automation technologies.
Site built in Framer