MICROSOFT
DESCRIPTION →
●
2020
○ creative direction | design | animation
→ The Microsoft Design team approached us (Vincent Schwenk and me) to create a teaser for the Fluent Design System. It’s one of the major topics at the Microsoft Build 2020 conference.
Fluent UI is kind of a collection of UX frameworks for creating web and mobile apps that share code, design, and interaction behaviour. It’s a new approach to how Microsoft works across disciplines and product teams to deliver more seamless experiences that feel natural on all devices. You can say it’s a new cross-platform library or just simply put, Fluent is about designers and developers working better together to create best-in-class experiences that empower their customers.
○ creative direction | design | animation
→ The Microsoft Design team approached us (Vincent Schwenk and me) to create a teaser for the Fluent Design System. It’s one of the major topics at the Microsoft Build 2020 conference.
Fluent UI is kind of a collection of UX frameworks for creating web and mobile apps that share code, design, and interaction behaviour. It’s a new approach to how Microsoft works across disciplines and product teams to deliver more seamless experiences that feel natural on all devices. You can say it’s a new cross-platform library or just simply put, Fluent is about designers and developers working better together to create best-in-class experiences that empower their customers.
![](https://freight.cargo.site/t/original/i/641760b4ae078c89759aba7d38b7be3198176cbeebb1a28436398fa290bebed6/MI-130_STILL_1x25_01.jpg)
![](https://freight.cargo.site/t/original/i/5a03c87d09d41364c2c1d187349b5045726f0006fcef39b15134158443e75687/MI-130_STILL_1x25_04.jpg)
![](https://freight.cargo.site/t/original/i/627ac412aaec1c50072055d8ce13b68e4a13396baa64eb820ce7b298d7a2d190/MI-120_STILL_1x25_03.jpg)
![](https://freight.cargo.site/t/original/i/ad7f8400af60463f5c4224236719052e33b974418e311412c6647e8fac995e16/MI-120_STILL_1x25_02.jpg)
![](https://freight.cargo.site/t/original/i/f80ca2176ed85fc1e545d0c69df6da8ab267c07a420e19922d6a3a2aee2ded0b/MI-110_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/4d131f66a1793c9abcfd15ae79b2f5a52b178915b13c8a66837474386edcb9ac/MI-120_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/8398c920edfebe5dd77c0a0cfefd54c446952acc9a5a5f155c23c9849fde45ac/MI-130_STILL_1x25_06.jpg)
![](https://freight.cargo.site/t/original/i/a0a8d99c1badb89b277ecb6b3bc364d0d62f69835b42225da98c03c5b8fb4f38/MI-130_STILL_1x25_05.jpg)
![](https://freight.cargo.site/t/original/i/2c80c3682a9c7dc042e587dbcb85f53ca4298c1041120e9de5aaa5c2984343d6/MI-210_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/ae5ecaae6aeb232546046bb074b510ec091f2e931381ef952360251b5e1cb178/MI-210_STILL_1x25_02.jpg)
![](https://freight.cargo.site/t/original/i/2c0d2ab6fc2d0b5872254d99483c73c9c06e44e184fedab1be36ecf2c239a480/MI-210_STILL_1x25_04.jpg)
![](https://freight.cargo.site/t/original/i/3cebca0eedcbbd03c67af0008f566531f79bf2690f4f3f69d1b55efdc916161e/MI-230_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/5bc33dbe3172612c2dbf5acfddca85f459fee592ed300ce4f17d6167fca023f2/MI-230_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/c37b13be99c3938077b10b7ffdf08cead231bb070c2115b0d94ffafbe924e41a/MI-230_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/25c517e2a1fa5d8465042f1c588b2762ce08d28372da52442e154624647308d8/MI-230_STILL_9x16_04.jpg)
![](https://freight.cargo.site/t/original/i/28a33bdc22eb18ff82987e779a264909ad33b4e0f184ed8418b5fb2071ddbc46/MI-240_STILL_9x16_03.jpg)
![](https://freight.cargo.site/t/original/i/a385c655465bde6d294921687bd8cd55d3951a0dfab20df5f6c4ec8db30f71ec/MI-240_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/35bf3ad20379080c83f3d50652b9bc7818be3a80ad9eb189a9b8c92d7e89afef/MI-320_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/7b3c5dc3713176ac7efe46ab4ccf2b64b8add998e5efea0778f4d1502d8eb7db/MI-320_STILL_9x16_03.jpg)
![](https://freight.cargo.site/t/original/i/11422bb60a8e47eb0688170129f9ac410f908b351c9c30cffdfcb1bc78d38649/MI-320_STILL_1x25_01b-1.jpg)
![](https://freight.cargo.site/t/original/i/ba4503f3e42975d060544ff82055074870d95e60c4cbdcba683a5a45e3235b3a/MI-340_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/47e7c2fa969d48af5e5cd1bea204b679555a782c43aa53c34f5e85997a70cf54/MI-340_STILL_9x16_03b.jpg)
![](https://freight.cargo.site/t/original/i/54ee64e74ac9afb3c2f6e6677844110bc9e56a66e282d096bfdb9eb9089f3bdf/MI-340_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/2946d890539d3857a3aef5981775b06263980eb7175a3f9fa4cc06751030af97/MI-340_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/98512a818afa0c932e9690ad276dabe9ee83e30627e750068cafefb1dea00775/MI-310_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/f39da0c7da0ba7d20094eb57e5b00a0bb7b287e3bb6b888ed3ce3c0a5330c666/MI-310_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/18a467ac4077a2fc796fa3f55bb9b2b5cd7f7b5bf8106f24e0ce0d9bbf676252/MI-410_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/949710245fb63e8aa97590c4e2c851e1520a6cc52b7cb2a91ed9ec1498d0cebb/MI-410_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/d91ec63ccfbb28b3bf1c0932da671c1ceba4f063484e9628a3fe1649e03c7b3d/MI-410_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/572defcaaf840b4d0e99b01856ab3c94939649cea3408a928652e0a06255b0a1/MI-440_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/78ee77d2aa9009e054a1f6166497e23d78b09dd4cad15d89c3ce752bb89aabfe/MI-420_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/dc7600988a51e4fbaf421b34246f98480baaf4a6e984c126a0f9cb6643fd1c8c/MI-430_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/b63c611a6929dd48beb084f2b168d3aea42f00aac1adf7be6831bc642030c253/MI-440_STILL_16x9_01.jpg)
EXPLORATIONS
![](https://freight.cargo.site/t/original/i/34e202f62420362a79b8dff91f9632a200e27488d4f1c90fe0e82eec3103b569/MI-515_STILL_9x16_03.jpg)
![](https://freight.cargo.site/t/original/i/bab95c228bd4025bb8c00e25de27829766dcc1f242d690f4dabf24ac6b7c81e9/MI-530_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/e425fefaa4af7711a87666002b2d3b1440ccc1e2a7f66bca3b743523a73117d9/MI-515_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/bde1591c7ede026be5647c449187435aeb3bed202ff62cb711d1cba5394e079d/MI-510_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/bc0386875d6413cc121763e4404f72c3c95e5b8787114a5727dfabf6285b547f/MI-540_STILL_16x9_03b.jpg)
![](https://freight.cargo.site/t/original/i/2a9518ae0fe9a2254ad20476d412df26be2d3ebf3f594f118a13c00c324b446a/MI-540_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/e5b25f10e80d2bcc176c6b9a5c8d11f350e91784206eb389dba38af717f45667/MI-010_STILL_1x1_01.jpg)
![](https://freight.cargo.site/t/original/i/d1325c7ac867f498b8342909bf6469c81f0f91c6f5bd66eb3eeadacb17f2f75d/MI-010_STILL_1x1_04.jpg)
![](https://freight.cargo.site/t/original/i/57a2691f9614bd76b803e761c2925e080febbe012bfe8612da485583cf3d0163/MI-010_STILL_1x1_02.jpg)
![](https://freight.cargo.site/t/original/i/b3789396d0d560fa4bc1790dd4cfa533b22504a2b0c426c132e9baf99b44732a/MI-540_STILL_1x25_01.jpg)
![](https://freight.cargo.site/t/original/i/ec001f8dd675105f47d61b3648afb17d19cb3dd1e992e4001ae7ffb8285160b3/MI-540_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/b57c119b9b2db8f975bb6de2118bb7e7a9b1eb28f7d8a16bf058c3630790f211/MI-130_STILL_1x25_07.jpg)
![](https://freight.cargo.site/t/original/i/bfde6ad05675d8d1ba6fbf9de7404ddcfb12eb1ffac9a017813d8857d27de650/MI-130_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/ab18c39556bbbe20041f97e0de3e78194cf82c0b39407c323bf6fa04dd9ab5fd/MI-515_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/417ebb677772af4d9958770f0757dc8a1ff344ea3d2a6c405f56f60531e88c39/MI-510_STILL_16x9_03.jpg)
![](https://freight.cargo.site/t/original/i/0006f416f3650a4dcf9f77f86307fdcf2d321487b972ebd3185cd780ea84aeea/MI-340_25_STILL_04_bunt0113.jpg)
![](https://freight.cargo.site/t/original/i/afbab0c16359432c261ba01b6b97dd841cb7f103170b1105d87e04704a2fb49a/MI-120_STILL_1x1_01.jpg)
credits
↔
client:
microsoft / nando costa
creative direction: vitaly grossmann & vincent schwenk
design and animation: vitaly grossmann & vincent schwenk
typography: sawdust
sound: zelig sound
creative direction: vitaly grossmann & vincent schwenk
design and animation: vitaly grossmann & vincent schwenk
typography: sawdust
sound: zelig sound