![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/bbbdffd0-5113-4f6f-8476-9ef58c3f7804_rw_1920.png?h=37264c8aaf224025f985394efe6e4fd7)
“Simplicity and harmony are key visual elements that reflect the seamless connectivity and intuitiveness of Office apps. While each icon has a unique and identifiable symbol, there are connections within each app’s symbol and the collective suite.”
— Jon Friedman, Head of Microsoft Office design
Microsoft has paid incredible attention to detail in the design of the Office Suite and Surface hardware products. That same unique, thoughtful design thinking has extended into the design of the Office icons. Every corner radius and angle has meaning and purpose, aimed at enhancing the user experience.
Tendril collaborated closely with the team at Microsoft to create a reveal film that captures the essence of these values—The craftsmanship of the the icons and the design thinking that went into them—Drawing parallels between the design engineering of the Surface devices and the the icon designs. Read more here.
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/d02d369f-5394-4441-b954-9c3419f75f79_rw_1920.jpg?h=5d641f2bd960f9248dd34dd4d8d4ba30)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/8b9fc8cc-14f0-4489-a28f-b8e37fc27b1f_rw_1200.gif?h=25a2fe84f39c2598b51f4cd0310be64a)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/4b1dc042-e256-442e-8048-61fe73186797_rw_1920.jpg?h=66428b942cbfa2aa123344db283c48a3)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/fe13bcaa-f84f-4009-9a70-0fa765cdce33_rw_1920.jpg?h=8f46e53208c9c41ebfe4b88ed07aec76)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/008c0b5f-ef2d-470f-b03b-21ba5eb2c07f_rw_1920.jpg?h=7b271d119dac380f7f2a7ad23cafa0c5)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/03a26454-dded-4ca0-942c-602cf1d143ef_rw_1920.jpg?h=c86f4adffebd808295c8bb358ed72087)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/d507249b-dfb4-4f34-a1c7-409529957ed0_rw_1200.gif?h=ff3d96d99ea35ce63f6a500f8caea505)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/fc03cf10-e894-40e3-aae1-598b72548d68_rw_1920.jpg?h=bbe895b3027f9398dd72356a44d4be5d)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/8afc1c58-843f-4509-bd0e-c83ecfb572ff_rw_1920.jpg?h=eaf7a72c5d6b502c29acd038a237ae52)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/4bf9a73a-da2a-4b27-98c1-45cbea75c86f_rw_1200.gif?h=1e55228d7624aba143248c2558b7df36)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/b5b40629-9885-4ca3-ae3f-e0163b552708_rw_1920.jpg?h=b36212899fd39d2b7a9ecc277c988c05)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/b6796fcf-569d-4335-8221-b3b8fbf39751_rw_1920.jpg?h=6b0d7fc71e04b5c965e1b4b36218cefe)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/a9970279-4545-4d7b-ab74-673b228f2fe1_rw_1920.jpg?h=5fd2ea889480f6ce7236e4317189272d)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/98744a4f-9e1a-473a-8738-468cff92bfaa_rw_1200.gif?h=4b0bb4ea6e9c27bfed85473bf76723d1)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/ca5783a0-e74e-497b-abde-a07f951af4ce_rw_1920.jpg?h=28c6ff73fc602345fdf96ee3b8fb2830)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/9d37cefa-48df-4e43-8b91-a2acf45b201c_rw_1920.jpg?h=fbbeee8a84e1a8686543e7656e754ad9)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/f29d82cb-2ee6-4833-a3e2-05c18c116e5d_rw_1920.jpg?h=22e6bb5c8f7032aa1942e02ab076824d)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/4ed26e69-63dd-4470-8819-28941c565904_rw_1920.jpg?h=d7283b7bc4ee4387694cb9462f74c868)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/b3181b3a-e946-4f56-9dcf-9eb8d8600ac1_rw_1920.jpg?h=98babc4d5117e8f02c2368a4187f246e)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/cf076618-ca96-4fd3-8296-260f17c38fe7_rw_1920.jpg?h=faf55492ad35e33891fb35d0fa79259c)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/7d212e7d-e425-46d3-b513-6b2bc9a180bf_rw_1920.jpg?h=a31cabe1a51e5d51d225d693eccc4071)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/7cd233c6-88f0-40f0-8da6-0726c348957f_rw_1920.jpg?h=178d49d5cda741cde87c9cd6c475604a)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/b5c78bd4-6070-4c93-b062-fa6000d39c8c_rw_1200.gif?h=c43a79060911b3aa6c122ff8cbad0425)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/728a04cc-a79f-418d-87be-d4ea214eb0cb_rw_1920.jpg?h=3e0509295d6255d570c75ea9621cadce)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/0c2ae599-cd41-4be6-90a8-a7a36cab18f5_rw_1920.jpg?h=36785622e80ba6c275d6fb37483f80b6)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/365f9380-2f98-4399-8bc5-f18d9ed24416_rw_1920.jpg?h=dcaced003f01ce7efb592aadf2600d8f)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/6fddacdf-0e23-4dfb-9052-1a90c6aaaa53_rw_1200.gif?h=5a057e61019d968d6478a0289f19330a)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/5c8ff88f-d8ee-452a-95bf-6f85781c5c96_rw_1920.jpg?h=f04774b778770dab50fb34a02c9f836c)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/18b89ee0-0e2b-4e24-a25b-4100482fba99_rw_1920.jpg?h=ade5d6bafca18c1bf61583212d958b10)
Process
Opening with a sweeping camera move across an evolving landscape in timelapse, we nod to the icons of the past, honouring Microsoft’s heritage while diving into the future.
We are then transported to a modern architectural space and slowly introduce the carefully crafted designs through a variety of visual techniques.
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/65721619-ad50-4c25-a11b-ab2f57c59d25_rw_600.gif?h=872767d089c2fa69ccf59fc0201c6196)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/7d82f8ec-170e-4b31-be6c-5ecb736bb124_rw_600.gif?h=a21275dda8885ec01755d96d1185134f)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/37a752e4-80af-403a-bbe3-bf4bb2c62d06_rw_600.gif?h=c438e5e41763f984a70aa7133f3f5d8e)
Visual Development
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/0705594f-9529-4aa9-85b8-9f453de8cdce_rw_1920.jpg?h=26f3d5389af1e311da3cfeee8b5fbfbf)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/435a4dec-a87a-41cb-8fd0-961cb54d0b7c_rw_1920.jpg?h=95ad2dd1a87f40f1d289358c8146643e)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/137f6987-e909-4279-8acf-61d556b144d4_rw_1920.jpg?h=f894f7052c2cbb2c4c8673f16e6d3d9b)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/f0c6894e-eabe-4839-8432-0ab81a71d5b4_rw_1920.jpg?h=7781a223f4903962c020c6eac1e3f588)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/02601399-8883-4e61-a4b6-659f5ad0f1e2_rw_1920.jpg?h=5ba7af4034c0731edf7caa30ff5f7230)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/e178dcdc-70ca-48bb-a109-31130ca631ef_rw_1920.jpg?h=f5c4d5a7a9cd85c5662f76615eb9a9f9)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/0dc414cb-c924-4152-bd25-5588fcebda43_rw_1920.jpg?h=2974b96498349fdb032f9d937ffb83b9)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/fc00baf1-266e-48de-8515-9a1f3244faea_rw_1920.jpg?h=8f6a631fc8bd04a0fd8b22466e52accf)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/846a2c94-5083-47c4-882a-de0190fd98e8_rw_1920.jpg?h=1e868072d596f7b6ea254091adacc10b)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/60af6986-05ad-492e-a1a3-2a7dea378795_rw_1920.jpg?h=6901dc36e9193dcaec88f60f176d18d1)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/74a61d2e-63cb-4c7d-8d63-a807b3bb23d3_rw_1920.jpg?h=130f81767e9eb9261e5f7e4b5eda6ecd)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/3d4337cf-a166-4aa1-a609-307da5831997_rw_1920.jpg?h=028af9671555fc8763e0d32aae3fd2a8)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/12b48172-c0f5-40e6-8b96-0a81b82b3479_rw_1920.jpg?h=4daee8e6437f182c418a7fa2b7c915f9)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/1e276aa8-0c49-4492-b3ef-5c51705e5188_rw_1920.jpg?h=73c229467dc4d8a85c0395bdda90f75d)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/8d3a6cfa-ef99-491e-948c-5cb376d355c1_rw_1920.jpg?h=afc8e77390a2c0ea8de4222db8fd51d1)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/ec98bfb3-7152-435e-9ac8-3503bdf6e0cf_rw_1920.jpg?h=fe8c2879a8114ab4edee15742aa3a521)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/d1db1d9b-aa8a-44d0-bd6d-61fd98e058c4_rw_1920.jpg?h=caf9f8479347e52dfbee2cbaf2a1cdbe)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/2794c3c7-0fa0-4e12-855a-09ba65f4a887_rw_1920.jpg?h=1c97f3e21310049d2fbfd0fefe068997)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/47176606-9b01-4b18-b552-dbd939262e3b_rw_1920.jpg?h=b7accad03570f77be0dc7e1844c8b7ac)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/54a55659-7f5a-4006-8a20-a61fc03544a4_rw_1920.jpg?h=a36ca929ccfffecfde8d5f60fdde556e)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/b4bec38e-5fcb-428e-a545-4a765e3387da_rw_1920.jpg?h=c90d047ebc47ee9fef851ccf5a9b1ed4)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/95f68ac4-44bc-4459-87e8-4d15da240ad6_rw_1920.jpg?h=96fba1d2b78f84f0e159d70d5efa498b)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/0d1a486d-6f01-4d7d-9cfc-f9ea62b224f3_rw_1920.jpg?h=d33dc6b5f4fdd355ed715ff7ae5331a4)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/ccc5a957-4ec3-4e81-8da4-dd2d35e56c28_rw_1920.jpg?h=a245a2c6f9e418227356d783516d2e78)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/58f77f39-3562-47b9-af35-709b3a3b73ff_rw_1920.jpg?h=24da111407c9a5c453528ce10dd73f54)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/ae93d59d-b572-4295-aadd-f036c8a87652_rw_1920.jpg?h=1964598f253b4231c5f7537b8fa45d79)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/cab2fca9-2668-41df-a2e3-c28ee952eb93_rw_1920.jpg?h=683a17fccd0aeb29b10a3f833391278a)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/cabb3b09-4f1b-47c2-a200-6c5913942cb0_rw_1920.jpg?h=02328a9d95a497e3748a16b65f7a853f)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/c6641281-93ec-4072-8fa2-16e8c306e672_rw_1920.jpg?h=1cc247826c2674931d956a9f0ab16eea)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/c2c9dc3e-a776-4e65-94d9-44e368ca6ff7_rw_1920.jpg?h=e845023c9732b8dec1fe241b54a4b8a9)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/fdd25354-c72c-4bbb-941e-0b17e4362be5_rw_1920.jpg?h=e95f86cd8be17f5bbbe0a547792f3aa7)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/f49cd9ef-801d-4eb9-9685-e5aee455ca42_rw_1920.jpg?h=6f68b82a83165ab09b2abc481d96e421)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/2dcefdc9-3104-4e47-a92f-69c3f018a94e_rw_1920.jpg?h=d82edd880adc448ebf2deebbac72d4a1)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/df1c762c-bc53-4020-b830-2fb75023d6e6_rw_1920.png?h=785d9cda861b1623784c891acf6dbb58)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/ec7af452-abfe-4ca2-8a12-6432b28ba74e_rw_1920.png?h=a4babbf630d694dc3faddcee0988316a)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/c489e372-5e9d-42a0-a2b1-d0926afeb17a_rw_1920.png?h=7fd76ce11dd7de2709c5c8a356be5a2b)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/8f39d516-2146-4a83-8568-6830604e11b2_rw_1200.png?h=c248276dac9e4a081fe66a5d66d540ad)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/a60fea74-32e2-48b6-a4e0-7db2d557e5a5_rw_1200.png?h=c56fc27fa7b4400180f0148285956273)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/0673d442-3f9f-4cc0-bf8a-ad6b72abc2b4_rw_1920.jpg?h=887d5a092f5ca9d199ebdc2404a43166)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/955f6774-bfac-456b-b06a-0132f60631ad_rw_1920.jpg?h=1fb859b8f0943fbf80490678a44f6073)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/302f95a9-75b9-4c2b-a2e5-2a86ada56f3f_rw_1920.png?h=f72f50775d5e25ba2d7a0a05eb5483b6)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/2bdf1954-05a0-4d08-8e5a-752e8f85099d_rw_1920.png?h=27c60e39ad26d3b256f8858d343bb953)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/bdcfa822-2900-42a3-9076-c5e32bd3cd84_rw_1920.png?h=dde2280acabe88884f39f74f48c7caf9)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/e6a80efd-6544-4d0c-91b8-2bb4b2610547_rw_1920.jpg?h=7b88b6007ec245ee33d512dbcf255b3b)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/cad0f061-aca9-47c3-8681-c05ed164a4c3_rw_1920.jpg?h=365b48e5b14bd927e045b83b2e72bc1c)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/891b90c7-6df3-4784-836b-dfdd31a834db_rw_1920.jpg?h=4320d207f02b9c6074dd82795b2abce4)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/fa73aec1-3625-47f5-8d9b-c2a6818e9158_rw_1920.jpg?h=3b10a5c8fffb9845cc5db50ecef94c7b)
![](https://cdn.myportfolio.com/65bed6e2-152f-48a1-a4b5-b80ee7dc9202/c1d3c021-788e-49b4-b107-b1bca7f1a705_rw_1920.png?h=65d202cc48378bd5fe8f3aa12aa824c3)