Visual Strategy — Modernization & Refresh Alignment
Project: Defined and led Outlook’s cross-platform visual strategy for a major product refresh, driving unified brand perception and modern aesthetics through design language, navigation, theming, and illustration updates.
This page is for Microsoft eyes only for now. Sorry! I can share more when it’s public.
The following content is protected.
087d1ec85127afb5-c740381e0de1127e743a42ad-6697feb68b185a2ad1105c13d60de80fc95bb9c35b33cc1682d35610128f847bfe746bc5d3407409d25e2aca23f539aae7c321337d8fd3bdd91daf1f8316d50952ea3d2f7a68c8e90d0b3bc4d6d68569e57b004d718501ab504e67ab94b2361fdb09e63e09fef0ec1d5c7c14759ffe0db7293b1d168d971ea48c85c76c670c48069022b3c373fc748b10ab80bb5328d6d243ca246861be7b9de96c00312077fe2d59ea2dc26e2fcfc9c19afe8835d9b57a33c4939ff39a4cf3fd2618c28a0b62b5da59b24168ffd51482f15eff3be83e405d10b579d96ed2b437ba3c2ac6329d2b296c97bb5621c761c21d07efd9f47af5b6f8c6432cda7eb6c56c8f45c7d2460277b2cd72c7389351ae89bae3ed37ccd58f51f58c0749fe6ee92998933b1a281f007f80bf42fe8d2ee0c4a93779999605d8da975e98f739470c55139ac9f6674ed89bdeff0d4708c380d5f3f0d2e2abd150d84fe838ee7b81d47d1f0777e6f1d877cc3dd031a22a60d85141956f418be5ecb5401cc3fdd93fe72a3667ade56acc6709d2fe202c19fdfd43dd757da54f8824df6204d9e762309a4621a58234adeb828cbb601aba2f17f333e9a3d8ac4dd08e80d5a8f58174f238710cbed4835e9d2a2c3229fdc8626c78e4ca3da3e658cd8b3b9d9ea022e51cf82e9ca85a1c7c340f05ff688e9bec05f6af82f64d2d08a5cbdfebc2e21376646dfac86928f58e73776f30b580683804cb632d8fec6af90784c0997c5e17cd6377811557858ea32de8fb300ba52b66421bd68ddacd9ba733767195e909bc512ac2a2c788c5a442f85f69b7cb86146ea04acf31d1d81e26f6053ed021ca570b1ff50e7cbfaa922561f62917f503a24dcda4414b270214dc99e6fea9ea8a004ef35d40de3a9af493916cfb1d1c248b8a113347ec62f31b46b18db682a06bb3f61adee781bdac1d5a61eaae2422bfe46151321ca61a139812336c56467331e78cc16de7bd044c885fd4186cb3eb98fc70b7963ee9180cf7e97205624864d09efc93b97e8b3f54154a8156f0075294ef9f8c33a210d585cdd197688444423e4cce72f56e2628e0a67d1654ea838224c4a758c6ea8ed4ff5e1315133fe28cff251b5b3ca48d48852503b1762e62c242fc6af01116b50b9f5a70f73e6aa9a267f5145088902e29adcc786db62ea7ff13c9506ac939fee92ae2a3bdf9ea7385774c922f5fc8396ff4fcb9fa575b1055b2863bb11376bfa2004b9a73670bced04f2fc7c0e71c65a2483e76613a92556c0df68f56053021ce049fc66b4d6d6572e034af87ad4f0afe82d6ca626438579f60d0b21d10785db3edc4bbbe156c570ce597002522871e32777ddb008d72e1a7278184cc97ff7a72c020a8a5368d2111f72cd9087a03445da47d76351973161fef80efbce3d67fd06df0610fb6775c78e8c08ceb479140b43fc6f68e064ad66f78c52401e880f66ea55ff9384da4e46aea0e2bf715ce41f0452f5adebd0c4741f26163ccfc23f4861cbe9791b1ea4d82bfc9097bdce3e24c603f3f827b838fed382bce8d772793fb48aa67481e9d7af8070138a97e96d60956fee198f55912536d8e0977a5f0d969a711c3786edec1cc6fdae3892a5fe4d8fd6a82cd3f953e67bc03718e151c2a6298eae4a8e2483901dd7ae375f04ef44538d86aef32e2b00045d03d8608d1d1f5b63f693b6f9052dfc95390e5a5bed7ce5931f6dda27576fd045ad7d6e2e1bbf05769f824a60aaefacefaeb6cbe40968e35a7d0470cd910fea90a862b23774db43b333e7b8f1354310767db604d898058e507f5a1b7645479348f116a9bc1675b7d6bcbdef6497824496922f32c0b035ad7f34b7939f0fa2e46399d0956d12216a8fd4dd238f4dbc78e4c04b9b264bcedfff4a4a15e35b89039d403c78c2c1063d2c3174b938af4951f936876fbfb91d8b73ba71b13dab547e3ab393a10698dba39b024bce8d58b987bf3a31ac44ae205ee05cb4d1fc0c02d9cbea3c491b828c51540c638c7d470a53b60080b5bbcad73c5ea82e9650f4aef19d859e9a2592d3609ae2d5f950096e970c63a0d09be9c295b7d946637c57fd91a9eeaad4845be24d4e68a0a656a82ab17583fc3ccfae448704958f6f94cefcb783c7dabc801510d988136d890228f26ee9962135cccedb8f9021d0a6f62ea2ccfc5212302b724d425fc911b4bdcc12c9374d7cace550d44a9e30efb4b55b3f14884c98380a6f991426fbd18f22d406202d99b6a9f5ea81ad794024bf871f54549deb07d913da5e476052532454b85df891dc1f1fca02331280ba4428e588f21673a612e275603587381c46d733bfb7b0b9a671e101c201dc54b57aec45a48b0701c163da5640eea7a97d8a1c40e9b82f2941aad11bc525d4018f1e4efc2e37d250e6c7775efb17ce5309dab08ff14c3c53fd9a8116e09eddf2f5a96bba28bb0f608ee6b04425bf35240bb993c658d9bab89eabb931189c44017dd90ea6d67c88ae8c8627e797399416c28f1f7c01b399c6f5e52c0fb9037b44ae99fbf468193423c71a19171d865f171f8e859608f9d8b375cee776bc6439b6ba98a2fa5a27684a18c3ebe89cc661781dbb20e3e1f93f7b3dd338926d84e7109b853d2bfe86003433ac90b9db5b7c4bd7db70ccd210bdf99fc99a6a0dce40495d5897ef6f065742c14b31e86ce9f054c867288e71efd398927951febe41be7214a2eb827993d9043f63720741a1b8e08d6781bca72df14f532e00332953ccfa0ce8a7f0de748a34ab6ec2d14524b06e4ed845e8e5b41268810ad92762b636fdc79a919e63afb43b0eec2ee9a771ad0d4f92c48466ef2bd6eb01d924c2f31957a4b1c1c3cbd27eb6c22c61d826a3bca6d210d83cf9584d7ec4b2484500ab2cefc45d1c8f190b5b0c5400576daf2dc3dba9b973d6dad9ab5751fff382fab8f1f8ffa29bc3292a17bec81b93cfb5bfbca9dd0f42ebf495b78a375d93f2c0ca8e2c91d23ab3c83ea6cc5428a5ff0519ee2195468311cb310c2b91e404bb6fa5c52685ddb036184db1c291ef94bd56151b9bef678e48e0397ea4f81711be8fce82214c8520099b53b8126398c339bc9208d0f92870689fd916e6b0607b8a3e36080584293e3ccdcba96a8d7742faaddf7237829e0fab5140fa6f86130e27ce9ef4906164d2cdf8064b1a643d1e477a0a0b9790b0f9695b70336747275d7a2cf89878b7c68bfd3da164c23538034f08abdf112e8456704c941e5688c1989adf661de7147f2172a0ec08923901c2f35a1fca453827af8b8e1b670332c18c5f5596df38fa31aa8d99269cfb27f45b80dd975bd77297a80c03ae4b4738996e0b2802ad092a95db1f437eb426d13c19ab4161badac1979d046e34fdf49173899ac4bcd80aa23287b0def66acea9841df5173ff158c6d56d41cff018b8ed26b0bfbee939b23d7276f25e5a0dd81f442df5e083e868c9f4a431fad97275cde90b7decf6a440e5c9fb171ddd383709fd73354bf74eebf709aade9ac35eb38841c68c983ccf879083c611081fbb243f04ce0973d8e615774c28dd328e222621139d361d936cb6395a075644d847ee94887198228d586421c72c700e329df3b2e5a6add827d7d85ea17cbd565d925dc5ef1b4018ec4878f0ec6bf13c73ff607ccdb28afb31bc33494fda1570c5e049eb87da26aa585b2aaba5605a7189b6033aa484748c322fb07c9a10c0d931e11ccc7d9cc9c167259127be255c961af347a38ec79ac5d12b18731c864caabe71f4c08a33f50e583d05b7ab253ef0af8a4caf152905f335a66fd91b70d840acb644f21ad5e32100bdf204887e3c4b83966ad1b2958c047cd7672f0d710f678c9b1892bdf960e71ea2b6117c3638992d21ca5ea172f598b500afd8bc47eda5ca41a05be0a1b741698bdb71ee86c9d3bb97b4f1617df0504fe4814b2da4ac5e2dc8f412495336e185885712b2e9db576a30450ed104c57eef8882e23de08cd7cb0a29931a175586c59ace316fdbb92784934722b13e2a53505af536ccd1a2fa3d771ed3636409dc4b06a74c776f2ee5cdf2acfb87e52b66d49a0541c9d61f6442ae41f0c279d26c33868b21bfec3ea7b33bd409f843d781fcdfbca20a952ac1e97074195df9054fea36ee495e8625c5775e82cdc897ca659fd302d51a5732f1471c1219fd7b10a4f077155c9dafba136f36f485c4f95ee1ebc4d5fad75364bbcb29b2c7f3c706d88b749c2f00b69e889dc6a4be3c4f6a99ff3ca4071b5eda68cc86ff9576b337db40405e23f7feb33b051a957848b57056190cf26c194c39267ed31def7a402a66621b3687f75c2ce8274c95dbbc7a7795b4511f53265bf260fa854f2d2bfd1e96b1f8252f5c3d9eb8cfd113ea53db17ddc1984d590087118e0662efd0232679604bdbef8b4ee2a4d7a24ca26db6ab3a6968fedf5990f5e0383f9b0a83b2d5c239482187ecf4ac577793fc5997389124b04c61c385ed905120c6ac879063a649a35bdb2784421eb35f08e582ff7f6d06bccfb37fd6350510e3f19c34483ccbb55d47ad8d6afde79a933be1bae4cfa29c7fa3f59cc1b30784bb41aca4ba7f68883d5769179fa8352b04910cc3e7e195cc27292a3a0165d255d901d8584ef9647c3b0485f3ef0b52ade705cfc3d27ddd5657f8a30b6200b8c99db9fdd88ac3e6a697cba1e5a7aebd4a335b2df6d1319feadd4ab3d83efa12755201f6c8edcfa777d57a60b9ea3850f8794a2d2257c924d64b4797c2e15bdfa7883adbe2b86b558f419c17d5f930407c0e149abad1d13376dc95b6ce88e7c0b778f03e199d4714ae5c58096325d0a5e3c1e290f65064d66ee741e075fb41fa0abfa0dc7e56b34b782922d79d7aa50569b7621898b7134a2c75803b9d528e4a624c4a84f77dd2f134d72c42904f46f819b923e71acca172e012f89897bb38103ba41367cad622a124e193718b10f355e9d724f8ab512efcf7e5f014027b8287cd6556aa95aee6da9856307491ad641fec55154166c4d8886559903faa26556bb9b780809cd143fbe9db2ab41d2fa6eb06416cbca962bde65956ee4ee49d05fe9e549af5e4f727e64da42c7a03c5ac76f7f01a7dbdcb7200bb9bc4038714d39231d06bd64c959779729ca44261878e37a7aa15af5d5e804b54c3ddf86360888c27853653d23cbfce4e88153a41afaf1c65b8a2eb59a6307015a9aac38e1b407e73f6dcc9a27e8be3406a8bcf05ae5695018d64176d267d1dad641a555414315f83fb3a4317a80ee5549ac67cd3fc76c85cc55a2c28e29c0b929f3de3cb4704a4655b53e0b37daba8c8d26e7f20bc240e45ea1b4f618ef63451f296aede49d7e9b70e9594b927a08bd3906dcfb18c4317a78cd7422204b6451ae8c91268dde25cf7f798966537cd4e4e35008947f290092620ee925aac9e59afa8ffaf99735d161da129a2ab469d7ab34cbaf9779f7a8b9b1a00d1cbf98f33eccd0ee9ddb659a85452ba28d4631237c39e3c67cae511d159cf9caf432ca6dc9acdb793973d7db8448b6c273c6e11545d995d35194ebba470f8506796ae6a3aeb16854d249ab36d896e5e0dd4490c7561fbc2ba986cd6afb3fa9f9b4ec806d50f6e10691755234c5a63e1f697091c51c94790ebe88a786109a8bb991c98f7428da44f0d554869ed016b0116f57ba841ef137c092c2764d37dedd78dda3c61a4219751be20beea3de68e66a658c36e01b1debc98e4b93c3ee9767e5ad67a2edc38c7a4fd81b488fb359459378bc484946d761a1c9793362e629d3166b92caf9ce262c90d66713bd3f99b2dc55a138640673424abfb1efbf9ca041b134854bcee9d8695654ca57f8397d452227981d20ef2e438e138a2eecabd16e79163c1bbe36a1f0328dee90eaf2e910483572c956d0cd5847402dcfc90491d87f37d18520a6b02cf94df15670b977f3502d748785a32cfbd2e6da33fb98d7511872026ffcf19ab7d736370d95ab50ab58e9096c5d7bb44d19ec25d47b8c442b24c477469d7bf56398bb09ed49944eab856f0b8e0689d8903549df7cec73d68d0ecfbc69c3e92f3b9324947f67efcb42adef959aea3d8daaccc52e817a4f8cccf1a26989a480ede84bc31d347e51a046c4692310fada473148ff5eb0d2a6965468034d6766feff318d886506a448738bec4ca3e17b9c2fc8b0ffaa1c8975b9127905c611912fd72ebda022b1bf341c325bcdbe908b0ff5bc9bed15faed4ffcfa264e63a454bcf020c18f2daf1ad5134bfba40825f3e634942f37acf21900751f27fa56476a0983f379a34d326ca7cbad7f2a6bdacdb2530165040928079ebbdd55dc9ab4c0ca1d7fa4a84779cf95ae9b7f25699b1c905caaf316123ac77e4d4b7aef8fa476b57178245d9d95c3d90a490a2e93adc7bd46dc3e56e9710d8dcfd7995ed5960775127e8a1ed07a55a73ee3288c7ca53d0d6ba3bde79876f531a76e8c668f89a7b0c1e47e7d853907b7ee45850655cad6c34d742a75645e3dfa392005a7962f267f5de4ec7d911f362e9dc7ca88a6efcd3d6cd509b42da6ddecc73d3696f1c24e86c21a66784647248d3d3357cf6954fa4f72e2d93b77c23247465b78e600398b19a91e3944aced89b8ae653c440219037265c66f82626e996d36b56705e61fecd17b16b1c9809cb8316794b436717bee3c1f6a3117420e2b8bf53332697c08882eb97e838b1fde42d6b7606f41abf2f160e730ffd11574b2dd5df3218f4af959c4d4b3330d744120e8974ba4a4f0f8784ae04622b3ba9bd5a63a7e7a0d2eb9d4650d14184d71c86b038329d31729154c3b175c1bd7ce63c9845542e7d19024cd45b13b2b954cc7d3c476bd49815eab0bbca4b073c85cfcbb207d7810f1f2e140cbbd019157d0411730a29b8620cfdc941f6ad0293c6154e8d8de15cfb48b333e7f90c0d4ffe1539f5b88356420fc95c125f8d2e3207e08d3580543dc5153f3f2a26de841e7590227e3133c7daace059583dd5f69f8f1d29fd3db9fa47fcc49cc99a0f211deda0481dc88c99ff0f0bb3cedefd7f136cff7d71793ee37a7c4bc07810d3fe0f56cefbcad688283ce01a5ad66d43021e26e8a117b1b607937aec46cf61e30b70c224eea682e82ea4bec32d21a4180e54b822c18f0215d37d027c9c3a872aade9c07f9003c424bae2bf7392860d97778b560fbbde6554e335c9ee5bb632556df531590cae685234f9855fdcdf875f6392efd3aa3b26bd7fc5fc11dba56fcc9b32de926839ab28a912f885b95535003878738cc3998c993f8ab3c5fab9b209791a27cd31a8fc3a247e3c23eaaa6b1cb5a96bb23c8f4088f639819bcf09638ecda88fc183c85cbc5fae7cc262d2a0c31a88a46dbe4399cc100285cb232e7539e26713a0527fcc7f6ea3097b9cb805274be62a0f3b7d6c2c302ee3c2524bbe6dc8c799b11ab2b9349288612de42f73cb79932e3d7f22f47408640cab054e48c59ccedcd1e0abe0701a31113cefa66596327c8119113a65ecc88cf00e91d466bb6e3231e318742b21549115c31acda5f35667a1e8f7002da8eb3233ff3e4aa9680ee4dde6e4f0321b8b6d8e6418fc9a210b1aad7134abde5ea308b05420d00a9e9fe50e2beaed337a46ccbaf993ce1867719db580af77a9a12b89d13c36ff0167a53f9bd81935aeabf82d5c3ec89a7e938b1838fb0a5b7ced3a5ed1cbaae93a35eb9972cfef5e0448c8c5ac2349d0a3ea607b0c1b924123c715fdd78e45d3b71cf4c32c8f3018e5fbc1cb3ff647c83b5239aea5a03e40a0ea3f22f6aee2875bf88e321be25ef02172d620ac33c20fddd9e461fa8266de743ede25ed80d9a844ec12b2e2b440525c7308fd10e405445512932f5db4126229b81625532bc4b03218fb677e3c33caea6f3979305e3fbea90325463d8636c806536b6690f3022a10ab1e8851696df339e1229461eed56742fc4a520bfa0a207b9658529e92258b9d52d313cfa073d23ae44d2010a92e422191b39