Rebranding Google's open-source mobile UI framework app
Flutter is a an open-source mobile UI framework from Google that provides a fast and expressive way for developers to build native apps on both iOS and Android.
Approach
We created a new visual identity, captured within a robust style guide used as a reference point for Flutter teams going forward. This included overall art direction, color scheme, iconography and UI design for a desktop and mobile app, in both light/dark mode.
Redesign task
We created pixel perfect splash screen animations and provided guidance on UI animations for both light and dark modes.
Category icon designs
For the re-design, we were also asked to redesign the category icons to fit with the new visual style.
{"partialsMap":{"/_partial.html":"/_partial-d94a04b0.html","/about/_partial.html":"/about/_partial-8f76b151.html","/join/_partial.html":"/join/_partial-34bab942.html","/join/london/people-coordinator-4UqRENwxKsgh3kyXGiXeve/_partial.html":"/join/london/people-coordinator-4UqRENwxKsgh3kyXGiXeve/_partial-c4987e75.html","/join/new-delhi/creative-technologist-1nFdc2o8zW3NZ3pPpDXXzg/_partial.html":"/join/new-delhi/creative-technologist-1nFdc2o8zW3NZ3pPpDXXzg/_partial-41cc814b.html","/join/singapore/senior-designer-art-director-45MAOGmK9jKy0fZpWISvb2/_partial.html":"/join/singapore/senior-designer-art-director-45MAOGmK9jKy0fZpWISvb2/_partial-0645f02c.html","/people/_partial.html":"/people/_partial-cba7ec60.html","/privacy-policy/_partial.html":"/privacy-policy/_partial-736a13ef.html","/terms/_partial.html":"/terms/_partial-9ae8faa2.html","/thoughts/_partial.html":"/thoughts/_partial-484fbdcd.html","/thoughts/10-unexpected-sources-of-creative-inspiration/_partial.html":"/thoughts/10-unexpected-sources-of-creative-inspiration/_partial-9aeea70b.html","/thoughts/a-content-agnostic-future/_partial.html":"/thoughts/a-content-agnostic-future/_partial-b55acc20.html","/thoughts/ai-design-experiments/_partial.html":"/thoughts/ai-design-experiments/_partial-2cacf535.html","/thoughts/an-introduction-to-progressive-web-apps/_partial.html":"/thoughts/an-introduction-to-progressive-web-apps/_partial-59725dae.html","/thoughts/approaches-to-cms-development/_partial.html":"/thoughts/approaches-to-cms-development/_partial-44953a78.html","/thoughts/are-voice-assistants-the-interface-of-the-future/_partial.html":"/thoughts/are-voice-assistants-the-interface-of-the-future/_partial-d5a6c62b.html","/thoughts/creating-an-immersive-360-degree-video/_partial.html":"/thoughts/creating-an-immersive-360-degree-video/_partial-cca0364d.html","/thoughts/creativity-technology/_partial.html":"/thoughts/creativity-technology/_partial-04378c34.html","/thoughts/getting-started-with-service-workers/_partial.html":"/thoughts/getting-started-with-service-workers/_partial-e19ad948.html","/thoughts/giving-brands-a-voice/_partial.html":"/thoughts/giving-brands-a-voice/_partial-ba03fe2b.html","/thoughts/google-brand-hacks/_partial.html":"/thoughts/google-brand-hacks/_partial-68574524.html","/thoughts/how-brands-can-use-progressive-web-apps-to-enhance-real-world-experiences/_partial.html":"/thoughts/how-brands-can-use-progressive-web-apps-to-enhance-real-world-experiences/_partial-7bd58a60.html","/thoughts/how-cute-little-monsters-launched-a-new-era-of-ar/_partial.html":"/thoughts/how-cute-little-monsters-launched-a-new-era-of-ar/_partial-08320f8c.html","/thoughts/how-we-integrate-sass-with-polymer-in-production/_partial.html":"/thoughts/how-we-integrate-sass-with-polymer-in-production/_partial-03ba119b.html","/thoughts/if-your-brand-could-talk/_partial.html":"/thoughts/if-your-brand-could-talk/_partial-42e65337.html","/thoughts/key-pwa-technologies/_partial.html":"/thoughts/key-pwa-technologies/_partial-fef0cb9b.html","/thoughts/making-music-selection-tactile-again/_partial.html":"/thoughts/making-music-selection-tactile-again/_partial-ec03c513.html","/thoughts/mental-wellbeing-in-a-remote-world/_partial.html":"/thoughts/mental-wellbeing-in-a-remote-world/_partial-dbf9fff5.html","/thoughts/open-innovation-with-save-the-children/_partial.html":"/thoughts/open-innovation-with-save-the-children/_partial-938aab6e.html","/thoughts/petsu-rapid-tamagotchi-pwa/_partial.html":"/thoughts/petsu-rapid-tamagotchi-pwa/_partial-9fd2d72b.html","/thoughts/Spreading Hope: The creative response to Covid-19/_partial.html":"/thoughts/Spreading Hope: The creative response to Covid-19/_partial-3867567b.html","/thoughts/state-of-voice/_partial.html":"/thoughts/state-of-voice/_partial-0a34c282.html","/thoughts/the-magic-code-understanding-the-art-of-business-to-developer-b2d-marketing/_partial.html":"/thoughts/the-magic-code-understanding-the-art-of-business-to-developer-b2d-marketing/_partial-4a64f00e.html","/thoughts/the-toaster-world-cup/_partial.html":"/thoughts/the-toaster-world-cup/_partial-b7344833.html","/thoughts/top-5-illustrators-to-watch/_partial.html":"/thoughts/top-5-illustrators-to-watch/_partial-395f8a60.html","/thoughts/upcoming-css-features/_partial.html":"/thoughts/upcoming-css-features/_partial-ef1424fc.html","/thoughts/why-effectiveness-in-digital-starts-offline/_partial.html":"/thoughts/why-effectiveness-in-digital-starts-offline/_partial-61d48dec.html","/thoughts/why-is-brand-authenticity-so-important/_partial.html":"/thoughts/why-is-brand-authenticity-so-important/_partial-d87cfece.html","/thoughts/why-we-built-our-own-travel-itinerary-pwa/_partial.html":"/thoughts/why-we-built-our-own-travel-itinerary-pwa/_partial-0434ac6f.html","/work/_partial.html":"/work/_partial-a82dc457.html","/work/abbott-dignity-campaign/_partial.html":"/work/abbott-dignity-campaign/_partial-6f4b87ad.html","/work/abbott-dont-wait-campaign/_partial.html":"/work/abbott-dont-wait-campaign/_partial-7780b812.html","/work/abbott-panbio-campaign/_partial.html":"/work/abbott-panbio-campaign/_partial-f05be15b.html","/work/air-new-zealand-visit-california/_partial.html":"/work/air-new-zealand-visit-california/_partial-0a28dd0e.html","/work/android-pay/_partial.html":"/work/android-pay/_partial-8ed007a8.html","/work/barfoo/_partial.html":"/work/barfoo/_partial-a911943b.html","/work/be-unstoppable-withalittlehelp-from-google/_partial.html":"/work/be-unstoppable-withalittlehelp-from-google/_partial-83cdafbd.html","/work/Boehringer-BreakUp/_partial.html":"/work/Boehringer-BreakUp/_partial-e74c4e3e.html","/work/bumble-campaign/_partial.html":"/work/bumble-campaign/_partial-dfc3a072.html","/work/celebrating-a-journey-of-democracy-hope-justice-and-love/_partial.html":"/work/celebrating-a-journey-of-democracy-hope-justice-and-love/_partial-fc2fa1b1.html","/work/clear-brave-the-heat/_partial.html":"/work/clear-brave-the-heat/_partial-7007f758.html","/work/creating-a-safe-and-exciting-web-where-young-people-can-thrive/_partial.html":"/work/creating-a-safe-and-exciting-web-where-young-people-can-thrive/_partial-6061035c.html","/work/DandAD/_partial.html":"/work/DandAD/_partial-719405b5.html","/work/DataGIFmaker/_partial.html":"/work/DataGIFmaker/_partial-4ca86023.html","/work/evernote-business-spaces/_partial.html":"/work/evernote-business-spaces/_partial-af727a13.html","/work/flutter-app-redesign/_partial.html":"/work/flutter-app-redesign/_partial-6f6434ce.html","/work/google-careers/_partial.html":"/work/google-careers/_partial-f8a8161f.html","/work/google-exec-circle-brand-identity/_partial.html":"/work/google-exec-circle-brand-identity/_partial-3e2156fe.html","/work/google-expeditions/_partial.html":"/work/google-expeditions/_partial-77cc9332.html","/work/google-experience-studio/_partial.html":"/work/google-experience-studio/_partial-ae548ad6.html","/work/google-for-small-business-one-stop-destination/_partial.html":"/work/google-for-small-business-one-stop-destination/_partial-a2c382a9.html","/work/google-india-shopping-withalittlehelp/_partial.html":"/work/google-india-shopping-withalittlehelp/_partial-af70492b.html","/work/google-insta-highlights/_partial.html":"/work/google-insta-highlights/_partial-daa0d1ab.html","/work/google-learn-web-tech/_partial.html":"/work/google-learn-web-tech/_partial-8604ca0f.html","/work/google-maps/_partial.html":"/work/google-maps/_partial-34578b51.html","/work/google-pay/_partial.html":"/work/google-pay/_partial-e095cdcc.html","/work/google-photos-kulwant-roy/_partial.html":"/work/google-photos-kulwant-roy/_partial-803b384d.html","/work/Google-play-germany/_partial.html":"/work/Google-play-germany/_partial-6df8dba7.html","/work/google-search-vietnam/_partial.html":"/work/google-search-vietnam/_partial-fd014a39.html","/work/google-search/_partial.html":"/work/google-search/_partial-1ba13f8c.html","/work/grabpay-pay-later/_partial.html":"/work/grabpay-pay-later/_partial-67b226b3.html","/work/helping-people-overcome-vaccine-misinformation-through-honest-real-reviews/_partial.html":"/work/helping-people-overcome-vaccine-misinformation-through-honest-real-reviews/_partial-3d4dc0e2.html","/work/hire-with-google/_partial.html":"/work/hire-with-google/_partial-2d44fb44.html","/work/inside-abbey-road/_partial.html":"/work/inside-abbey-road/_partial-c186af9a.html","/work/inspiring-women-in-india-to-searchforchange/_partial.html":"/work/inspiring-women-in-india-to-searchforchange/_partial-87c81e06.html","/work/life-in-a-day/_partial.html":"/work/life-in-a-day/_partial-8bb89062.html","/work/making-science/_partial.html":"/work/making-science/_partial-90bbb5f4.html","/work/natural-history-museum/_partial.html":"/work/natural-history-museum/_partial-471ea50d.html","/work/pringles/_partial.html":"/work/pringles/_partial-87bd6ca1.html","/work/real-time-data-driven-creative/_partial.html":"/work/real-time-data-driven-creative/_partial-7baa07aa.html","/work/samsung-family-hub/_partial.html":"/work/samsung-family-hub/_partial-25ff12c6.html","/work/shining-a-light-on-a-crisis-within-a-crisis-with-search/_partial.html":"/work/shining-a-light-on-a-crisis-within-a-crisis-with-search/_partial-7b599809.html","/work/tackling-climate-change-with-google-org/_partial.html":"/work/tackling-climate-change-with-google-org/_partial-7e0dbcc8.html","/work/taking-google-ads-to-new-heights-with-ar/_partial.html":"/work/taking-google-ads-to-new-heights-with-ar/_partial-583045db.html","/work/thanking-doctors-and-nurses/_partial.html":"/work/thanking-doctors-and-nurses/_partial-201eb39e.html","/work/the-legends-family-adventure-for-google/_partial.html":"/work/the-legends-family-adventure-for-google/_partial-4b19eb0a.html","/work/the-maturity-lab-brand-identity/_partial.html":"/work/the-maturity-lab-brand-identity/_partial-a97d7850.html","/work/toasting-a-major-milestone-for-minecraft/_partial.html":"/work/toasting-a-major-milestone-for-minecraft/_partial-88991e4a.html","/work/ushering-in-the-future-of-supply-chain-logistics/_partial.html":"/work/ushering-in-the-future-of-supply-chain-logistics/_partial-27fd79c3.html","/work/your-everyday-drive/_partial.html":"/work/your-everyday-drive/_partial-4695d7b1.html","/work/youtube-10/_partial.html":"/work/youtube-10/_partial-e0eeba68.html","/work/youtube-creator-marketing/_partial.html":"/work/youtube-creator-marketing/_partial-96fb6753.html","/work/youtube-culture-and-trends/_partial.html":"/work/youtube-culture-and-trends/_partial-a60962b7.html","/work/youtube-fanfest/_partial.html":"/work/youtube-fanfest/_partial-4cf63e09.html","/work/youtube-love-notes/_partial.html":"/work/youtube-love-notes/_partial-878b9910.html","/work/youtube-space-lab/_partial.html":"/work/youtube-space-lab/_partial-877c1322.html","/work/YT_my_year_in_review/_partial.html":"/work/YT_my_year_in_review/_partial-898f64af.html"}}
Toaster serves cookies to analyse traffic to this site. Information about your use of our site is shared for that purpose. See details.