https://lamjessica.com lamjessica Fri, 22 Apr 2022 16:16:43 +0000 https://lamjessica.com en https://lamjessica.com/home Mon, 17 Jan 2022 17:41:54 +0000 lamjessica https://lamjessica.com/home Work <img width="3462" height="2101" width_o="3462" height_o="2101" data-src="https://freight.cargo.site/t/original/i/76e49c943eae73e69b76b3369416c996e10c191a7d27cf36c5366e14647f6930/Group-574-1.png" data-mid="143044267" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/76e49c943eae73e69b76b3369416c996e10c191a7d27cf36c5366e14647f6930/Group-574-1.png" /> AHLUWALIA fashion upcycling programUX/UI, Microsoft AI, web app <img width="1295" height="903" width_o="1295" height_o="903" data-src="https://freight.cargo.site/t/original/i/4d0e997660346d3f984485034bd628f75e7d9c37bcaec2387abb3c53814be561/nike.png" data-mid="239286429" border="0" src="https://freight.cargo.site/w/1000/i/4d0e997660346d3f984485034bd628f75e7d9c37bcaec2387abb3c53814be561/nike.png" />NIKE (WIP) digital asset managementUX, IA, systems design, web app, desktop app <img width="3772" height="2122" width_o="3772" height_o="2122" data-src="https://freight.cargo.site/t/original/i/46bcb8569eae71bac1fce8a35c5a3480f1c8e720c1580788b8c40f9710ef61e6/marmot.jpeg" data-mid="223737586" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/46bcb8569eae71bac1fce8a35c5a3480f1c8e720c1580788b8c40f9710ef61e6/marmot.jpeg" /> MARMOT / NEWELL BRANDS ecommerce technology stack migration, UX, accessibility <img width="1628" height="1628" width_o="1628" height_o="1628" data-src="https://freight.cargo.site/t/original/i/5b2eb76001d1a3dcefcc3bb7e27cb29423c4291856a5a847326e648bb748e65c/pg.png" data-mid="143046157" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/5b2eb76001d1a3dcefcc3bb7e27cb29423c4291856a5a847326e648bb748e65c/pg.png" /> PANGAIA (WIP) physical product launch UX/UI, AI <img width="3604" height="2508" width_o="3604" height_o="2508" data-src="https://freight.cargo.site/t/original/i/3ab4871a880c76987cefa2c0afc21f6c66cbfbeeca6195b583648041502f5eb4/Meta-Preview-Image-1-1.jpg" data-mid="143045901" border="0" src="https://freight.cargo.site/w/1000/i/3ab4871a880c76987cefa2c0afc21f6c66cbfbeeca6195b583648041502f5eb4/Meta-Preview-Image-1-1.jpg" /> X AMBASSADORS voice-powered audio/video experience UX/UI, Microsoft AI, web app <img width="3836" height="4928" width_o="3836" height_o="4928" data-src="https://freight.cargo.site/t/original/i/5b439e630beee390d7f540edb2e69cf7850002019a867b03c3b55d1d09d041dc/Frame-1.jpg" data-mid="143044280" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/5b439e630beee390d7f540edb2e69cf7850002019a867b03c3b55d1d09d041dc/Frame-1.jpg" /> PRINCE personalized playlist generatorUX/UI, touchscreen <img width="3560" height="2270" width_o="3560" height_o="2270" data-src="https://freight.cargo.site/t/original/i/84348d04daa5d5298a17282320dd6acf48f08b009c296f423baa15256c9e9d7b/Artist-Page-v4.3-Copy-58.png" data-mid="143044279" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/84348d04daa5d5298a17282320dd6acf48f08b009c296f423baa15256c9e9d7b/Artist-Page-v4.3-Copy-58.png" /> DISCOGS vinyl record shopping journeyvisual design, UX/UI <img width="2186" height="1814" width_o="2186" height_o="1814" data-src="https://freight.cargo.site/t/original/i/50591c4f1e145303c3d3c09ae4c71abab5904451d2d8d6540a9e403516afd71c/Screen-Shot-2022-01-26-at-12.09.23-AM.png" data-mid="144198899" border="0" src="https://freight.cargo.site/w/1000/i/50591c4f1e145303c3d3c09ae4c71abab5904451d2d8d6540a9e403516afd71c/Screen-Shot-2022-01-26-at-12.09.23-AM.png" />JOOR fashion wholesale platformUX/UI, product design, software design https://lamjessica.com/about Mon, 17 Jan 2022 17:41:54 +0000 lamjessica https://lamjessica.com/about Jessica Lam is a UX designer based in NYC. ︎︎︎fashion/arts/culture︎︎︎ecommerce <img width="1224" height="1338" width_o="1224" height_o="1338" data-src="https://freight.cargo.site/t/original/i/2ed1d2983332aacdc5009ad99b08f530bf447cf2205aed9cd1bc2cc080019c0b/a3.png" data-mid="131103975" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/2ed1d2983332aacdc5009ad99b08f530bf447cf2205aed9cd1bc2cc080019c0b/a3.png" /> Experience In-house, design agency, consultancy, startup, &amp; freelance experience Extensive, holistic ecommerce experience Interested in fashion, arts, culture projects End-to-end product conception to launch Design to development at scaleB2C and B2B products, web + mobile apps Awards 2024 w3 awards - Best Visual Appeal - Aesthetics, Gold2024 w3 awards - Fashion &amp; Beauty, Silver 2022 Fast Company Innovation by Design Winner in Fashion + Beauty2022 Fast Company Innovation by Design Honoree in Circular Design Currently atFreelance Design &amp; Creative Direction Previously atKettle IA Collaborative A_Da / Listen Joor Northwestern Mutual Newell Brands EducationUniversity of North Carolina at Chapel HillGeneral Asssembly https://lamjessica.com/Mobile-header Mon, 17 Jan 2022 17:41:54 +0000 lamjessica https://lamjessica.com/Mobile-header JESSICA LAM https://lamjessica.com/ahluwalia Tue, 18 Jan 2022 04:35:25 +0000 lamjessica https://lamjessica.com/ahluwalia <img width="1200" height="675" width_o="1200" height_o="675" data-src="https://freight.cargo.site/t/original/i/51ea3e2c384d212ed33ab1962e18da925e0fe6184ccc5b540d1680968c9533b6/eiO-By0tUsMyqJcG.jpeg" data-mid="130572008" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/51ea3e2c384d212ed33ab1962e18da925e0fe6184ccc5b540d1680968c9533b6/eiO-By0tUsMyqJcG.jpeg" /> AHLUWALIA - CIRCULATEfashion upcycling programUX, Microsoft AI, desktop &amp; mobile The Brand Ahluwalia is a multi-award winning British fashion label. To minimize fashion’s notorious carbon footprint, Ahluwalia garments are made with various vintage/surplus/post-consumer/organic/recycled clothing and fabrics. This process gives existing materials a new life through textile and patchwork techniques, making many Ahluwalia pieces one of a kind. The Program Ahluwalia partnered with Microsoft to create Circulate – a new and innovative platform designed to bring fashion consumers into Ahluwalia’s production process. Circulate promotes sustainability in an inclusive, prominent, and accessible way. Through the platform, the UK fashion community now has the opportunity to contribute their gently-used or unwanted clothing items to an upcoming Ahluwalia collection. How It Works Circulate highlights various “open calls”, where the Ahluwalia team requests specific garments that are needed for upcoming Ahluwalia collections. The consumer submits images or videos of their clothing that match an open call.Microsoft Computer Vision API then analyzes images of the uploaded garment and assigns facets to it, including color, category, fabric, and size. This helps the consumer move throught the submission process more quickly and efficiently.The Ahluwalia team then reviews the submissions. If they pass the digital inspection, the consumer receives a shipping label to post their garment to the Ahluwalia studio in London.Once received at the studio, the clothing then goes through the team’s physical inspection. If it is accepted, then the consumer receives points that can be redeemed for Ahluwalia purchases. User Flow <img width="7520" height="1616" width_o="7520" height_o="1616" data-src="https://freight.cargo.site/t/original/i/697ec1874e09416e07a270f4346758ad9d6158e4099e2c6013195f8b9d3f0015/flow-b.png" data-mid="131525906" border="0" src="https://freight.cargo.site/w/1000/i/697ec1874e09416e07a270f4346758ad9d6158e4099e2c6013195f8b9d3f0015/flow-b.png" /> <img width="1039" height="1009" width_o="1039" height_o="1009" data-src="https://freight.cargo.site/t/original/i/e55f6c9d9a8f8a3894880d899f5156a63f5f03d4a44ce14bd75c84a6cee54c51/pa21.jpeg" data-mid="130572083" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/e55f6c9d9a8f8a3894880d899f5156a63f5f03d4a44ce14bd75c84a6cee54c51/pa21.jpeg" /> <img width="640" height="360" width_o="640" height_o="360" data-src="https://freight.cargo.site/t/original/i/32e03fd9d664b94353daf5264f31f16687e4777322fc378e1aceb67319fce9cd/ahluwalia-circulate-1.gif" data-mid="130573343" border="0" data-no-zoom src="https://freight.cargo.site/w/640/i/32e03fd9d664b94353daf5264f31f16687e4777322fc378e1aceb67319fce9cd/ahluwalia-circulate-1.gif" /> <img width="3500" height="2333" width_o="3500" height_o="2333" data-src="https://freight.cargo.site/t/original/i/3c792756314ebe47044f6fe5f4ed8a14c08bfc82c6dc445ba817f55047e92e92/Circulate_IMG_8492_Re-Color_3500x.jpeg" data-mid="130572007" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/3c792756314ebe47044f6fe5f4ed8a14c08bfc82c6dc445ba817f55047e92e92/Circulate_IMG_8492_Re-Color_3500x.jpeg" /> <img width="1600" height="900" width_o="1600" height_o="900" data-src="https://freight.cargo.site/t/original/i/b6714f3661587d3e4b331f799dbeab1bd27b1c78fba59957fa21970151e6b042/im02-1600x900.jpeg" data-mid="130572005" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/b6714f3661587d3e4b331f799dbeab1bd27b1c78fba59957fa21970151e6b042/im02-1600x900.jpeg" /> <img width="1600" height="1800" width_o="1600" height_o="1800" data-src="https://freight.cargo.site/t/original/i/f8762a0e9c307fd3d6422ee151a42309d83540939b5f2d1839b06357c4d7f3b6/Homepage_final_still_1_1600x.jpeg" data-mid="130572010" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/f8762a0e9c307fd3d6422ee151a42309d83540939b5f2d1839b06357c4d7f3b6/Homepage_final_still_1_1600x.jpeg" /> <img width="1600" height="900" width_o="1600" height_o="900" data-src="https://freight.cargo.site/t/original/i/49177d800f763cd016fe79b28560a4a396e72474992cb3dfc5aa78fdb0474efd/ahluwalia-circulate-app-photo-upload-1600x900.jpeg" data-mid="130572012" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/49177d800f763cd016fe79b28560a4a396e72474992cb3dfc5aa78fdb0474efd/ahluwalia-circulate-app-photo-upload-1600x900.jpeg" /> <img width="1600" height="2400" width_o="1600" height_o="2400" data-src="https://freight.cargo.site/t/original/i/2655d80e7526d5e17335da1cce4a7594cd32e4287fd9b04b3c7f07240c6b8552/Circulate_IMG_8334_Re-Color_1600x.jpeg" data-mid="130572006" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/2655d80e7526d5e17335da1cce4a7594cd32e4287fd9b04b3c7f07240c6b8552/Circulate_IMG_8334_Re-Color_1600x.jpeg" /> Mobile <img width="1600" height="900" width_o="1600" height_o="900" data-src="https://freight.cargo.site/t/original/i/bed310f69331cb491034d7a3da9a8cada58dbf0dafbeed2fd2cc4c48c7569725/AhluwaliaCirculate_MockUps-Multiple1_2021-10-12.jpeg" data-mid="130572015" border="0" src="https://freight.cargo.site/w/1000/i/bed310f69331cb491034d7a3da9a8cada58dbf0dafbeed2fd2cc4c48c7569725/AhluwaliaCirculate_MockUps-Multiple1_2021-10-12.jpeg" /> <img width="1080" height="1920" width_o="1080" height_o="1920" data-src="https://freight.cargo.site/t/original/i/33091378b6745bc78536d5ee2ba42fc919acaf8a673983d180171cecb3dc7de1/ahluwalia-circulate.gif" data-mid="133107822" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/33091378b6745bc78536d5ee2ba42fc919acaf8a673983d180171cecb3dc7de1/ahluwalia-circulate.gif" /> Desktop <img width="3456" height="2100" width_o="3456" height_o="2100" data-src="https://freight.cargo.site/t/original/i/840283c2b903700929562bbad6b34fdabc92fdcb87836e94cd42fb87acf812b5/splash-macbook.png" data-mid="131440069" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/840283c2b903700929562bbad6b34fdabc92fdcb87836e94cd42fb87acf812b5/splash-macbook.png" /> <img width="4608" height="2800" width_o="4608" height_o="2800" data-src="https://freight.cargo.site/t/original/i/6cac52fc733943ab3710e80b0a8facfb44a4f2b6dec75bada9d1abcfb6562bd5/onboarding.png" data-mid="131523741" border="0" src="https://freight.cargo.site/w/1000/i/6cac52fc733943ab3710e80b0a8facfb44a4f2b6dec75bada9d1abcfb6562bd5/onboarding.png" /> <img width="4608" height="2800" width_o="4608" height_o="2800" data-src="https://freight.cargo.site/t/original/i/a65350159eb603024fb77c6fe56fa092eedd8679e701b925d1e80c08fc956937/home.png" data-mid="131523733" border="0" src="https://freight.cargo.site/w/1000/i/a65350159eb603024fb77c6fe56fa092eedd8679e701b925d1e80c08fc956937/home.png" /> <img width="4608" height="2800" width_o="4608" height_o="2800" data-src="https://freight.cargo.site/t/original/i/69bc4adca829c3dc0812fdeba5230f84825609f76fd796cf48698ee79edb3c63/submit-imageinfo1.png" data-mid="131523737" border="0" src="https://freight.cargo.site/w/1000/i/69bc4adca829c3dc0812fdeba5230f84825609f76fd796cf48698ee79edb3c63/submit-imageinfo1.png" /> Backend Platform for Ahluawalia Team I also designed a backend platform for the Ahluwalia team to review and accept submitted garments, and to create garment calls. <img width="2304" height="1400" width_o="2304" height_o="1400" data-src="https://freight.cargo.site/t/original/i/1615a478e34248035a704e86a936e923609f8b1ca916dca4c9192d282eecbd5d/backend1.png" data-mid="130573856" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/1615a478e34248035a704e86a936e923609f8b1ca916dca4c9192d282eecbd5d/backend1.png" /> <img width="2304" height="1400" width_o="2304" height_o="1400" data-src="https://freight.cargo.site/t/original/i/d6b11b4a9f2705c473924c8a64cb92bf2d44bcfeaf59a2ac0e26323d4663bd63/backend4.png" data-mid="130573855" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/d6b11b4a9f2705c473924c8a64cb92bf2d44bcfeaf59a2ac0e26323d4663bd63/backend4.png" /> <img width="2304" height="1400" width_o="2304" height_o="1400" data-src="https://freight.cargo.site/t/original/i/7ab6776846b0312304e2582dc0d1e0f41073bb455e8180e0c63f287396d14304/home.png" data-mid="131439782" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/7ab6776846b0312304e2582dc0d1e0f41073bb455e8180e0c63f287396d14304/home.png" /> <img width="2304" height="1400" width_o="2304" height_o="1400" data-src="https://freight.cargo.site/t/original/i/0159778903125d616f2495d1a9a0d82ba16453b1ae04d1eecdf0887f9c6a6e31/backend3.png" data-mid="130573854" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/0159778903125d616f2495d1a9a0d82ba16453b1ae04d1eecdf0887f9c6a6e31/backend3.png" /> User Flow <img width="7480" height="2480" width_o="7480" height_o="2480" data-src="https://freight.cargo.site/t/original/i/d696f9483017adfcd785ae566edb778e7b05e0375732b642299493a9d40a8645/flow-a.png" data-mid="131525905" border="0" data-scale="77" data-no-zoom src="https://freight.cargo.site/w/1000/i/d696f9483017adfcd785ae566edb778e7b05e0375732b642299493a9d40a8645/flow-a.png" /> <img width="1728" height="2100" width_o="1728" height_o="2100" data-src="https://freight.cargo.site/t/original/i/62e9a6fe0aa83a0b828f7fa3aaf6f2ab01cc0b3a027c0bd17d0698a4159cc815/1_splashpage.4ec248d8.png" data-mid="130572004" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/62e9a6fe0aa83a0b828f7fa3aaf6f2ab01cc0b3a027c0bd17d0698a4159cc815/1_splashpage.4ec248d8.png" /> Visit Ahluwalia Circulate Press: Microsoft In Culture Vogue The New York TimesFast Company Awards: 2022 Fast Company Innovation by Design Winner in Fashion + Beauty 2022 Fast Company Innovation by Design Honoree in Circular Design Design Agency: A_Da https://lamjessica.com/xambassadors Tue, 18 Jan 2022 04:07:30 +0000 lamjessica https://lamjessica.com/xambassadors <img width="4800" height="2508" width_o="4800" height_o="2508" data-src="https://freight.cargo.site/t/original/i/a69d18ead6201d81e0a6cf324fbb9530a353b0a29eff1d648db70856ec205ee9/Meta-Preview-Image-1.jpg" data-mid="143046672" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/a69d18ead6201d81e0a6cf324fbb9530a353b0a29eff1d648db70856ec205ee9/Meta-Preview-Image-1.jpg" />X AMBASSADORS - ADRENALINE voice-powered audio/video experienceUX, Microsoft AI, desktop &amp; mobile “Adrenaline” is a new single off the latest X Ambassadors album, The Beautiful Liar. The track is about listening to the inner voice we tend to hold back—and experiencing what it feels like to finally let go. X Ambassadors launched the song with the idea of bringing that inner voice to life. The voice-inside-your-head, “The Shadow”, grew out of the album’s storytelling, and the band wanted to talk to fans about The Beautiful Liar’s backstory.Working closely with Microsoft engineers, lead-singer Sam Harris created a Custom Neural Voice—a highly accurate AI-powered voice model that’s a synthetic recreation of his human voice. Sam assumed the role of his character, “The Shadow,” and recorded hundreds of lines of dialogue in his home studio. Those recordings were then uploaded to the Microsoft Azure Speech Studio to train the AI, crafting a voice that could read back any text as if it was the voice inside Sam’s head.The result is a web-based interactive experience for “Adrenaline.” When you first arrive at the experience, it feels like watching a run-of-the-mill lyric video. But it’s suddenly interrupted by a playfully mysterious voice that says it has something to tell you about the song. You respond to The Shadow’s questions naturally, and the voice banters back. Interactive moments are scattered across the song, while the particular path through the conversation is determined by the listener’s responses. The Shadow cuts in to share behind-the-scenes videos, anecdotes, and commentary on the song’s key themes and references. <img width="2996" height="2104" width_o="2996" height_o="2104" data-src="https://freight.cargo.site/t/original/i/286d36eea21ef85e1a65d78258cc15fe8c4f00cc708a2330d3251f5a18e4b31d/Group-7.png" data-mid="130570055" border="0" src="https://freight.cargo.site/w/1000/i/286d36eea21ef85e1a65d78258cc15fe8c4f00cc708a2330d3251f5a18e4b31d/Group-7.png" /> <img width="1928" height="1146" width_o="1928" height_o="1146" data-src="https://freight.cargo.site/t/original/i/19d2578d66a58e88931203c24649115167f95f7e782130ca5c5f267edc9d775d/clip2.gif" data-mid="130570054" border="0" src="https://freight.cargo.site/w/1000/i/19d2578d66a58e88931203c24649115167f95f7e782130ca5c5f267edc9d775d/clip2.gif" /> <img width="1928" height="1146" width_o="1928" height_o="1146" data-src="https://freight.cargo.site/t/original/i/7c25b959be35bef9d6c84a27f1d69d3d97ec8952062371e3037656733e58a74b/clip6.gif" data-mid="130570052" border="0" src="https://freight.cargo.site/w/1000/i/7c25b959be35bef9d6c84a27f1d69d3d97ec8952062371e3037656733e58a74b/clip6.gif" /> <img width="1928" height="1146" width_o="1928" height_o="1146" data-src="https://freight.cargo.site/t/original/i/0f44f3bd4f6f5364367d80c4ceedbab50d91c51c5f648b28185f6dc218ca9dd6/clip7.gif" data-mid="130570053" border="0" src="https://freight.cargo.site/w/1000/i/0f44f3bd4f6f5364367d80c4ceedbab50d91c51c5f648b28185f6dc218ca9dd6/clip7.gif" /> <img width="3462" height="2100" width_o="3462" height_o="2100" data-src="https://freight.cargo.site/t/original/i/b66aba13ccc5309abc73140d72f9054d0db06abad07659f1a05decb5c996daa0/1.0-Landing-Page.png" data-mid="131522446" border="0" src="https://freight.cargo.site/w/1000/i/b66aba13ccc5309abc73140d72f9054d0db06abad07659f1a05decb5c996daa0/1.0-Landing-Page.png" /> <img width="3462" height="2100" width_o="3462" height_o="2100" data-src="https://freight.cargo.site/t/original/i/49774faae9cfe406f577826ca1ac662c0467b49dc9feca4b61d511b12bb68c5f/2.0-Onboard.jpg" data-mid="131522452" border="0" src="https://freight.cargo.site/w/1000/i/49774faae9cfe406f577826ca1ac662c0467b49dc9feca4b61d511b12bb68c5f/2.0-Onboard.jpg" /> <img width="3462" height="2100" width_o="3462" height_o="2100" data-src="https://freight.cargo.site/t/original/i/5f0b746b4138c067862619198054f7d48730f02a8dd167918c283d161e57920b/3.1-Introduction.png" data-mid="131522460" border="0" src="https://freight.cargo.site/w/1000/i/5f0b746b4138c067862619198054f7d48730f02a8dd167918c283d161e57920b/3.1-Introduction.png" /> <img width="3462" height="2100" width_o="3462" height_o="2100" data-src="https://freight.cargo.site/t/original/i/bb9f3802d48521e1f84c249dac03ed905165ed67cbf02df1f829a4ee95bfe31d/4.0-Video.png" data-mid="131522461" border="0" src="https://freight.cargo.site/w/1000/i/bb9f3802d48521e1f84c249dac03ed905165ed67cbf02df1f829a4ee95bfe31d/4.0-Video.png" /> <img width="3462" height="2100" width_o="3462" height_o="2100" data-src="https://freight.cargo.site/t/original/i/3c3d58edaa50c28195090fe560da4b8f2fc41c1628dfba8f8b5820c8f293859d/5.1-Interaction-Audio.png" data-mid="131522462" border="0" src="https://freight.cargo.site/w/1000/i/3c3d58edaa50c28195090fe560da4b8f2fc41c1628dfba8f8b5820c8f293859d/5.1-Interaction-Audio.png" /> <img width="3462" height="2100" width_o="3462" height_o="2100" data-src="https://freight.cargo.site/t/original/i/aabdc716b281a4c5bae68d3814c953d332a1f7117ba173d97cb821ac65e5b2aa/5.3-Interaction-Image.png" data-mid="131522463" border="0" src="https://freight.cargo.site/w/1000/i/aabdc716b281a4c5bae68d3814c953d332a1f7117ba173d97cb821ac65e5b2aa/5.3-Interaction-Image.png" /> Visit Adrenaline Press: Microsoft In CultureDesign Agency: A_Da /&nbsp;Listen https://lamjessica.com/prince Fri, 22 Apr 2022 15:56:42 +0000 lamjessica https://lamjessica.com/prince PRINCE - LISTENING ROOM personalized playlist generatorUX, touchscreenPrince’s musical legacy was celebrated at a retrospective pop-up in Chicago. The Immersive Experience consisted of 10 spaces. I worked on the experience of the Listening Room. It included an interactive quiz accompanied by media and songs from Prince’s catalog. A simple, but engaging touch-screen experience allows fans to answer a few questions about their favorite Prince lyrics, tracks, or themes. The fan’s quiz answers are tallied in the backend and correlated with a Prince persona, theme song, and deep-cuts playlist. We also did the sound design for the quiz. <img width="1250" height="801" width_o="1250" height_o="801" data-src="https://freight.cargo.site/t/original/i/ca0dcded7d5607f11be6bc9094d7d5bacbd7a012665c328f7c500f2d5c9f4cc4/FPqDcH1XMAUB1B7.jpeg" data-mid="199675980" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/ca0dcded7d5607f11be6bc9094d7d5bacbd7a012665c328f7c500f2d5c9f4cc4/FPqDcH1XMAUB1B7.jpeg" /> <img width="2048" height="1366" width_o="2048" height_o="1366" data-src="https://freight.cargo.site/t/original/i/b49fa744040ffa8f2e14e95c7f3e5c88dbd3220b4d473b63ca86b240e1b1d491/prince_1.jpg" data-mid="199675549" border="0" src="https://freight.cargo.site/w/1000/i/b49fa744040ffa8f2e14e95c7f3e5c88dbd3220b4d473b63ca86b240e1b1d491/prince_1.jpg" /> <img width="2056" height="1342" width_o="2056" height_o="1342" data-src="https://freight.cargo.site/t/original/i/41d6ad044f4c59e39415be411574596c8dba69d50d3b681e6e1210eb6da74a1e/Screen-Shot-2023-01-19-at-11.36.23-PM.png" data-mid="165351579" border="0" src="https://freight.cargo.site/w/1000/i/41d6ad044f4c59e39415be411574596c8dba69d50d3b681e6e1210eb6da74a1e/Screen-Shot-2023-01-19-at-11.36.23-PM.png" /> <img width="2144" height="1428" width_o="2144" height_o="1428" data-src="https://freight.cargo.site/t/original/i/cf6bf3db70e183f7cf5754472c972510eca363fe4c1271805f6e850c5106f6ab/Screen-Shot-2023-01-19-at-11.32.54-PM.png" data-mid="165351578" border="0" src="https://freight.cargo.site/w/1000/i/cf6bf3db70e183f7cf5754472c972510eca363fe4c1271805f6e850c5106f6ab/Screen-Shot-2023-01-19-at-11.32.54-PM.png" /> <img width="3240" height="5760" width_o="3240" height_o="5760" data-src="https://freight.cargo.site/t/original/i/5b2591913a35fa41e84c779edcfbb0762dfbff050bd92e4e94047ac3e77d9305/Start.png" data-mid="166934376" border="0" src="https://freight.cargo.site/w/1000/i/5b2591913a35fa41e84c779edcfbb0762dfbff050bd92e4e94047ac3e77d9305/Start.png" /> <img width="3240" height="5760" width_o="3240" height_o="5760" data-src="https://freight.cargo.site/t/original/i/1130f216e3577434c6e48a8eacde693231094f27c9bb6edd6b8bdbe927b9193c/Truth-7.png" data-mid="166934211" border="0" src="https://freight.cargo.site/w/1000/i/1130f216e3577434c6e48a8eacde693231094f27c9bb6edd6b8bdbe927b9193c/Truth-7.png" /> <img width="2160" height="3840" width_o="2160" height_o="3840" data-src="https://freight.cargo.site/t/original/i/8d5cef3a6ebfa601847ac8fc9178e744b2197939e865ee10f4ff75d075244d26/Style-8-2.png" data-mid="166934326" border="0" src="https://freight.cargo.site/w/1000/i/8d5cef3a6ebfa601847ac8fc9178e744b2197939e865ee10f4ff75d075244d26/Style-8-2.png" /> <img width="2160" height="3840" width_o="2160" height_o="3840" data-src="https://freight.cargo.site/t/original/i/4b1a5a765b2799e18d508524448cf46ae2702d3b125295be3e660ac38e313045/Result-A.png" data-mid="166933878" border="0" src="https://freight.cargo.site/w/1000/i/4b1a5a765b2799e18d508524448cf46ae2702d3b125295be3e660ac38e313045/Result-A.png" /> <img width="2160" height="3840" width_o="2160" height_o="3840" data-src="https://freight.cargo.site/t/original/i/e54f42aff933d3cc821b202124d8d177c67b173231a241a9cdba28419e62ae13/Result-B.png" data-mid="166933879" border="0" src="https://freight.cargo.site/w/1000/i/e54f42aff933d3cc821b202124d8d177c67b173231a241a9cdba28419e62ae13/Result-B.png" /> <img width="2160" height="3840" width_o="2160" height_o="3840" data-src="https://freight.cargo.site/t/original/i/ed0792679d16e0a7ad74c567d5d01d2c5caa34b615f507c37d8cd799fd6d85a5/Result-C.png" data-mid="166933880" border="0" src="https://freight.cargo.site/w/1000/i/ed0792679d16e0a7ad74c567d5d01d2c5caa34b615f507c37d8cd799fd6d85a5/Result-C.png" /> Result Personas We received a list of 30 songs from the Prince Estate that we were authorized to use. We pulled backend API data from Spotify to analyze the songs’ attributes such as genre, danceability, energy, key, speechiness, valence. We grouped similar songs together and came up with these 5 personas; each one would correlate to a curated set of deep-cut playlists. <img width="2877" height="3696" width_o="2877" height_o="3696" data-src="https://freight.cargo.site/t/original/i/ec3cd0aec6a66b94e10302131c87895eb324f43cd4533c19ee754a24c6c07b64/Frame-1-copy.jpg" data-mid="165354251" border="0" src="https://freight.cargo.site/w/1000/i/ec3cd0aec6a66b94e10302131c87895eb324f43cd4533c19ee754a24c6c07b64/Frame-1-copy.jpg" /> <img width="2877" height="3696" width_o="2877" height_o="3696" data-src="https://freight.cargo.site/t/original/i/2e914fce3b73b184b85b4defaa56e471109996ce40abbd56b4f5459d5fb8dcda/Frame-5.png" data-mid="165354255" border="0" src="https://freight.cargo.site/w/1000/i/2e914fce3b73b184b85b4defaa56e471109996ce40abbd56b4f5459d5fb8dcda/Frame-5.png" /> <img width="2877" height="3696" width_o="2877" height_o="3696" data-src="https://freight.cargo.site/t/original/i/9a7ad91c73555516d2013106d1a071b53215946e69bbd90ed0fa10fda99155e3/Frame-3.png" data-mid="165354253" border="0" src="https://freight.cargo.site/w/1000/i/9a7ad91c73555516d2013106d1a071b53215946e69bbd90ed0fa10fda99155e3/Frame-3.png" /> <img width="2877" height="3696" width_o="2877" height_o="3696" data-src="https://freight.cargo.site/t/original/i/8996030824160ffb710c65d3b45a82d6ccc4ca438ceed1d8f669e1c0cb378fd0/Frame-2.png" data-mid="165354252" border="0" src="https://freight.cargo.site/w/1000/i/8996030824160ffb710c65d3b45a82d6ccc4ca438ceed1d8f669e1c0cb378fd0/Frame-2.png" /> <img width="2877" height="3696" width_o="2877" height_o="3696" data-src="https://freight.cargo.site/t/original/i/a42dc03a853c9471785b694c1154d0e6d3ddbc167051a2c665561f39de44b356/Frame-4.png" data-mid="165354254" border="0" src="https://freight.cargo.site/w/1000/i/a42dc03a853c9471785b694c1154d0e6d3ddbc167051a2c665561f39de44b356/Frame-4.png" /> Listening Room Considerations We had more elaborate plans for the physical set of the listening room, but was constrained by the budget, timing, licensing issues, and changing plans from the client. <img width="2884" height="1616" width_o="2884" height_o="1616" data-src="https://freight.cargo.site/t/original/i/b6226d12622ec9e049afac1cf44c4e014c4dd1d78d97bad82225026664521426/Screen-Shot-2022-04-22-at-2.19.29-PM.png" data-mid="165329025" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/b6226d12622ec9e049afac1cf44c4e014c4dd1d78d97bad82225026664521426/Screen-Shot-2022-04-22-at-2.19.29-PM.png" /> <img width="2742" height="1612" width_o="2742" height_o="1612" data-src="https://freight.cargo.site/t/original/i/bfb373a5370f8c7ad1bf12deecb9969bc551b5c82516ae8c0f8e590e69429f95/Screen-Shot-2022-04-22-at-2.20.47-PM.png" data-mid="165329106" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/bfb373a5370f8c7ad1bf12deecb9969bc551b5c82516ae8c0f8e590e69429f95/Screen-Shot-2022-04-22-at-2.20.47-PM.png" /> <img width="3078" height="1272" width_o="3078" height_o="1272" data-src="https://freight.cargo.site/t/original/i/959fce4cb9b4411367d7eda28992ed1a2fbc9400887a6532c7670cc0d8a6255f/Screen-Shot-2022-03-27-at-12.52.43-AM.png" data-mid="165329149" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/959fce4cb9b4411367d7eda28992ed1a2fbc9400887a6532c7670cc0d8a6255f/Screen-Shot-2022-03-27-at-12.52.43-AM.png" /> <img width="3068" height="1720" width_o="3068" height_o="1720" data-src="https://freight.cargo.site/t/original/i/ab13fc6cd511bc26cfd6f69a861a33bbab7461df38ca457be7c4dcadd19d53c8/Screen-Shot-2022-06-22-at-8.12.31-PM.png" data-mid="165329181" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/ab13fc6cd511bc26cfd6f69a861a33bbab7461df38ca457be7c4dcadd19d53c8/Screen-Shot-2022-06-22-at-8.12.31-PM.png" /> <img width="3072" height="1724" width_o="3072" height_o="1724" data-src="https://freight.cargo.site/t/original/i/565c0a4d34826d56aea733a6fa25e94575dd4f06ed19773d9ba17de8594f3fb0/Screen-Shot-2022-06-22-at-8.12.05-PM.png" data-mid="165328978" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/565c0a4d34826d56aea733a6fa25e94575dd4f06ed19773d9ba17de8594f3fb0/Screen-Shot-2022-06-22-at-8.12.05-PM.png" /> <img width="2385" height="1416" width_o="2385" height_o="1416" data-src="https://freight.cargo.site/t/original/i/5c6ff46481634c48d35c0aff87caf9d4407c0afd09afe0f3f876da610e2f6fd4/centerpiece.png" data-mid="165328923" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/5c6ff46481634c48d35c0aff87caf9d4407c0afd09afe0f3f876da610e2f6fd4/centerpiece.png" /> Presented by Superfly in partnership with The Prince Estate Design Agency: A_Da /&nbsp;Listen https://lamjessica.com/discogs Wed, 19 Jan 2022 02:41:49 +0000 lamjessica https://lamjessica.com/discogs DISCOGS vinyl record shopping journeyvisual design, UX/UI I started collecting vinyl records over the Covid pandemic of 2020. What better way to quell your despair at the state of the world than withdrawing into a nostalgic media format for your favorite albums? The go-to website for vinyl collectors is Discogs, which looks like a 2003 database for searching for books at your little local library. I first encountered this site in 2014 and hated it so much that it drove me away from vinyls. Now in 2020, I found myself using it weekly. It took a bit of time for me to understand the user interface. The current site functions fine as a database, but it feels antiquated (and not because vinyls are).Before I even arrived at the thought of re-designing Discogs, I was pandemic-induced shopping for vintage clothing. I was inspired by an imagined 1970s car ad, the groovy rainbow on my soap dispenser, and a 1960s graphic print. I’m always deeply in love with late-midcentury aesthetics, but was surrounded and inspired by it more so at this time. I wanted to turn that into something. Vinyl records were at the height of the era. So I decided to put the two things together. Other projects I’ve worked on involved more serious brands and topics and had rules around them. With this, I wanted to put visual design first and play around with shapes, colors, and alignment. There was a boldness, ingenuity, and minimalism in midcentury design that I wanted to bring to Discogs. I designed the shopping journey to be a more sensuous (groovy), clean, and condensed experience. <img width="2344" height="1228" width_o="2344" height_o="1228" data-src="https://freight.cargo.site/t/original/i/02b193b1e29a309cc5407b5956b809680cad80d08f1a09ebec738e8c84dfb580/Screen-Shot-2020-11-29-at-9.47.37-PM.png" data-mid="130694300" border="0" data-scale="92" data-no-zoom src="https://freight.cargo.site/w/1000/i/02b193b1e29a309cc5407b5956b809680cad80d08f1a09ebec738e8c84dfb580/Screen-Shot-2020-11-29-at-9.47.37-PM.png" />Moodboard <img width="1280" height="596" width_o="1280" height_o="596" data-src="https://freight.cargo.site/t/original/i/b05de13ca5b9365d9fa965fc8a9052e50fb4ea9e5da584aa77985b2756a53e59/disc7720.gif" data-mid="130694136" border="0" src="https://freight.cargo.site/w/1000/i/b05de13ca5b9365d9fa965fc8a9052e50fb4ea9e5da584aa77985b2756a53e59/disc7720.gif" /> <img width="1280" height="812" width_o="1280" height_o="812" data-src="https://freight.cargo.site/t/original/i/8cbba1f734969854e8c004446f370c75bed2edc2b615e02a61257be0f9c49173/proto701720.gif" data-mid="130694134" border="0" src="https://freight.cargo.site/w/1000/i/8cbba1f734969854e8c004446f370c75bed2edc2b615e02a61257be0f9c49173/proto701720.gif" /> <img width="1280" height="812" width_o="1280" height_o="812" data-src="https://freight.cargo.site/t/original/i/1fa7ebe0524a8bff7c9bb841f516ed1d8418734f18b0f4be73913ab30cf64b3a/proto702720.gif" data-mid="130694135" border="0" src="https://freight.cargo.site/w/1000/i/1fa7ebe0524a8bff7c9bb841f516ed1d8418734f18b0f4be73913ab30cf64b3a/proto702720.gif" /> Current User Flow The current Discogs site requires the user to navigate many different pages to arrive at the record they seek to purchase. There are many ways to get to the same destination and the steps you needed to take are not linearly depicted. They added multiple prompts for first-time users, telling you to click here and there to search for your record. There are music videos, comments section, edit history, a lot of information that crowds up the pages that can be hidden or moved elsewhere. <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/667e20db044f3a3023b7756476c007346f8e9d68231393972cff51ae6a30e10d/discogs-old.jpg" data-mid="130694838" border="0" src="https://freight.cargo.site/w/1000/i/667e20db044f3a3023b7756476c007346f8e9d68231393972cff51ae6a30e10d/discogs-old.jpg" /> New User Flow This design cuts down on the number of pages a user will confront, by consolidating the last part of the shopping journey onto a dashboard-style view. As users make their selections, the information in each module will change on the same page. That way users can see all of their options in front of them and navigate back and forth easily. This design brings the browsing experience more up to par to digital music streaming services, while keeping the emphasis on the artist and the physical media (vinyl record) that the user is on this website for. <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/00c1deb1f3c90b0064c6069ebb6dfb9601ce224eac091733bfb23291efc4e32c/discogs-old2.jpg" data-mid="130694846" border="0" src="https://freight.cargo.site/w/1000/i/00c1deb1f3c90b0064c6069ebb6dfb9601ce224eac091733bfb23291efc4e32c/discogs-old2.jpg" /> Wireframes <img width="3560" height="2270" width_o="3560" height_o="2270" data-src="https://freight.cargo.site/t/original/i/84348d04daa5d5298a17282320dd6acf48f08b009c296f423baa15256c9e9d7b/Artist-Page-v4.3-Copy-58.png" data-mid="130694930" border="0" src="https://freight.cargo.site/w/1000/i/84348d04daa5d5298a17282320dd6acf48f08b009c296f423baa15256c9e9d7b/Artist-Page-v4.3-Copy-58.png" /> <img width="3560" height="2270" width_o="3560" height_o="2270" data-src="https://freight.cargo.site/t/original/i/908ba8b2106ef3da4488d2f31172d50d94581248e1f3c39bc611fa189868d43e/Artist-Page-v4.3-Copy-59.png" data-mid="130694929" border="0" src="https://freight.cargo.site/w/1000/i/908ba8b2106ef3da4488d2f31172d50d94581248e1f3c39bc611fa189868d43e/Artist-Page-v4.3-Copy-59.png" /> <img width="3560" height="2268" width_o="3560" height_o="2268" data-src="https://freight.cargo.site/t/original/i/969b3fd27aab3e4f9c806963df702bdaa6b4e8014e7094c5d96bdad65de2d032/Artist-Page-v4.3-Copy-63.png" data-mid="130694931" border="0" src="https://freight.cargo.site/w/1000/i/969b3fd27aab3e4f9c806963df702bdaa6b4e8014e7094c5d96bdad65de2d032/Artist-Page-v4.3-Copy-63.png" /> <img width="1780" height="1134" width_o="1780" height_o="1134" data-src="https://freight.cargo.site/t/original/i/7fab225656488d791dc314a58c574a6a9a150244f589d6e29a21b4a390eb7a6b/Artist-Page-v4.3-Copy-64.png" data-mid="130694927" border="0" src="https://freight.cargo.site/w/1000/i/7fab225656488d791dc314a58c574a6a9a150244f589d6e29a21b4a390eb7a6b/Artist-Page-v4.3-Copy-64.png" /> <img width="3560" height="2270" width_o="3560" height_o="2270" data-src="https://freight.cargo.site/t/original/i/8e16e5905f4bd4b993bdc551e6f17ed6385d024acc386d12be4b37d200c4b74c/Artist-Page-v4.3-Copy-52.png" data-mid="130694928" border="0" src="https://freight.cargo.site/w/1000/i/8e16e5905f4bd4b993bdc551e6f17ed6385d024acc386d12be4b37d200c4b74c/Artist-Page-v4.3-Copy-52.png" /> <img width="1780" height="1135" width_o="1780" height_o="1135" data-src="https://freight.cargo.site/t/original/i/76fde7c4325ef248b3526fa3be294d9cd6786033cd5e354309eee6012a89826b/Artist-Page-v4.3-Copy-49.png" data-mid="130694934" border="0" src="https://freight.cargo.site/w/1000/i/76fde7c4325ef248b3526fa3be294d9cd6786033cd5e354309eee6012a89826b/Artist-Page-v4.3-Copy-49.png" /> <img width="3560" height="2270" width_o="3560" height_o="2270" data-src="https://freight.cargo.site/t/original/i/30d47f66aaded565da580d7bffb7221370d4f5ad0706238d487a1bcae4c54c48/Artist-Page-v4.3-Copy-44.png" data-mid="130694926" border="0" src="https://freight.cargo.site/w/1000/i/30d47f66aaded565da580d7bffb7221370d4f5ad0706238d487a1bcae4c54c48/Artist-Page-v4.3-Copy-44.png" /> <img width="1780" height="1135" width_o="1780" height_o="1135" data-src="https://freight.cargo.site/t/original/i/8eadec670ed088a6d332ca94a965557f90f3cad3194f86c7e26c8d9075c39ddc/Artist-Page-v4.3-Copy-50.png" data-mid="130694932" border="0" src="https://freight.cargo.site/w/1000/i/8eadec670ed088a6d332ca94a965557f90f3cad3194f86c7e26c8d9075c39ddc/Artist-Page-v4.3-Copy-50.png" /> <img width="3560" height="2270" width_o="3560" height_o="2270" data-src="https://freight.cargo.site/t/original/i/27d06ae45702445dee6b5e8f04c9be6d15e099863a04d1a8ef1468aa09971b70/Artist-Page-v4.3-Copy-56.png" data-mid="130694933" border="0" src="https://freight.cargo.site/w/1000/i/27d06ae45702445dee6b5e8f04c9be6d15e099863a04d1a8ef1468aa09971b70/Artist-Page-v4.3-Copy-56.png" /> https://lamjessica.com/marmot Wed, 19 Jan 2022 03:15:46 +0000 lamjessica https://lamjessica.com/marmot <img width="3772" height="2122" width_o="3772" height_o="2122" data-src="https://freight.cargo.site/t/original/i/cf872093cd8c020d3209c4afb49b5771dc94b91c42a884d43bbf8c008bf346ab/marmot.jpeg" data-mid="223753849" border="0" src="https://freight.cargo.site/w/1000/i/cf872093cd8c020d3209c4afb49b5771dc94b91c42a884d43bbf8c008bf346ab/marmot.jpeg" /> MARMOT | NEWELL BRANDSecommerce enterprise-wide technology stack migration, UX, accessibility Role: UX Designer, Research, Information Architecture, Wireframing, Usability Testing, Project ManagerTools: Salesforce suite, InVision, Zeplin, Axure, Sketch, Smartsheet, JIRADuration: 28 weeks, March - October 2020Team: Digital Experience, Digital Tech, Product Managers, UX, Developers, MarTech, eCommerce Business, Digital Marketing, Brand Marketing, Production, Creative Designers, Asset Management, Order Management, Finance, Third-Party Vendors Objective: Migrate Marmot onto a new technology stack by analyzing performance data on the current website, determining a feature set, and developing a new site architecture.Output: A brand new, responsive website from front-end to back-end; new site architecture, new editorial content, new browse, shop, and checkout experiences.Outcome: 100% of users preferred the new site layout, 25% faster page load times, bounce rate decreased 19%. Scope of Work About Project Odyssey Newell made the decision to migrate our 40+ eCommerce websites on to a new, unified technology stack. This would allow for the consolidation of technologies, financial efficiencies, a user-friendly content management system, and a robust consumer marketing and analytics system. Moving sites over to a new platform meant that we had the opportunity to restructure and redesign the front-end and back-end experience. Project Odyssey is the undertaking of this enterprise-wide restructure of all of our eCommerce systems. My team spearheaded the whole effort and involved many cross-functional partners from product, developers, digital marketing, creative designers, order management, to finance (and more). I had to gather and understand the business needs for each of the brands and lead the cross-functional teams through the migration process. We worked against a tight timeline (pictured below) and were migrating up to ten brands at once.Some of the work involved in getting Project Odyssey set up included:The tech teams evaluated existing platforms and costs.The product team scoped out appropriate architectures and platforms. The UX team created a scalable design system and components to be used across all Newell sites.The development team built out a CMS that would allow marketing and merchandising teams to make easy updates to the sites.The project team built out migration timelines and got stakeholder alignment from the businesses.The data management team and digital marketing team worked out how to migrate all of their data and processes.Third-party partners assisted in implementing tools and platforms (Salesforce, Afterpay, Narvar, Paypal).Marmot is a brand of outdoor performance clothing and gear for hiking, camping, and winter sports; selling on a direct-to-consumer website. The full project plan for Marmot spanned 28 weeks and consisted of six phases - discovery, site planning &amp; design, site configuration &amp; tagging, content building &amp; merchandising, testing &amp; launch, and post-migration activities. Each phase involved many steps and many teams to complete. I was most involved in the process in the following ways: <img width="3544" height="1142" width_o="3544" height_o="1142" data-src="https://freight.cargo.site/t/original/i/eaad49647efcc25e065c73719d71c7b2eab52429b606cee0bc4769a2ab48c26e/logo3.png" data-mid="130696629" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/eaad49647efcc25e065c73719d71c7b2eab52429b606cee0bc4769a2ab48c26e/logo3.png" /> <img width="3426" height="862" width_o="3426" height_o="862" data-src="https://freight.cargo.site/t/original/i/4be2e20a875db3104d828270b911a0e9fb3716e130a1ef8c08a4d9a40dc46496/timeline.png" data-mid="130696886" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/4be2e20a875db3104d828270b911a0e9fb3716e130a1ef8c08a4d9a40dc46496/timeline.png" /> Phase 1: Discovery Feature Set Before starting any migration work, I had to align with business stakeholders on the website’s feature set. Pictured below are the MVP features from browse &amp; search to path-to-purchase to post-purchase. We arrived at this list by identifying the base features needed for a good eCommerce experience, and then we held multiple week-long planning sessions with product, developers, business teams, and consultants to expand upon the features, scope out how to develop it in Salesforce, and build a roadmap for execution. <img width="3158" height="1698" width_o="3158" height_o="1698" data-src="https://freight.cargo.site/t/original/i/c605386bb7ec7dd4c4f045fba8217e34f487f57fd1fcf53e2159fa345490a608/Screen-Shot-2021-05-11-at-3.24.51-PM.png" data-mid="130700995" border="0" data-scale="93" data-no-zoom src="https://freight.cargo.site/w/1000/i/c605386bb7ec7dd4c4f045fba8217e34f487f57fd1fcf53e2159fa345490a608/Screen-Shot-2021-05-11-at-3.24.51-PM.png" /> Site Inventory I reviewed the current site to understand page inventory, traffic data, SEO health, and navigation. Here, we decided what pages to keep or kill or where we had gaps in the consumer experience. The old Marmot website showed the breadth of Marmot’s assortment and consisted mainly of product pages, but didn’t have content to engage consumers from a storytelling or adventurous lifestyle perspective. Because it was a straightforward shopping experience, it also lacked an educational angle to highlight our various garment technologies. These were the main pain points we wanted to address. Bring shopping experience up to par with competitors by introducing new PLP, UGC features.Highlight value proposition of Marmot products by educating the consumer.Engage consumers from a storytelling and adventurous lifestyle perspective. Navigation / Sitemap I then restructured the sitemap and taxonomy to improve the user flow and make room for new experiences. With site inventory and traffic data in mind, I chose to expose key pages in the top level of the navigation, expanded some categories, removed duplicative wording, used consistent naming conventions, and shifted them around for a more intuitive flow. I worked with copywriters to choose taxonomy that was more consumer- and SEO-friendly. I future-proofed the sitemap so that if Marmot decides to add new product categories or content, it could easily fit into the established navigational structure without restructuring the whole site and damaging SEO value. The finalized sitemap laid out all the types of pages that would make up the new website and how they would relate to each other. This was the basis for the next phase, wireframing. Original sitemap with annotations <img width="2442" height="2036" width_o="2442" height_o="2036" data-src="https://freight.cargo.site/t/original/i/9b1812e59f68f5b75c7921e0dfec0479b963f44e861f8bef6fff71960da1e70f/old-nav.png" data-mid="130701169" border="0" src="https://freight.cargo.site/w/1000/i/9b1812e59f68f5b75c7921e0dfec0479b963f44e861f8bef6fff71960da1e70f/old-nav.png" /> Revised sitemap <img width="1492" height="1241" width_o="1492" height_o="1241" data-src="https://freight.cargo.site/t/original/i/3ef73f12c587a7e06a7e0c52c19b192c4c8c11687517593f2cf26a673a07851a/new-nav.png" data-mid="130701190" border="0" src="https://freight.cargo.site/w/1000/i/3ef73f12c587a7e06a7e0c52c19b192c4c8c11687517593f2cf26a673a07851a/new-nav.png" /> Phase 2: Site Planning &amp; Design Wireframes &amp; Mockups We then needed to align on goals for each page experience. I put together a design brief for the business stakeholders to fill out and this would help inform my design decisions. The UX team had created a design system of roughly ten components to be used as scalable building blocks across all Newell sites. The components were built into the Salesforce platform with defined specifications and functionalities. I had to design landing pages within these constraints. Because this was a migration and we were on a very tight timeline, the primary goal was to move over at least 50% of the existing content to the new platform. With the new page designs, I focused on optimizing the consumer journey and addressing the pain points unearthed during the discovery phase while staying within the CMS framework. The mockup phase was a collaborative effort with the production and creative team. The teams took my wireframes and filled them out with images, content, and copy, following brand guidelines. I advised on the functionality and specifications of the platform and components. We worked together to optimize the wireframe layouts to suit the content where it was necessary. For example, we ran into issues where the copy they wrote would not fit the character count for the component I chose, or they had to change their color scheme to correspond to CMS constraints. There was a lot of experimentation with the components and layouts to make the site look the best it could be. I then presented the mocks to the Marmot eCommerce and brand team to get their input and approval on how their brand and products were conveyed. We went through roughly 3 rounds of feedback and revisions. There were 25 landing pages in total. The wireframe and mockup of the homepage is shown below: <img width="2394" height="2096" width_o="2394" height_o="2096" data-src="https://freight.cargo.site/t/original/i/da1500d3e33c463a3fcf7af0fcacce3142b7586d6407347a49df3cac7f031301/hp.png" data-mid="131098848" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/da1500d3e33c463a3fcf7af0fcacce3142b7586d6407347a49df3cac7f031301/hp.png" /> New Shopping Journey Experiences Two new experiences developed for the site included a jacket finder and visual filter. We wanted higher conversion from consumers that might be new to Marmot and do not know where to start with our large product assortment. These experiences helped educate the consumer on the value proposition of Marmot gear and guided them to a purchase destination. <img width="1518" height="2114" width_o="1518" height_o="2114" data-src="https://freight.cargo.site/t/original/i/3021aa9545215696bdc966a1a9e951184cab52974c2613ad7c759269f60fda76/filter-3.png" data-mid="131099019" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/3021aa9545215696bdc966a1a9e951184cab52974c2613ad7c759269f60fda76/filter-3.png" /> <img width="1456" height="2122" width_o="1456" height_o="2122" data-src="https://freight.cargo.site/t/original/i/dd6c13033eba6199686a94b66cc0741362accb82983aa9e10f2fdcbc3c5d7257/jacketfinder1.png" data-mid="131099021" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/dd6c13033eba6199686a94b66cc0741362accb82983aa9e10f2fdcbc3c5d7257/jacketfinder1.png" /> Designing with ADA &amp; SEO Americans with Disabilities (ADA) Compliance — We designed the new website to be accessible to people with disabilities. Not only is this a legal requirement to be inclusive of all consumers, but it prioritized functional design over solely visual aesthetic, and this is the core purpose of UX. For visual and auditory clarity and for screen readers to pick up our content, we made sure we had complete alt text, prohibited images that used baked-in text, used high-contrasting colors, built in hierarchy for keyboard accessibility, and removed auto-play videos that featured sound for example. Search Engine Optimization (SEO) - We designed in a way that search engines can efficiently and accurately crawl the content on our website and index it in their database. This was important to maintain site traffic and search engine results page (SERP) rankings to our website, and to make it easier for our consumers to find our products. We had to make sure we implemented optimized key words, meta data, redirects, URL structures, SEO copy blocks, and structured markup, among many other SEO principles. Phase 3: Site Build &amp; Configuration Site Build &amp; Configuration Once all the creative work was approved, we moved into building the pages within the CMS and merchandising products. I worked with developers to make sure the data, product descriptions, color swatches and variants, attributes, and images were flowing into the system properly. I built out the navigation and added branding elements onto the platform. The producers then built out all of the landing pages in two weeks. I helped with other backend configurations that were also happening at this time — order management systems, consumer service systems, pricing, tagging and analytics, third-party integrations, email configurations, and SEO optimizations.<img width="3260" height="1466" width_o="3260" height_o="1466" data-src="https://freight.cargo.site/t/original/i/0e23b1c3324c670d85f70e311570dc0ece8d46af65d7322ddec150bb747072a2/build.png" data-mid="131099150" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/0e23b1c3324c670d85f70e311570dc0ece8d46af65d7322ddec150bb747072a2/build.png" /> Phase 4: QA/UAT/SIT Testing &amp; Site Launch Launch We allowed four weeks for testing and launch-readiness activities. This included QA and SIT testing across all of the pages and links we built out, as well as the analytics tagging configurations. User acceptance testing (UAT) was dependent on approval from the brand team, marketing, analytics, and consumer services. We tracked bugs and change requests, and executed only business-critical updates at this stage. Regression testing was carried out, and Cloudflare (CDN, DNS) was configured for cutover. And then we launched during a 4-hour 2 a.m. launch and audit session in October 2020. A few weeks later, we carried out a post-launch retrospective, and identified optimizations to continue improving the site, as well as the migration process. Before <img width="3248" height="1966" width_o="3248" height_o="1966" data-src="https://freight.cargo.site/t/original/i/c6a07414911da878ff33e5e1dc3eb6e8be44bcf4f93550853a3c082f55c704e7/before.png" data-mid="131099176" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/c6a07414911da878ff33e5e1dc3eb6e8be44bcf4f93550853a3c082f55c704e7/before.png" /> After<img width="2000" height="2118" width_o="2000" height_o="2118" data-src="https://freight.cargo.site/t/original/i/03f0de2b8b5e3b8a9adfc927776d42a041988624086990b19f1c23e1c270f360/after2.png" data-mid="131099177" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/03f0de2b8b5e3b8a9adfc927776d42a041988624086990b19f1c23e1c270f360/after2.png" /> Post-Migration: Perfomance &amp; Optimization Post-Migration Performance One month out from launch, user testing showed: 100% of users preferred the new site layout87% of users preferred the new site content67% of users said the new site was a upgrade44% of users noted visual appeal25% faster page load times Additional metrics below show improvements across the board, in traffic data and keyword rankings.<img width="2548" height="1168" width_o="2548" height_o="1168" data-src="https://freight.cargo.site/t/original/i/8f8689ad6ea4bbe4fb05ef92ba2f7a16b4d0d09bc20fce5e95717c7b2093ade5/traffic.png" data-mid="131099245" border="0" data-scale="45" data-no-zoom src="https://freight.cargo.site/w/1000/i/8f8689ad6ea4bbe4fb05ef92ba2f7a16b4d0d09bc20fce5e95717c7b2093ade5/traffic.png" /><img width="2924" height="1372" width_o="2924" height_o="1372" data-src="https://freight.cargo.site/t/original/i/715aa59f8062124003dedcef085d1d0bc5099d80ee004d139ecb9acf4a4afecd/kw.png" data-mid="131099244" border="0" data-scale="43" data-no-zoom src="https://freight.cargo.site/w/1000/i/715aa59f8062124003dedcef085d1d0bc5099d80ee004d139ecb9acf4a4afecd/kw.png" /> Design Optimizations A new analytics system gave us the ability to track metrics for each component as a user scrolls down the page. We are able to see views, CTR, and even minute interaction behaviors. This data allowed us to make pinpoint design optimizations to pages. For example, users drop off the homepage after the top component, so we are looking at ways to rearrange the most important information and A/B test different layouts. <img width="2838" height="1804" width_o="2838" height_o="1804" data-src="https://freight.cargo.site/t/original/i/8d589578714162a52f1398b1de6b87871a0692444c7c985e840b75646c0374a6/graph.png" data-mid="131099272" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/8d589578714162a52f1398b1de6b87871a0692444c7c985e840b75646c0374a6/graph.png" /> <img width="1346" height="2088" width_o="1346" height_o="2088" data-src="https://freight.cargo.site/t/original/i/0fcb1160f311bb1204a9341da2348aa0ee354967f2626270cadfb86ecac3a25c/page.png" data-mid="131099276" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/0fcb1160f311bb1204a9341da2348aa0ee354967f2626270cadfb86ecac3a25c/page.png" /> Backlog &amp; Next-Phase Features With user testing feedback and next-phase business requirements, we started compiling and sorting backlog features to continue building upon the site.&nbsp; <img width="3512" height="1816" width_o="3512" height_o="1816" data-src="https://freight.cargo.site/t/original/i/dd0a3c16ddaf5ac8aee9e93b7397e236f91f6aabc794f1f407ab622d371fe6d3/user.png" data-mid="131099282" border="0" data-scale="87" data-no-zoom src="https://freight.cargo.site/w/1000/i/dd0a3c16ddaf5ac8aee9e93b7397e236f91f6aabc794f1f407ab622d371fe6d3/user.png" /> More Newell Brands Marmot was 1 of 40 sites I designed and launched. Check out more experiences below: <img width="316" height="59" width_o="316" height_o="59" data-src="https://freight.cargo.site/t/original/i/efa3dfd7b7850ed51c111566f7f87ba2c78713c0857af0a1933bab606fa87928/brand-logo.svg" data-mid="131099304" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/316/i/efa3dfd7b7850ed51c111566f7f87ba2c78713c0857af0a1933bab606fa87928/brand-logo.svg" /> <img width="426" height="147" width_o="426" height_o="147" data-src="https://freight.cargo.site/t/original/i/a8b5be35af791ca23e6515892ca93a22bc05bf56e384e20bed6b83ad1b8cbb38/brand-logo.svg" data-mid="131099307" border="0" data-no-zoom src="https://freight.cargo.site/w/426/i/a8b5be35af791ca23e6515892ca93a22bc05bf56e384e20bed6b83ad1b8cbb38/brand-logo.svg" /> <img width="614" height="201" width_o="614" height_o="201" data-src="https://freight.cargo.site/t/original/i/142af97578a0d35cf9e8a79eab63d029acb1d05994c24590955bc87f14e15c2b/brand-logo-1.svg" data-mid="131099305" border="0" data-no-zoom src="https://freight.cargo.site/w/614/i/142af97578a0d35cf9e8a79eab63d029acb1d05994c24590955bc87f14e15c2b/brand-logo-1.svg" /> <img width="2022" height="802" width_o="2022" height_o="802" data-src="https://freight.cargo.site/t/original/i/a214f10250ef3beba3cbb75a1234b958edfe4873c96dca68a06aa713ffb21a6b/Screen-Shot-2021-06-03-at-11.07.19-PM.png" data-mid="131099306" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/a214f10250ef3beba3cbb75a1234b958edfe4873c96dca68a06aa713ffb21a6b/Screen-Shot-2021-06-03-at-11.07.19-PM.png" /> <img width="2822" height="690" width_o="2822" height_o="690" data-src="https://freight.cargo.site/t/original/i/7b66c24fdaccd05bd5702bb9a5c516b714f063d78d52d434140f54ea44691711/Screen-Shot-2021-06-03-at-11.05.33-PM.png" data-mid="131099310" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/7b66c24fdaccd05bd5702bb9a5c516b714f063d78d52d434140f54ea44691711/Screen-Shot-2021-06-03-at-11.05.33-PM.png" /> <img width="1474" height="156" width_o="1474" height_o="156" data-src="https://freight.cargo.site/t/original/i/f217aaf6342b8d4b48eee2449dd9cac1e67e2bf3efca36e3628859b8ba5b693b/brand-logo-3.svg" data-mid="131099309" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/f217aaf6342b8d4b48eee2449dd9cac1e67e2bf3efca36e3628859b8ba5b693b/brand-logo-3.svg" /> <img width="486" height="117" width_o="486" height_o="117" data-src="https://freight.cargo.site/t/original/i/6748841c2ccff9ea0ac00437e6710379867a60116b0f528b0427addbb29e79d0/brand-logo-2.svg" data-mid="131099308" border="0" data-no-zoom src="https://freight.cargo.site/w/486/i/6748841c2ccff9ea0ac00437e6710379867a60116b0f528b0427addbb29e79d0/brand-logo-2.svg" /> <img width="1760" height="1126" width_o="1760" height_o="1126" data-src="https://freight.cargo.site/t/original/i/e2664a5bd488f07a5cbc92973451eeebad08b28f1f92adf3cfce98ec93c19520/Screen-Shot-2021-06-03-at-11.02.59-PM.png" data-mid="131099311" border="0" data-scale="61" data-no-zoom src="https://freight.cargo.site/w/1000/i/e2664a5bd488f07a5cbc92973451eeebad08b28f1f92adf3cfce98ec93c19520/Screen-Shot-2021-06-03-at-11.02.59-PM.png" /> https://lamjessica.com/joor Thu, 27 Jan 2022 01:43:53 +0000 lamjessica https://lamjessica.com/joor <img width="5980" height="3632" width_o="5980" height_o="3632" data-src="https://freight.cargo.site/t/original/i/c85687c88299f341275d2d6ae94069f4a1c6bfe1ff3db50b62703d87b8ae54c7/joor-b.png" data-mid="131588875" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/c85687c88299f341275d2d6ae94069f4a1c6bfe1ff3db50b62703d87b8ae54c7/joor-b.png" /> JOOR fashion wholesale platformUX/UI, product design, software design (at request) https://lamjessica.com/pangaia Fri, 22 Apr 2022 16:16:43 +0000 lamjessica https://lamjessica.com/pangaia <img width="2544" height="1428" width_o="2544" height_o="1428" data-src="https://freight.cargo.site/t/original/i/e1f2e7718293898fc70276ca474bc8382cea5da34e2f974aad2bcd7138685cea/Screenshot-2023-12-18-at-5.52.06-PM.png" data-mid="199702414" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/e1f2e7718293898fc70276ca474bc8382cea5da34e2f974aad2bcd7138685cea/Screenshot-2023-12-18-at-5.52.06-PM.png" />PANGAIA - SUPER SUPER BAR product launch activationUX, mobile web Pangaia launched their new Superfood bar with an activation event in NYC. Consumers would be drawn in by a futuristic, mysterious monolith, and activate it with their face to receive a free sample bar. We designed the digital experience and the machine. <img width="3100" height="1742" width_o="3100" height_o="1742" data-src="https://freight.cargo.site/t/original/i/6dae82eff9e208885a38b4240c6e83e5110e826799b1b646edf1248634be0657/Screen-Shot-2022-04-12-at-1.21.03-AM.png" data-mid="199620693" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/6dae82eff9e208885a38b4240c6e83e5110e826799b1b646edf1248634be0657/Screen-Shot-2022-04-12-at-1.21.03-AM.png" /> <img width="1814" height="812" width_o="1814" height_o="812" data-src="https://freight.cargo.site/t/original/i/4224a8056d2e51745381882624fa73f0152218947a0dd025eada6401086ddace/Screenshot-2023-12-18-at-5.51.20-PM.png" data-mid="199702427" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/4224a8056d2e51745381882624fa73f0152218947a0dd025eada6401086ddace/Screenshot-2023-12-18-at-5.51.20-PM.png" /> <img width="1500" height="3248" width_o="1500" height_o="3248" data-src="https://freight.cargo.site/t/original/i/e09a264d2cfcbda54ca2ea57cb130b4c0ba78b08f5ad3665f1d010916d83045b/Option-3_-Intro.png" data-mid="199686827" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/e09a264d2cfcbda54ca2ea57cb130b4c0ba78b08f5ad3665f1d010916d83045b/Option-3_-Intro.png" /> <img width="1500" height="3248" width_o="1500" height_o="3248" data-src="https://freight.cargo.site/t/original/i/8379d225c595d1d45f4761c3098a4dea7df2998395e235605cdc002c535be19d/Option-3_-Camera-Access.png" data-mid="199686848" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/8379d225c595d1d45f4761c3098a4dea7df2998395e235605cdc002c535be19d/Option-3_-Camera-Access.png" /> <img width="1500" height="3248" width_o="1500" height_o="3248" data-src="https://freight.cargo.site/t/original/i/46a6e1273df509040a29e179fdb0383aacda1b4fca15b7d162efdaac9696cfbe/Option-3_-Instructions.png" data-mid="199687865" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/46a6e1273df509040a29e179fdb0383aacda1b4fca15b7d162efdaac9696cfbe/Option-3_-Instructions.png" /> <img width="1500" height="3248" width_o="1500" height_o="3248" data-src="https://freight.cargo.site/t/original/i/5e9efccdc7a17f26e75153055ccdb00aca2df8b0cf3aa0c0bec60ea091dfdb56/Option-3_-Camera-Pose.png" data-mid="199686865" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/5e9efccdc7a17f26e75153055ccdb00aca2df8b0cf3aa0c0bec60ea091dfdb56/Option-3_-Camera-Pose.png" /> <img width="1500" height="3248" width_o="1500" height_o="3248" data-src="https://freight.cargo.site/t/original/i/003d085ace09eebaaf2b5efc31e8af98ce286708823a55bca09fa7a9f59da53a/Option-3_-Loading.png" data-mid="199687868" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/003d085ace09eebaaf2b5efc31e8af98ce286708823a55bca09fa7a9f59da53a/Option-3_-Loading.png" /> <img width="1500" height="3248" width_o="1500" height_o="3248" data-src="https://freight.cargo.site/t/original/i/41c3a2a2fc070be86e28b9dd47c3e85658c07c1b20b44875b1483367a7e40e81/Option-3_-Ready.png" data-mid="199687886" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/41c3a2a2fc070be86e28b9dd47c3e85658c07c1b20b44875b1483367a7e40e81/Option-3_-Ready.png" /> <img width="1500" height="3248" width_o="1500" height_o="3248" data-src="https://freight.cargo.site/t/original/i/ab9fe492194aee09a20f22569903382b8a4e7f6fe66c9cd286928d064950aeb7/Option-3_-Signup.png" data-mid="199687927" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/ab9fe492194aee09a20f22569903382b8a4e7f6fe66c9cd286928d064950aeb7/Option-3_-Signup.png" /> <img width="1500" height="3248" width_o="1500" height_o="3248" data-src="https://freight.cargo.site/t/original/i/5112998cffaca096df24a17181e9bd7fa1e88e0303d2dd7409f6ee24b224e310/Option-3_-Share.png" data-mid="199687928" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/5112998cffaca096df24a17181e9bd7fa1e88e0303d2dd7409f6ee24b224e310/Option-3_-Share.png" /> Visit Pangaia Design Agency: A_Da