Flowe Illustration system
We designed more than 200 assets for the fintech app Flowe, building up their illustration system around the theme of sustainability.
![flowe_vimep](https://admin.illo.tv/storage/uploads/2021/03/30/60633156eadf5illo_flowe_vimeo2.jpg)
Check it on — Behance Best Of Behance + Instagram Post n° 673 + Post n° 676 + Stash Flowe Mobile App Illustration and Animation Case Study by Illo + Mindsparkle Flowe — Illustration system
Natural elements — We built the illustration system playing with various elements that recall the logo and the brand’s values. Fluid shapes become central, creating a constant flow from tree canopies to bubbles or blobs.
UI elements & reactions — We also had the chance to animate and illustrate some of the app’s more graphical UI elements. Among the various assets we created, we included 6 different animated reactions, allowing users to communicate in a more fun way.
![flowe_Contact UI element](https://admin.illo.tv/storage/uploads/2021/03/30/60632cf898375rubrica2.png)
Character design: The Witcher — The character acts as something of a magical guide for the users, helping them get a better understanding of the various app functions or actions. We designed the character from multiple points of view, in several different moments and situations, in order to create the system.
![flowe_savings](https://admin.illo.tv/storage/uploads/2021/03/30/6062ef54ac4f9savings.jpg)
![flowe_Sketch](https://admin.illo.tv/storage/uploads/2021/03/30/6062ef7f0c6festop_sketch.png)
Hand gestures — Certain instances or copywriting required a more detailed, conceptual or abstract approach to illustrations. We introduced the hand element so as to maintain a certain human touch and an overall coherence.
![flowe_Time tracking](https://admin.illo.tv/storage/uploads/2021/03/30/6062f0c891737time-tracking.jpg)
![flowe_bring a friend](https://admin.illo.tv/storage/uploads/2021/03/30/6062f1163cf95promis.jpg)
![flowe_High five](https://admin.illo.tv/storage/uploads/2021/03/30/6062f12f24359high-five.jpg)
Tools & objects — Real life objects get the same Flowe treatment: shopping bags sport botanical graphical elements, while hourglasses are aglow with fireflies. Everyday items get a mystique makeover, entering the Flowe universe.
![flowe_Shopper](https://admin.illo.tv/storage/uploads/2021/03/30/6062f1ab573cbbag.jpg)
![flowe_Leaf](https://admin.illo.tv/storage/uploads/2021/03/30/6062f1c224470leaf.jpg)
![flowe_Countdown](https://admin.illo.tv/storage/uploads/2021/03/30/6062f1e20ae64time.jpg)
![flowe_Debit card](https://admin.illo.tv/storage/uploads/2021/03/30/6062f1fabb08acard.jpg)
Character diversity — We designed the characters with a young audience in mind, bringing an urban touch to the natural world with outfit details and other relatable elements blending in the mix.
![flowe_Looking forward](https://admin.illo.tv/storage/uploads/2021/03/30/6062f2843e612lookFar.jpg)
![flowe_Characters](https://admin.illo.tv/storage/uploads/2021/03/30/6062f2c3a73e6allTogether.jpg)
Badges — The whole app is built around the gamification concept, so we created more than 70 different badges to help users set and achieve various goals.
![flowe_Bedges phone](https://admin.illo.tv/storage/uploads/2021/03/30/6062f57fa9283bedges_phone.jpg)
![flowe_bedges](https://admin.illo.tv/storage/uploads/2021/03/30/6062f5a4473b2bedges.jpg)
User profiles — Following the completion of a built-in app test, each user gets a profile assigned according to a set of values revolving around 4 different concepts: talent, reward, altruism and passion.
![flowe_Profiles](https://admin.illo.tv/storage/uploads/2021/03/30/606324044e237profili.jpg)
![flowe_freelancer](https://admin.illo.tv/storage/uploads/2021/03/30/606324200a590freelancer.jpg)
![flowe_Enthusiast](https://admin.illo.tv/storage/uploads/2021/03/30/606324517306dculture.jpg)
Debit card — The illustration system transcends the online world to take shape in the offline one, as the Flowe debit card for a very young audience.
![flowe_Debit card](https://admin.illo.tv/storage/uploads/2021/03/30/6062f6c27f4e3debitCard.jpg)
Credits — Creative Direction Ilenia Notarangelo + Client Direction Luca Gonnelli + Art Direction & Design Cristina Pasquale + Illustration & Character Design Sofia Buti + Character Design Arianna Cristiano + Character Design Anya Derevyanko + Animation Lead Laurentiu Lunic + Animation David Cubitt + Portfolio Video Case Study Giovanna Crise + Service Concept & Experience Design Sketchin