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.
The following content is protected.
f6f7891af665a686-6beecb12b14f3138ba06ea86-eb644946f7964da65ec563b8ea1c0ede2523a8159a6d94b5459ae1933f2b7ad547d01e22d1b8eaa90adfad43b1fe47b51bf2314981798de51295ef138b185e4a04211c9a03bcd2230da899747ade715b83d6e746a4bf94f28f8e046ffc48c07d4c791f7f2e58ea2bdf7e2e271ace8abac7e617cf1a8eb1a15395899b61a62e341b7df0ae744dc82767a9d1b6549d6990348c48b172e1553cf5ecc195f8f58a27242929bb7049adf14bd25b66150aeca6db6e12a18ce68b8fd6f37f74997f46c338ba51cba3465c5311c2340d7cdd8c79eca1077b2dc7f05a97d64549b20112f16fce689b67eec4405008ca785c76b3e1cb7c58ec3c8fe44bb848f149044bc74adb49742f4275d87f5cd570d1274d820676219de35cda4db4ca385ac75c90fcdc3f7ecc4414ce17f9e5c791e115824496305932f9adaeed15916f07eb8699b6bde22371624876598079ffe6ead942f80cc2bd11d776a3ae31dc4bbeb037c2f22c34abc32491e0c0d8b76ad39ab73f9f8df878846e189b2ffa39873e5d7702737b4f213c090dec243484a117a47b3c84101397ee66904a9f520edbef38cc251d319f756242831e2cce9923d8bb0dcb8cc2a750374e69ac64cdc7140b10eb93f15bc323fc94e62552c92cad35466c9a1661ccc45500f5a4549cf325a8452f63129dba7cb2147081680795080e2c3395611c37dac0485cd30002c87fd5b82413069161ba0d42723813dd0234c6a593075166c3ab81c352df2669d8f69e48e56d477cbe0dedf5fad460fd5a9f7957c48d588be6706a5c40be9eb140973a475f8bd39413d8e750272a8bbbf89b8e5783a6d14190f01b3ef30706d1f5ba9fbec76d7cbf9bcf749bb2246b564cf6c3afdf6674681615e5ec3cd68cc12eb1c8a447e14adc911a631218ff97c6da124b12f30d1613bc90fad6b93b673a3b316f24afea1a3b394e8fbde20ff7dd16fb85456012fc8352a38b4a1d3d63f54d2cf9b0193629d81f154100ffdf2a597e15df079a298de2d9a2fecc0eadb28b42c42cf5e4b92055fa5430317eca47d821b2f0c0cc88dce254269d749486350d565775022acff1476c34178772529a0ad6d8a15e44fdccd7331e0c5820136b191e263a81fca8e84b199294996fdc9ad356f4df128a291675ee9ed0365ebc9a93d27868cbc1dffb47a88ceccc2b7406b84fee36513b2213387d510507e6f0c00d1d3d388468e0bfa559bae7250a08aa816fb78f5cc418228050319376ccda441b5cbcfd8894522226ba44c4780ad9bda263172b5994fc125cd7285d733d30427cd5c70e2e0d584f2407639075c30d9ae676e6dfa17717b25a430ffaee95540e1c022a491ca01f046f54701980960446aa170b3f93503884e2db24ab03494ce8bddd7b78f92d111aea2eed5d924f8d572b2b605daed8d19009b854716763dd4bc2316f601e38b6898cf6bfd754b0adf461cec1c69105c20a433048dc27aca819beb74815ca41f9b49ab23de72273f2c211d41ca6e56244129de97b17ef30bad093d06de53fdaad79f60da132787e76bcd1f296f9731ef0810c410f1488c5d5e4baf0c192efce153de2a4d36a6957e440834578ccabe3ad28a1db3bfccc75db0b1fe988580fa084fbfbbc3ab0a9f4e4068d970dcf2dc81283bb77b2db5900849752ae1579bcf60151dda13bf0bf86eb0d90b54d302eb5852631355baa395d240d6248274dc613f01561530bb7b162c0c2a9e68314777e800aadedf36411b942d64caa1779addb0ac748a0a3ce81644e4e6975f1549407e061ffcc1cb3760d846e4d83f54f5c698706c8ea0fc3c81e4939b933701b3073b26e806dbeab179c505c2b2e7e63b13946757bb076898444eac56e60400b65a1bfb3dcb7a0cc6f2fa7302fd36641ecf88cd41d6b651b32a111c1111f6a9f0d629a7a777de317f11dfd88e9ac7d207ca50369c980dd1e88a1528bf03278b94c0864130fb8e9be0bcfaef2a2b37dbbecb4eda9af8dac35046f56472bd83096ac9931b09899fddf233cfe49b4a56b24b1eb42fbd526b802f051eb89ec1dc32c236b4bf6ecd500bc3274f62f38a9cf95ff9be4a872065458e34084b28731660133107ff980557d789f410663c7cdfbd59e660e0130a65306a7e1b57b2aa83d8c54f536141c7d8c5c8fc2c68252c46d79eee2b95e1ed9aca1db882af20413e405931e334ecb44cf988e464086a7cbedf52c81227220bb458870b9a10c1f03ec52c8d9566ed332c797c7f37c5c9cd95404dded81e4862555a69069d54ba606230a4b92d080552fc2e15fc33456967f8a61aac5f563fef2395c693fd0ea02eadc04e9712b3ece6dea4ec5bc25761de18e31b473eaef57d7136864a5da46c25e11d31879be3a79be0577cba7a493a8943a8ee803188045a9d469928ba5abc7005338e2fa627b2a0bc9275f4e9b5948ef06e8836691730b7a004c8557aa86fee4dd3ae5b7607d459bac5c0e36a887e011a284bf1b272e299f199a43820669fb1942cb12fbee07b8659c3f4f8ddbf5af3ff1b3f9d6c8745a44f0f8a340c9dd37d7a73b751fd4530afb40be0420c14d3494f8864d0cd8f4b1b5c5b27d04c89cb7b330583ab7cacf44c6cd8b78ded951acb59feb3a207c450890f5f7ae71bf073ed86426e89a05de5b4794435aeedc37889163c84088e4373580789e0a42bb184dabb726991ef3524f392def9b22f4a38a22164f7efa761699c063f5b93b8d559e1651b5e09ff2bbe7ab02217a850eb8f94f3d834631fe56fe10ebea640408ed94bf55631816351d2494e67ca72c099e42c4ed9c1868467ff99ef56c8ec7a5fa41c3636c8c07e16b97418caa9c6a808a3cc4e8c9182faea71ee9b44c87cd3fa1fc23d374947510689683d346c4cea4e98f0a43ba980a8c31e5a97fc3e8a93572d359a1feec9eef8a9cc03fa5cc3942fb6ccfa1442f4d5fe8b65888aef77f3d3241e733e67d3190281e19c652ef436d9d726d9e443dbbe25a163079c22085fa58b2360852015c9d5c27c635e1ad91639172db625ec7d5ca7a18879f70eefb3c3dab1ed556b5cb58d482395af341c51a92f6cf9a8d4d89f00c8ae812fd62b12b62a7f9389a4e72dde598e29424d3ded018291a57ba519fa49f5ea8729a580ccf63dfed6da9e28b0b1cb3b425968bf79a23496049fbc919a0554886e810bd21c3ec23907a7bec3c83ab281ae47899cf5290c6ff99adf3f05b30091bcc19a4021d3a4962bd670c07d177380aff6c128dcb214aa419b71477798489e15b7c08d81ece920f041d98f67e739e64e7221756f13988bdb0e609fdb531e120b5457def17418c0db4c2f07462e83e2e563d0e63a8868406c0fd3734cec20d2fce957feaba570f559d580c86f54212092ec6e825034a4765eb2e2f2772462a96c29768c43c774a87c10e8f175ef975a5c62c313ac1b16d9ea522675e7ba4df26b7273814f4ce89609f444dcf398a8493d102a6458e68adcbdc239b45c1c2911f5528468785c8bcb76232371d611d95b71697836bc3cfeb76c06ff69ba4a0f6c5543d2c89b1a983d1c732c5ed47cab2746084ab150023351f375f01c2111373bc8c3e7079247e73747cfbf3e1b28e4ada3d4d577250dfcb8aa7a3ea7c07f6e12fb2a98a4b82b9e8b6aec5a75a9023b632bfa83fbc46608c85c5862d26febbaa5c0d0527450f780e2b41f2e41be66e785d7374497414b9a5655e73f035c5731a3b67786dfb94b79ae5e0f485c2e9a3c873da41c6246d540959a97b376b1a45c7f74c13d95c7701154f85558cba63b6427d785c943bba34efbb1c9f27eac8f8790cf102656214493eb45d1a08eb9617791010f938c576a1e559befa20d7364039ead643e6336bc8c9562f014cb5fde14b33c2bda02e9056aa3ec6e3e644ab61793da28c023c3ee40cda9c100aeccac926835dbf9a9fabcb4cce83aa660534c24d947dfc5eba3f1f9861d1368f186e868ba822354c20f7c237b03456e8e4b299550b75d07399a73bb96eff6ed2e0071db48b21cb4eb0293fdbd84669138a4c10943a647f7f09b983db8080e3e47b8af27be5648b52077d7f237e406984f8e386273119cd9d91bdef3adcd0e4927fb7296fe99baed4d66707ad63c4a757d80afcb3c45f32da00626505ef881e3da2f5d9691c2b1afdef6bad850ce8e330192f3efde700bb390c5d195c2038d29356621cd7c53375962ab3cd9ba1789cdfdd842f97431375c41575891e3b6b6f320e7e3c1b503ca4715c7337874de5cec4400328311c1813f36a3ed0775a220649fe8ff8bdde636ce6c714d91d3ca8e3d96e0050c4598af5789c4066db479521b0346f4461eda611680b92ccc91758793d253a18c10c4b99a4b1589e0e5e8da12a48ca926395eb490fbfd6154451f5353be7a0c999600167adeab063f99c466b61527d4198b74e4f022a52d293ab4fd6e5e063b927ac57d065ce5a589e27428549febca5a257e42455906450c0c8e7a97883caac033535c1e2599a62ed8860a1750a3ade9be5902cbecb00cece3b34a2e89caf2ee4594fe21bd2865a11fc8d5b983e0c9485f2e7e0d9a0a7523996112430e9b34c2a44d3166de176cc06b3626a193b30189a8112ba59adb5bf3f46c31d46f28ce8ecbc3cb6537a2cde03bd0c61f111aae449abee74dfc6cea5b3fa42a8480cd6b251c3af581154b6e7606b871155e07a6a647687e3f2fd311f5a042c5564b20c360e2efd0abc25d73583329c9319817d44589884ca47f0b23c7719f396eb91205b9d98c4918355047358878c47ddf2e3b90aa2b437a80c708fdc54271cb83a0ca5ea544b01c0456371209cf4a25c6558fa90949b2ebb5132977dcba24f1786df5ec5e8eb3897f6d7e588a021d3e4a586c4b82eb9f91c9ec3f7065293647a3120ff366324ec4fbd034295bcca015a352178816d2c76c61c8414821078c41b33ce9282c4dac85642d06d1a866afd2e9e5b3ecae1114957957d1cd366faa37cd4dd86159b673a2b15f899b4863ca62b9caf22ef1a3d6c81164d384f2e0081495cd1ef7737a90c6a950d9f4bf2214b21c2cb0ed35ee943a2114cef22d676b9759544d5de288d22f9028cc85807bcd1d7f480e6c4e22a779b9dd5b7c5f7064a621031949e06a1c2003e35912a8c58d156a623ad2c6a7bc8fc5e7ac561d50679d55b8c3d12dc94061776d5fde0b11f6c9c31bcdf7819db2c50ab227ff4ad922371fb220411faa32b1b1540da00c0049fff389d246b8cd6f79a74a228ae231cf5a5b0c1597fdf477e660079b66425ee16d16b100a318116fc671b032c171eec04c51bcf20bb82cc6dee1883c7229fd5f192445a8952c3807551855a7767b657b8f9aaff4c83659a7f0be2d0bbc9123a8018865f218d941afb1f52a78170eb3d60800a3de9675163a6bbf29ad5f83528d42d36030e8800e2a286e18acbad6345248c1f9ee989940d8c34b8ff84fc7b3b8d108a4ce62f6c21c3f8e33963cef8e0997297fbc5546e8588d27cc4d8007af9b144482ea0a44db474f95db654f04057ac913080b480d47831af25dbb8ccdb39685d2f9be728f4b845ef3181729cd36013e288cad5cfb24cc2e6b3f4f926b3dcf2690e7c72e5305e47ef6ecbc3335fe2a9014de61978a2265ee072c7da1d34995d21a01eec13a4a9903d8a3e828b78059c448a0bd9aa5bd66648ca06d09bafcd6d22aac9f069062fa83320922bcafb65d5c82b89a7c93c0ce643cdc56337f01c4e0c66a2b74c72bd80af4002ba27c3163daffa86dbdc7d47efa790533682cf0526b8d8c3d99066970d081be502a5667341f872c0c62f9f9b7ff4e36dff657d3e32f5c81a9c1e53a990fef59e0e74a2351357ad086313bbb0a41cf17cc08b40459d9c70ba5d41228350739e33e38bbc826b56ffa0938d36c271c586d3d401ea8d35f90527e67fadcc855ccb2fe213b3be76ab2b48e6116d1633b35676f7fa449cd51ab81f3d5d849d23bf0c66b31121453a2ff1901405f4d76383ad714a4a522011a3147f9c6e1a25a6610bd26841e09424dcbfb512f01c8bdf5f641dd3472802296f02261fa1320e81c184955b493838b0204284f023f9ad691a7f776f6fd60b21dc8949365fbf3a5dc692400917155d347a61ab6abc2c969f74c3ee21b62335f8bcc983acdebbaa53212994739a4e1efe47aabafe39b527df3cb770ee2f95d5b34dd6655c96c1574d85e3ed388bb4d11fde763bff097d2e7daab7ffaaf688cfb2976708ed83459e76770d1b50efdebb2d6a9a0ba1adac641f060c6c9b83cb6880ff218a0c684bfa7777bae674b9ffc1cebec567626ea6634b15f07ae3ef59b5183937eebe31f73c5ce7d955576796bec6f61968ea9166ac593d03462d01debfe472c2d0c9bbecc8a1e09243bc2bba1502abbe3a7a72ba94a1d8e64d15866236b1f6583c13cff5acb332ba05fc38d8a9bc0a7b63da308cfa7e751780ad18eac7f63e806bfa3aa40c999017dc0ae7562ed682ea5f09c9bb1d9b06e516fc6336e2f1c4dede8af16b81ae3ee1607939a6106fc269ec7907659c3b0435f968c028f87c62ef24117ad79e9462e9d7fa0ae2c055acbe5e8b1e174e13e6db9b480f50ee23ab7d3411f0a729ec6f8a90c20f0ed6a6d6644ab4b38206750c5b02984c8d857b683cdb02b3e77dcebcd80cc04c371456a0ce0db037d2fa631426173f8872238b7942f6dfffe53f17e87fd350d0075988214c59a15b91b4502f7c249d023d715c501210a11187ad3916db8edb5deff27fcd00995434d2805a295d3dad5c6d1379d59cf49cb6139dbd4ede73b4ffd7609c59f07d929ac951bb55dc9f1e575d401eb9dcf70052e273aed9b29618faa04e8caa3c8c75a90246fe107dd44ccb5e1a2dbe10d4f87f1d25b7160ed402aba00f2e87aa18bc6009920403823c59021ba719f5d3d8cefb25661cacc1ffaaffbee003bf9bc144c1d2e141599c0d3e39c96ff9713e162eedd1f8fe25a5b1f3f144c059ad62ff7b2da74b2d3eee799ef9ceed3fac668ee735571c914bd597c8f648842b1fefe13d94c08735f5ba0f55d448dfc8b670f6b68ccc3b47181019b05b11b96caae14cd3e639b7b1e95988b5329f85dc6675f892b2ea38bdce63c7aacf233fc8e0aa3463bdd881a612a228eb184a57f38ba314f3e84083928f53108de34bd1cb17a1ff804939d8ec8ac68ee6353d8e4e37b3a6a001a9991b2e0a033bd290a6694a47275ad67f3b8ffd5a7dbef6c3f34e96be5dd9521a1f284e599db52b9fd78ec3616c3496c0097caab1f5f703b3a9290a8a6729e9e6b964a09b46029608481695bff7607a263891ca10ba1dcb9bb45d3b42030ade3c1c468360e1c297b7abf4f0a1705d99ae06b2260cd82f23c7fa3d6947c9e40bcdc50700ae6fe3af8348ffe41a92c6878bd2b23940e775c48876819a03041633b2650d52fa994e52a0f6e2f81af5e92279a0f22d25606a5ac61e897cc162d139a9d3114ef90ab83193305e5d58190d65b17bd45a1a47a091c308b8bad69314158a708d44316ca344e06a8b2d9fb87c3d2ed130ea0a1986a2b19be2ceb69e9508f1cd49d0c6beb9c734715d5300153eab7b19c78795d92f4a86f2b2d92afe7f4ad8a65bc559509f22a27e6690728358737f017c47402e65b92de01f67c62beba856c250adb3f8ed7fbcd2a25b95f77c8b45a737fab74e0374c1089905b2736649427f70883127369beea0bbcb62104ed4213cec87f29d5f22a58e4f9069b849d296e59fc61a856c189a9ec75fcbfa1959f061c2c7e98f3476208992b0e93edf84ebbe9b3718053203b3bdea26ee6afb9246f73aa2031f18f7a40ccbc1e1ef631f38aebbb1618a682c7ebbd17052f24a6b6f32e2f96404a90a75a594cabfe87da4e8b9a646e15e1c329f25d19a15cc6844dc40c751bbc75a5c85191fbcf1dc3d46965b508806d020abe68479078054c1a886e43d06bf270567dbd7c04c99baa6fdba30ab37c840bbc34bd79fce111a6a3c2f5ace31d239d276db3de7bf4c