MICROSOFT
![](https://freight.cargo.site/t/original/i/7f3283b41dd0d99aa9dd4bb5049b240226253ed4f751c1f260965da3d20fc7e5/MI-130_STILL_16x9_01.jpg)
FLUENT UI
↝ DESCRIPTION
The Microsoft Design team approached us 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.
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/acbd1df21acf5dadc883c8c0d9f763babf77ed81aa3ff64ce12b04b1cd9cd243/MI-130_STILL_1x25_01.jpg)
![](https://freight.cargo.site/t/original/i/f866519798f7f4da2afc93ffad0f3dfb1eb86df5667754ffca3f9a5be87013bd/MI-130_STILL_1x25_04.jpg)
![](https://freight.cargo.site/t/original/i/3ed62778b8fc6a221c869e69e951f21a1c164dbb83c063e4529a3b97e878dfe5/MI-110_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/0ca94fb7b74de59fc90e46c9215a6ca064bd8339dddc5f6bee7f385e2f1438d7/MI-120_STILL_1x25_02.jpg)
![](https://freight.cargo.site/t/original/i/d63d28fba90522312435e5481759ad97eadb1b004327500746945f47f8babb02/MI-120_STILL_1x25_03.jpg)
![](https://freight.cargo.site/t/original/i/2543e8c157a97296b605bf0b01fa09f9ccd92f0d62a01855e3ffb77c93322d00/MI-120_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/3d2047610ab3d0f57197e3ef8b6e43599da90cf97b949704d59d3f45e93e93d4/MI-130_STILL_1x25_06.jpg)
![](https://freight.cargo.site/t/original/i/7d98b8b076cd4abfa05762d4458615e9a672e890cf52ae0699a361244abbd054/MI-130_STILL_1x25_05.jpg)
BLUE
WORLD ︎︎︎
![](https://freight.cargo.site/t/original/i/bb06738293de3387848138c88e46a2d49b2b2d46c78c8299268ea7695ab17ada/MI-210_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/35e16d1529f6514654e228d2a3e21f5ad58d3e26c667d3020215c1a5cd3d2db6/MI-210_STILL_1x25_02.jpg)
![](https://freight.cargo.site/t/original/i/6bdbcdae6bd50b6e5dbe0ef3a529b9af5b869a865adaa6b6183e28789e12141b/MI-210_STILL_1x25_04.jpg)
![](https://freight.cargo.site/t/original/i/9f8967b0530be1acb125a93689f8818aeb6958d02cfee0ed32dc8d71e4be1a7c/MI-230_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/444075265e64ca2543b8237d14e66d4566cf04891adfd86068f66915a7c2947c/MI-230_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/375b858570ffd48804d6151c9cf5bc14534983a096a7224e0dc27104c71d2864/MI-230_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/9b075eea10e73d9604f73fd1f0130f1fc7c7ecef4c5e811851b4a1fc6cad7627/MI-230_STILL_9x16_04.jpg)
![](https://freight.cargo.site/t/original/i/1c2ca8776920fcbe8f19b645287a014c18fb540eb46a9071e46d3302eace5fc7/MI-240_STILL_9x16_03.jpg)
![](https://freight.cargo.site/t/original/i/4be1e1f3da9c28effc39985797e3e0eea0ab2ff6abbd11855814d9437d511d91/MI-240_STILL_16x9_01.jpg)
GREEN
WORLD︎︎︎
![](https://freight.cargo.site/t/original/i/35d9950b53c322c06e638da833a8048368bcd27671a7c9c74d6cd611320ecdff/MI-320_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/5673915b66722b0424d584f3068fffdd7e5598e2a932553e7c3bc1338df6af8d/MI-320_STILL_9x16_03.jpg)
![](https://freight.cargo.site/t/original/i/e4428bede09dfafa6bf12bd153e0a3ce5bc11537906632a9644c09fe819ccd04/MI-320_STILL_1x25_01.jpg)
![](https://freight.cargo.site/t/original/i/f0dc253cec74a0be4e03668e582556b64ef02f4f155b57c32f583d8881487693/MI-340_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/5f529ee342382b2bcaa1fdb6d6d93a737553fb9433464609d98bc01103094337/MI-340_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/54248c6d4a573e4a8079bc34109505a39c6826fea5977102427d3951c83d4b80/MI-340_STILL_9x16_03b.jpg)
![](https://freight.cargo.site/t/original/i/b2625221b9ade076adbd1c628a29bc53439aba670709f20e9aa582187fc01b3d/MI-340_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/b21115c67cde6608e79fc1422e9a31b29abc6c7b83c82de408b936a86c31cd11/MI-310_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/68fd338733b95637ab9384553da9d638b6c28fd4e3393ec01b33e4a7a36af9df/MI-310_STILL_16x9_01.jpg)
PINK
WORLD ︎︎︎
![](https://freight.cargo.site/t/original/i/a92d3bd5bd57e8afe65b2448e8b57adfc70d3ac116d15e96cfabdd02fdc61a6d/MI-410_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/53b7d9b59f581d8790762dfe6a6c98a45fb23c0c515f871ac8cd3342b68529d8/MI-410_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/57bddc66c4ea940e82b0f1bd4dab42a1b52c75ffc92d188bd20029348f05e4ac/MI-410_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/8cff9740591670b41719a3a7bcb4f29fb81306e7ab9e0ca400c7551b09d0b7b1/MI-440_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/90513b8aca0dc128a66449bb7d58cbf5a079147847d14c35ab583d8a33a2df5b/MI-420_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/f3ac359c6137d1820cfc4d0edd13599c21eca2cc2471b152a070db128cec4f40/MI-430_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/94612189b4c755e8547949134400462fb27ca31eb116d25193b34ccf5c3c54b4/MI-440_STILL_16x9_01.jpg)
RED
WORLD︎︎︎
![](https://freight.cargo.site/t/original/i/6a75921c259943ff8713e168623b52638bcfff4a08303641578b6274391ceab7/MI-515_STILL_9x16_03.jpg)
![](https://freight.cargo.site/t/original/i/b51f286fd2a7ada5317c1b3a60a348108a7b780f8f7c56858284f9a64a5e24f6/MI-530_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/5f954054eeed3299ca81982ea9eb075a5d78c3d311abf780aec1951b14133316/MI-515_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/17bf5703de789b339d20c6e16479cc7a2b7fd0bc897256db79ec16c6db312de2/MI-510_STILL_16x9_02.jpg)
GREY
WORLD ︎︎︎
![](https://freight.cargo.site/t/original/i/375bad24dbfebe5171aefd39cac8bbff65025ea1f473ba4629549323402c3069/MI-540_STILL_16x9_03b.jpg)
![](https://freight.cargo.site/t/original/i/8e88eb05cec7ae327cc1b548383a39cf873a12d7c8e3737f5ef45d10f791ad02/MI-540_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/a40e01862dc0adb96e5b19c85d18de1e72c94c9470ddaee3e1b4e733827d5995/MI-010_STILL_1x1_01.jpg)
![](https://freight.cargo.site/t/original/i/f66bd16a912b266d75e4cd6eaaf3b88bb83a66a1d77a74077fffc23a5a8e4dd5/MI-010_STILL_1x1_04.jpg)
![](https://freight.cargo.site/t/original/i/3b332081d135e78aeb5268fabfd95ec2f84f2c9fc1c730b1e83fc0463b2a29ff/MI-010_STILL_1x1_02.jpg)
![](https://freight.cargo.site/t/original/i/0b02887944bf4f0ace595d0da357bfb5ee5eccfc123966647a6bf36c01a7107e/MI-540_STILL_1x25_01.jpg)
![](https://freight.cargo.site/t/original/i/fe328332180a17cfe4093b14e81551c5076e1b55798fa7c4c8e4b9cd40e874b6/MI-540_STILL_9x16_01.jpg)
SOME R&D
EXPLORATION︎︎︎
![](https://freight.cargo.site/t/original/i/f7318565a02c9ba8bac64ac43304b150e5c7759d600076f36ed7f659cacf4210/MI-130_STILL_1x25_07.jpg)
![](https://freight.cargo.site/t/original/i/e7b776be25fe294d9b79528fed38bfc9a0fdadb8592f3c09b58b63e8e8004bb0/MI-130_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/54295339b540c0acb4d747ce9ede2d4b7c9c3329f87c76df05fc5d7d0f0b48c8/MI-515_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/fab2de8b486e7c6725046b436efb7948a939ba529f40fd19dc23a2738ea99cdc/MI-130_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/3722ad19c73492c001ce0f3d298992067858a8db863a5a1bde15021e37d5acdb/MI-510_STILL_16x9_03.jpg)
![](https://freight.cargo.site/t/original/i/64b8018f54773a7fffb407ee06e281166788b6c1d3b46ba6132dc86198c9790c/MI-340_25_STILL_04_bunt0113.jpg)
![](https://freight.cargo.site/t/original/i/faef7c1cdb63ec064ecea5b07a02e820428d7490060130cc53ad61e8b6df9dbf/MI-120_STILL_1x1_01.jpg)
↝ credits
Year:2020
Client: Microsoft / Nando Costa
Design & Direction: VVAND
Simulation: Moritz Schwindt
Typography: Sawdust
Sound: Zelig Sound
Client: Microsoft / Nando Costa
Design & Direction: VVAND
Simulation: Moritz Schwindt
Typography: Sawdust
Sound: Zelig Sound