Microsoft
directed by vvand
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. You can say it’s a new cross-platform library. “Fluent” is about designers and developers working together better, 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. You can say it’s a new cross-platform library. “Fluent” is about designers and developers working together better, to create best-in-class experiences that empower their customers.
![](https://freight.cargo.site/t/original/i/7d4db8c9a9105713229ada5a9e7ba38cc163a8fcfc3c6e7fb00f2d44504a034a/MI-130_STILL_1x25_01.jpg)
![](https://freight.cargo.site/t/original/i/5b4eac62dd4e1a95b80c12f4669aeb21f7ca0208800319ee67c321a685e421e2/MI-130_STILL_1x25_04.jpg)
![](https://freight.cargo.site/t/original/i/9151602e98f933ad05649da288c34915c08dbf7d8af3594c9a9b72c1a83d101e/MI-130_STILL_1x25_05.jpg)
![](https://freight.cargo.site/t/original/i/439cf9eac7e02af6db23d21f0719d3caa943990c93619c7209596f84b0c547a1/MI-130_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/5b5d374946066bfd83f42426a63a83bbf76ef74a401df7c38b8c229f862713ce/MI-120_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/ecc42a8cb3a8d22e5ca184bc7a75db1f0def6a832cd4fe083379d1a4578f58d1/MI-120_STILL_1x25_03.jpg)
![](https://freight.cargo.site/t/original/i/c9fc606629b9fae2226df2f2a11e5b159e437beee3ae8314281e7bcfb19a3e6f/MI-230_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/041061a07f916d35b3fe80497741b0096ebaf703ad856933d28a73a1ac618752/MI-210_STILL_1x25_04.jpg)
![](https://freight.cargo.site/t/original/i/8b1fdd840b8da601a154d7fd6934d013d06d31d1981058656ef4e3e239bdc7ff/MI-230_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/df6bcb32dc9d7a796f202e2cc27f9eb4648c0349b67d40a5174889c4a7ca3a20/MI-230_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/3f08b3d5dd70851195612b743fe0c0b765df9ad6efa5fc1700cc9f12ca2ceb69/MI-320_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/284ec6dd195e0f5fced55bf6ae2400eb5bc86c1e2923736c9d21995369dad731/MI-320_STILL_1x25_01.jpg)
![](https://freight.cargo.site/t/original/i/38ac6b07b6aa3645a46ca803ee3dbbd596c08ce26ac4eb2aea7b8b9b2255a325/MI-340_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/1db6a5cef5fdddb0365123a61c2f40290c30766994ee4983f9fc5cb1430abcb3/MI-340_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/ccf0d5e3cb326dbcb1ad1ccbee67425d7510c1beb8948c7b2264cdd3f8f378b5/MI-410_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/99803153f92b5fb1347a1c103c1f52edd1ae13977e69f23243f394c1796d3b9c/MI-420_STILL_16x9_01.jpg)
![](https://freight.cargo.site/t/original/i/0fa0df16a2e292f485a2ed9687e2e5f322395ed2f0a3bccb2a5dd1712a293880/MI-410_STILL_16x9_04.jpg)
![](https://freight.cargo.site/t/original/i/360c17f6fde251e109430bc59098a82a8834b0ba84ebcc696c23cd829ce3348a/MI-530_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/d3ca476a22943efd0b5dd921fc17d626cf165d4970e3742c3d96a9c0136b11ff/MI-515_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/61fef4087d3e97080edc1edc50dfac229de506a0d725d4ace4d6b2caf83e816e/MI-515_STILL_9x16_03.jpg)
![](https://freight.cargo.site/t/original/i/6351b6a51ae793c17caffe53219b07602d49b78c6017fb5a86950fac2f3282f6/MI-510_STILL_16x9_02.jpg)
![](https://freight.cargo.site/t/original/i/84d298b26d98b71be337767d05b779ed49f7063f1eaf9122c38037d67282a853/MI-540_STILL_16x9_02.jpg)
SOME RND FRAMES
![](https://freight.cargo.site/t/original/i/470e8737e9d6db9bb817ebcd0f2be01c72450526db2177ff0bde1ed178a2f2c9/MI-130_STILL_9x16_02.jpg)
![](https://freight.cargo.site/t/original/i/4a0c76f68c09eb0101cfc969cae82a91bf9025a70826b4cb08a41f5d38946aea/MI-130_STILL_9x16_01.jpg)
![](https://freight.cargo.site/t/original/i/f2f91ffaa0ff94f3de915297cf6a6e2bfd8e2d8adb57d6e12bbcf31cc681440b/MI-130_STILL_1x25_07.jpg)
![](https://freight.cargo.site/t/original/i/4c840497095920a0b6dc4325447d6a7830e24c74a59f6fa7ad91ff220da13541/MI-510_STILL_16x9_03.jpg)
![](https://freight.cargo.site/t/original/i/900bedeee7e8b9e1ccce888b6e2d3cec955d2ec0e26a33d153553ca7209554d5/MI-310_05_02_0034.jpg)
![](https://freight.cargo.site/t/original/i/5ca2e924ee22bb87e7c448172ada6910db4f9f574cfbddd66a206d8022d1e38b/MI-510_04_01_0057.jpg)
![](https://freight.cargo.site/t/original/i/c9b80f9b0cef03de9c5194e7195b6a85947eaf7a084365085938f09e1c5ec732/MI_STAGE_SCREEN_05_01_0071.jpg)
![](https://freight.cargo.site/t/original/i/b4530dcaf98b2e8eea65eafcdea431131b2375d7e862430ff5f5a9a7ef37c487/MI_TEXTURE_TEST_03_0000.gif)
![](https://freight.cargo.site/t/original/i/6fcba06faf35c51f4bd33493a4be40bb0268721a9402d002c2aaa20bb0d898ae/MI-130_09_01_0081.jpg)
![](https://freight.cargo.site/t/original/i/c789a6f56970dd1c55774ffb4a14ca35e4e5dcaf03f38bffef5b20c25c06090c/MI_STAGE_TOGGLE_02_01_0139.jpg)
![](https://freight.cargo.site/t/original/i/bed5d0f7896808b7aeda5d4399e01dd2568bdcd941bd673e6ee3012e7cc09c24/MI_TEXTURE_TEST_01_0000.gif)
CREDITS
Year:2020
Client: Microsoft / Nando Costa
Design & Direction: VVAND
Simulation: Moritz Schwindt
Typography: Sawdust
Sound: Zelig Sound
.
Exhibited at Dutch Design Week.
Client: Microsoft / Nando Costa
Design & Direction: VVAND
Simulation: Moritz Schwindt
Typography: Sawdust
Sound: Zelig Sound
.
Exhibited at Dutch Design Week.