![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/415c905d-0e28-46db-98a7-225bef307c44_rw_1920.png?h=e465d1257d4158012abbdffd426f89c1)
“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/0e0fd073-df90-4bff-856a-29b1536ff042/2d9f3c3e-89ae-4092-9511-f98389f5ef58_rw_1920.jpg?h=f896c39be52df000d7c6cd5cc1430714)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/ac5743ed-6aac-44dd-a7cc-181bd768c98e_rw_1200.gif?h=4aea8f06e2a3cd2a75375da5ab53be8a)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/929a18d2-6e0d-4ee8-9b7c-2b57e38344ae_rw_1920.jpg?h=d2598151ccd5befbab7ed0df2a8d223c)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/061fe986-6c29-40f9-ba23-fc7edcd6cc89_rw_1920.jpg?h=798af9e8052c7ad94ca50953b1d5cadb)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/7816add2-479d-46ac-bd5d-4b045ace4aca_rw_1920.jpg?h=0af6aae17672508c029e904723268836)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/25c0dc72-14c0-4c24-a22d-7fcb5e6b113d_rw_1920.jpg?h=7bf12b80eda7207ba9ecce68f222b176)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/6c149328-2be4-41dd-80f1-2c0fa76de962_rw_1200.gif?h=0e82130b6d9b30c02deefc30438fa036)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/6f83ba38-c019-4828-a7f9-8fef52e0db3f_rw_1920.jpg?h=20bddeae96c5bc14f36d1a0c476dec54)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/b7e154fb-8579-44aa-929e-88baf88015c3_rw_1920.jpg?h=3ab2c928f02487b98bd5bf4012785a26)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/670d5509-4617-4e41-a96c-7bbd300897d5_rw_1200.gif?h=8bed6c5121e00a2f8a79f72bbfdf00b1)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/201fb4e2-ab7c-489e-a0f1-c5e73493c59f_rw_1920.jpg?h=e6177dde7865ac5106f8336fd10c49c1)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/2c796e77-89c0-4502-a2ea-d59ee9fdd58d_rw_1920.jpg?h=9ccbccf94a52b1e57909ef31812d24fb)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/5c2c3d94-982a-4e41-838b-122128978450_rw_1920.jpg?h=37f680ab49ff19dc5e89703e4fe446b7)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/19a96686-14bf-4eda-a1d9-573af3ac0beb_rw_1200.gif?h=f363339efb9f993911c82febdab7c6f9)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/3dd3e9bd-1de9-48ad-bbe0-a31498e16eed_rw_1920.jpg?h=9c7fe66c9c724e6450679d4409bf34ee)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/4da980b8-34ce-4086-930b-8099e0ad349d_rw_1920.jpg?h=9da952db8bc30076f79107f8f135e3d9)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/08e55c59-fd27-4845-9da8-14866c63bda0_rw_1920.jpg?h=0fe1df594c48ff3f11d5ad75d0c63113)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/baf467de-6d8f-4de5-aef1-eb0d000d0a82_rw_1920.jpg?h=e707acebfc86d2e1fb7dea530712799c)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/166aaac7-9708-4a3a-a2f9-7afea7a9ecf4_rw_1920.jpg?h=a059732a03b9026b2e45a786bd2ffdd8)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/fe030b3f-15ef-42e9-9ec8-220615b2ab7b_rw_1920.jpg?h=5dd62d9f2960c5252caca257b3f8ae85)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/32975019-d07b-40ef-b902-35909bffb41b_rw_1920.jpg?h=523aa60c1b91ec5b051a079993171c7b)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/256bec56-1afe-45d0-ac0e-35b7af049404_rw_1920.jpg?h=c100a31381b8fa289006c3f883e2ce5d)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/c6fb437f-35fe-4b57-a633-0d27951cef2c_rw_1200.gif?h=8609ee09a7ba3bb9bb1f4245e663667b)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/969c6e1e-a9ee-442b-8101-ea0d94272e60_rw_1920.jpg?h=e0844a508f2f212b13aba4a1464fbc16)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/8a0e2c9c-0c1b-41df-943a-dc1b961102d7_rw_1920.jpg?h=f477b2d5d29ada47eca2d951babf13ee)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/55df8e2a-1c11-4ce7-9399-1d706e62af75_rw_1920.jpg?h=3ec88c5ab66806952fbd6471094a9070)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/fa7eb8d0-854d-4898-9002-dabe1cf7ebc3_rw_1200.gif?h=814087522c89c450cdb3355aea00109b)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/ef282f68-e048-4ccc-97b8-3060320c9063_rw_1920.jpg?h=893db9e231de05dacb22d29a5f1a7229)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/fcfcaff6-2b9f-4a92-822d-982b59b11540_rw_1920.jpg?h=85ff5b92248b1edb04b7823d7cfe70b4)
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/0e0fd073-df90-4bff-856a-29b1536ff042/e55b3e16-f119-41da-a45c-d5e0e6ff2dce_rw_600.gif?h=d565fc0bdd3c740820d3aeb114822160)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/2e5b1ff9-3656-47c9-9b79-0b3cf9524705_rw_600.gif?h=505f89a7ab86d9396831193dbd78fc35)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/24c9effc-14a0-4e54-a643-0b6877164bd7_rw_600.gif?h=5c636e01632f21d82dc038ba1e1afa7c)
Visual Development
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/e6dd3559-8ad7-463d-9da0-58d1f4cc444f_rw_1920.jpg?h=41da0e7a420b92ef67ae5408381c02d5)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/3630e2f9-0a61-47b1-94c7-9ccf861876c3_rw_1920.jpg?h=8292d4bcd732a0c2be25510db99bcf67)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/57cd8f17-bda4-45aa-b1fb-4deb293b4da0_rw_1920.jpg?h=12f04a8e2d46eb4e55a01fbd39e4b74e)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/b6dada73-6e5c-4e45-a40f-fbc0e8412bbd_rw_1920.jpg?h=603889d347f60514d31dcc347c60edcc)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/896c9f7f-c63d-43a2-92bc-e138e342e1bc_rw_1920.jpg?h=0dfaff396d5426c0b8c7e2961ffd3938)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/cfb9cc5e-e9cb-489e-a6f8-4d2179a39176_rw_1920.jpg?h=c953ed8aa76f23bc81f8c53d5cfed86b)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/b4d7e875-c661-4429-b283-1ac9c4fb4430_rw_1920.jpg?h=58bbc26498ba4bf55b67c50c7c1aa198)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/e5024e79-45d1-48eb-ab4d-d1f1349089fd_rw_1920.jpg?h=b71a54e6ce27efd6cc9d8848bdbe5aec)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/b929754d-b789-405f-9467-dc3ba2a0fc20_rw_1920.jpg?h=ea0c24a8c0274b762986dea8c2dd7443)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/ce487084-71f2-4705-91dc-42d14f1cc2cf_rw_1920.jpg?h=132425d588225c43e3815cc253c873b2)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/9cb87e37-f559-439e-baca-c3c56dc77284_rw_1920.jpg?h=56ff1601a59d4c3848dbdc37f1482440)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/567749c8-23fd-4870-b3cb-8f09ae85236a_rw_1920.jpg?h=2de72521d44e3286a65aac59b7aec4cc)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/5ac0e8b1-7cf0-4619-b759-440e2d5f15b6_rw_1920.jpg?h=d2a8a792f761d83b48f7251361462abd)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/4deed401-42da-416c-b1fa-00ed8af33d44_rw_1920.jpg?h=b6d2aa173c2a6a47571874cd833c13a0)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/387f79ae-fecd-475a-b155-d78e9546eca4_rw_1920.jpg?h=48b90c4ee28771d8bb6bf0af7d17f0d2)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/0ffc41ca-bab1-45df-94ac-706181c8592c_rw_1920.jpg?h=27b779c78929989da4e592f63df57205)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/436523ff-6d5c-4808-9964-0b00446fce5f_rw_1920.jpg?h=eb7d9667aed7796aaf1416049daaa51b)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/e81e3b4e-1ad6-40de-bace-c35ba4c073f2_rw_1920.jpg?h=a4328a04f31d054e411dcdc06c3fc4cf)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/5231a1ae-683f-4bb7-897b-fe53cbb9f614_rw_1920.jpg?h=a145a71cd6498726f3b4f1e2cd0e1120)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/66939df5-5eb2-40a7-a3b5-bd149110c1ad_rw_1920.jpg?h=c5e931797a6da9c116d9577346e054f2)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/daedc5e6-67ad-4b05-bc9d-b01a3d78e7b6_rw_1920.jpg?h=a0337f9c7df6f3935d0ca8436af67b38)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/fa3afe98-bf4e-4ceb-bbe4-299bdd05b2f2_rw_1920.jpg?h=fe85e2ad4007fc6c5fb5a0d025a88ded)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/c88f2c29-769e-40cb-8b49-6d25acf95b7e_rw_1920.jpg?h=45da4ab16c4f03d32e42c032d6cf0b73)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/46f64bc6-254a-46ab-90c2-149faf507455_rw_1920.jpg?h=8292a5c836e460485be98fac1f938e25)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/1312780b-5aa5-4c5c-8086-7b2a7493f209_rw_1920.jpg?h=cfebc0ef2677da645923e5b96c4186f5)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/4d55ff2f-5792-434d-aaed-0d26fca211c1_rw_1920.jpg?h=34c2bb9180129655d82e4d35bf408ba7)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/6872d0d9-cd8e-462b-bc49-31f018ed1070_rw_1920.jpg?h=56ab610f4721981cde31f4b017787774)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/be46a009-f7c6-4e28-9361-59362c13d356_rw_1920.jpg?h=22c9d93b10ced9016ea63d182aa709ef)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/7c40b99a-396a-4db9-b888-06e2481e0977_rw_1920.jpg?h=769a7db446fab532a67de08aeec5b6f1)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/8566b83d-26ca-45e8-90b1-96419555b567_rw_1920.jpg?h=5afe3d6620c354a5a7b5dc98b95778f0)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/60a9576b-4480-4945-b081-dacacc5e8992_rw_1920.jpg?h=f6fab6d0235926444e01b691a7ea7e43)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/3a786671-8d66-427d-b652-075392d9acd4_rw_1920.jpg?h=a8f5bdf7d88d44f5bdcdb7611ed65ba0)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/20e00296-85f9-40c2-8a2a-87eb1785b6cb_rw_1920.jpg?h=04e4e8347243d0e32145ab1ec2fc54f9)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/6232a11c-18bb-4005-9e3c-07282bf13be4_rw_1920.png?h=cf2f7f9910b06fd8c51be93932094b84)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/a1946b9c-85ec-4cbb-9d0b-06f1d22e1236_rw_1920.png?h=b96395b711f1d5ab008748aa541ca210)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/ba54e24d-8329-43ac-a677-14fdc9b8b2d8_rw_1920.png?h=50a92094146fc5a13ba97a8ec62a2ba0)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/724670f1-4252-4429-a50c-c902ce7897ad_rw_1200.png?h=471a9454a5a0cc229fffd37d66c2a499)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/a5d36b08-c806-4e60-af0d-cc53fd3d5c12_rw_1200.png?h=bad74b7b8450f1bc5a1423d47b51702e)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/a520ba2e-104e-4352-9c06-225d43fe88bb_rw_1920.jpg?h=7b4721115458b31539eb13bcbfa59b98)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/26e1d248-41e7-408f-a75f-4ff52affb9de_rw_1920.jpg?h=da7f665bb9f2adec8cbe9a29991c9aa0)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/fc4ab76e-6789-43d5-98c8-f33461ffa9f4_rw_1920.png?h=0ebb766304b2cce153751dbc727318ac)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/91396a32-59b4-43ad-be87-798e560db792_rw_1920.png?h=c0e18cffd4f9580ac42de58cf30f8a92)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/9105b9bc-14cc-43ee-a15a-bbceb160d140_rw_1920.png?h=25aad70c03650fbf21d94133498784f8)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/0f3660b6-abad-420e-8e95-604f7689c667_rw_1920.jpg?h=0f1f0369dc74aec91f001e62bfc621e2)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/369aab36-4586-415f-9332-b365112e8783_rw_1920.jpg?h=ce6cf8df272dbfc0a5d86f6113721c97)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/bf1817e2-8995-4949-9e37-e515e51fbc43_rw_1920.jpg?h=3e8823b7d24f3fdaef7980f5e7fe849f)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/9546c936-d2f3-49f5-b11e-3239f366b21e_rw_1920.jpg?h=a3195c9ef781e7756c41861eb65cba28)
![](https://cdn.myportfolio.com/0e0fd073-df90-4bff-856a-29b1536ff042/50b7204a-e973-4641-8101-a8ffb0e780ba_rw_1920.png?h=6c97e9f6e26cefff852b8f2f620f0cf8)