Microsoft Tech Community
As this digital group started bursting to life over the past year, Microsoft wanted to flesh out a vision of what being a part of this community could feel like. So together, we forged these video bumpers and a suite of web assets for users to personalize their MTC pages.
We focused on using dramatic glamor-shots, to create elegant compositions with our three simple shapes. Illustrating the harmonic opportunity that exists when we collaborate, learn and share with each other.
We focused on using dramatic glamor-shots, to create elegant compositions with our three simple shapes. Illustrating the harmonic opportunity that exists when we collaborate, learn and share with each other.
![](https://freight.cargo.site/t/original/i/1b77fc3021fe690bf855760f260fdf8b5665265d24db76b02095ed25324314c2/MTC_Intro_FINAL_web.gif)
![](https://freight.cargo.site/t/original/i/9ffc0c221be0bfa3d64677bfd219a1a00efc3768c9471b254fe9b94b0090dc1a/MTC_Intro_FINAL_web_Moment_1.jpg)
![](https://freight.cargo.site/t/original/i/dfb173a61996a342a494490ec15e4ac9ea97d14a01f9f80218c815f8151dc586/MTC_Intro_FINAL_web_Moment_4.jpg)
![](https://freight.cargo.site/t/original/i/71f0ad281d3f5473e37924b99d3f6cbcfad40191aab706fcfc09ddecef2a466c/MTC_Intro_FINAL_web_Moment2.jpg)
![](https://freight.cargo.site/t/original/i/fba8ab89d0b803698b572700f6dc84bd39d2d46d7ac2d25d67cb6e1524ad48d4/MTC_Intro_FINAL_web_Moment_2.jpg)
![](https://freight.cargo.site/t/original/i/33fc5b67cca97b86c871eb1125bf2ccb533c6cbee8083663a64671b18ca6510d/Untitled-Artwork-7.jpg)
![](https://freight.cargo.site/t/original/i/bc59994963b3949a0465938fbd0a2d62d0317ead6a90f6451d399f2ea450daf6/Untitled-Artwork-6.jpg)
![](https://freight.cargo.site/t/original/i/0c57ac92323d02cef5c3a7fd0367a8d1fd168b109272a4142746571741677888/Untitled-Artwork-3.jpg)
![](https://freight.cargo.site/t/original/i/30dd5beab2c0199e689d16c6f02a48ae63fe9fa6c049ea1f3f636da446992dc4/Untitled-Artwork-4.jpg)
![](https://freight.cargo.site/t/original/i/7ed0019e28f7462719335ac3aff4ff2ea3b85bccfe69a1ea86a18a0061f86549/Untitled-Artwork-8.jpg)
![](https://freight.cargo.site/t/original/i/769092b7b9fcd25de54e28cfb542087debdc1b0493e9209e802dcd1c7de7085d/Untitled-Artwork-9.jpg)
Web suite
We identified a system of banners, thumbnails, and cards to work alongside the animated bumpers. 3D micro compositions of the tessellated shapes would lead the pages, while simpler 2D shapes were positioned across a variety of second level uses.
![](https://freight.cargo.site/t/original/i/501af0390222cc72182ccade04324e8b0a03b1ee1defa861e4a2b042aa9a2f55/MTC-MOCK-UPS-02.png)
![](https://freight.cargo.site/t/original/i/366dc01858a7220b812356b0013b5c1979cc12a99fb8351191c4a0f181d9c2b0/MTC-MOCK-UPS-12.png)
![](https://freight.cargo.site/t/original/i/b021923ec0c1bdfa1e375635d3499197a3a49b42346d665d19521558f97e37d6/MTC-MOCK-UPS-08.png)
![](https://freight.cargo.site/t/original/i/5c5588ba00dc28492f05e5fc1eac8fb7d8e432bb535a134181e3f4dc52416e84/MTC-MOCK-UPS-11.png)
![](https://freight.cargo.site/t/original/i/5cb3035c96da7829bf7a9f2e01c80b80cf9557791feaad07590c354423cb2d11/MTC-MOCK-UPS-15.png)
![](https://freight.cargo.site/t/original/i/6c77a6938c432091f67516f5bc2d3dafb7bf10de64eee27256676bddbfe3c726/MTC-MOCK-UPS-14.png)
![](https://freight.cargo.site/t/original/i/cd2a59e853af3ea53a174a559c49b94ebed3c6bec6ba9b3498b94da0b2e4bc59/MTC-MOCK-UPS-16.png)
![](https://freight.cargo.site/t/original/i/0a30403f864c9c897bc600884a4c74fb1fbf7ebba1d9bc93cee6e2cb8b1e97d8/MTC-MOCK-UPS-05.png)