https://christinaferrada.com/vmintranet daily 0.75 2019-07-11 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d274972f6eb890001c0443a/1478549390240/ VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/5820df84be6594286f62f650/1478549390240/all_3_dec_mock.jpg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32558419c228b247391c/1494029929802/cdellavalle_vm_insight.001.jpeg VM Insight Intranet - Visual Merchandising Insight The Visual Merchandising team at Coach wanted to create an internal "one-stop shop" for store communication globally. The following pages outline the project, process and the final site design. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32554402432706c7d1f8/1488126976612/cdellavalle_vm_insight.002.jpeg VM Insight Intranet - Overview The ultimate goal of the VM Insight project was to digitize all Visual Merchandising communication globally. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3256bf629a799a2d7bc5/1488126976622/cdellavalle_vm_insight.003.jpeg VM Insight Intranet - Identifying the Problem For product floorsets each month, stores from 8 regions used 11 tools to communicate best visual merchandising practices. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32574402432706c7d1fd/1562855648743/cdellavalle_vm_insight.004.jpeg VM Insight Intranet - Information Search After identifying the most important information stores need access to, we laid out all of the places they received them: printed, digitally or both. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3258197aea7dfa7dd6ad/1488126976604/cdellavalle_vm_insight.005.jpeg VM Insight Intranet - Information Search Taking visual cues from Coach.com, the digital identity of the VM Insight would follow suit. Also through research other internal Coach assets were referenced, mostly for different functionality. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3260e6f2e1953313d749/1488126976608/cdellavalle_vm_insight.006.jpeg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d326103596e8775c73b39/1488126976606/cdellavalle_vm_insight.007.jpeg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32629de4bb5495634bf1/1488126976606/cdellavalle_vm_insight.008.jpeg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3262be65944eb790c1d7/1562855794346/cdellavalle_vm_insight.009.jpeg VM Insight Intranet - Site Map The site map was organized by content type and task. The roll-out was prioritized by order of importance and immediate needs. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32624402432706c7d319/1488126976768/cdellavalle_vm_insight.010.jpeg VM Insight Intranet - User Flow Example Store employees were our key user group, especially for the Audit section. Their flow determined the information provided to the rest of the user groups. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3263c534a59c4108d408/1488126976802/cdellavalle_vm_insight.011.jpeg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386ce3df282ee18b73dd/1488126976764/screenshots_for_web.jpg VM Insight Intranet - Log-in Screen Log-in screen for VM Insight. The background is an "evergreen" city image rather than updating seasonally. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386c6b8f5b64b1e3f6f4/1488126976761/screenshots_for_web2.jpg VM Insight Intranet - Home Screen The home screen features an animated carousel, "The Latest" section where all of the newest documents can be seen and a Newsfeed for quick text-only updates. Throughout the site users can select one of six languages, check notifications or search. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386e2e69cf391aaa1f79/1488126976935/screenshots_for_web3.jpg VM Insight Intranet - Guideline Landing Page Landing page for the Guidelines section of the site. Global and Regional guidelines live here along with all Memos and Standards documents. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386eb3db2bee3e2ec8fd/1488126976905/screenshots_for_web4.jpg VM Insight Intranet - Document Previewer Documents can be previewed on any device at full screen. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386f725e256812a1e458/1489518990672/screenshots_for_web5.jpg VM Insight Intranet - Photo Exchange - Store List For corporate or field VM users who can view audits for multiple stores, the Store List is the landing page under Photo Exchange. Here a user can organize the list by number, name or audit status by month. The list can also be refined by retail channel and region using the left nav. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/58c8405ebf629ac501c9c6ec/1489519088228/intranet_dev_mobile_audit_2017.gif VM Insight Intranet - Photo Exchange - Store Audit From a store user's perspective, the monthly audit is a step by step process. Here is an example of a lo-fi mock-up on an iPad to show left nav visibility. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/589ba10cd1758e29b06843ea/1489519168723/screenshots_for_web6.jpg VM Insight Intranet - Photo Exchange - Audit Process Here is an updated desktop mock-up of an Audit step including notes to the developer. For each page of the mock-up screen throughout this process notes like these were provided to an external developer. https://christinaferrada.com/humannature daily 0.75 2017-03-20 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/58cfeaf7e58c62daee193bac/1483713719961/ My CSA App - MyCSA App App concept including user research, ux concepting, wireframing and final design mock-ups. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45d59cc688d3e28d7e1/1483713719961/cdellavalle_final_pres_7_23-page-001.jpg My CSA App - MyCSA App App concept including user research, ux concepting, wireframing and final design mock-ups. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45eb8a79bda2b9bb881/1478550627401/cdellavalle_final_pres_7_23-page-004.jpg My CSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45db8a79bda2b9bb876/1478550626781/cdellavalle_final_pres_7_23-page-002.jpg My CSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45db8a79bda2b9bb87a/1478550624559/cdellavalle_final_pres_7_23-page-003.jpg My CSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45e59cc688d3e28d7f2/1478550624671/cdellavalle_final_pres_7_23-page-005.jpg My CSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45eb8a79bda2b9bb885/1488127818595/cdellavalle_final_pres_7_23-page-006.jpg My CSA App - User Interview Research Conducted 5 extensive user interviews with current and former CSA members. Here are some of the common results. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45e59cc688d3e28d7fb/1488127952049/cdellavalle_final_pres_7_23-page-007.jpg My CSA App - CSA Weekly Information Search While conducting user interviews, and as a CSA member myself, I wanted to understand where potential users were already getting the info they needed from. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45fb8a79bda2b9bb88a/1488128029605/cdellavalle_final_pres_7_23-page-008.jpg My CSA App - User Profile Based on this research, I created a user profile to hone in on specific needs to address within the app. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45f59cc688d3e28d809/1488128139875/cdellavalle_final_pres_7_23-page-009.jpg My CSA App - Goal Statement After conducting research and creating the user profile, there was one clear need the app needed meet. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45f59cc688d3e28d810/1488128214029/cdellavalle_final_pres_7_23-page-010.jpg My CSA App - App Project Goals The app needed to execute specific functions in order to meet these needs. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e460b8a79bda2b9bb8b3/1478550626702/cdellavalle_final_pres_7_23-page-011.jpg My CSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e46059cc688d3e28d816/1478550626885/cdellavalle_final_pres_7_23-page-012.jpg My CSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e460b8a79bda2b9bb8ba/1478550627572/cdellavalle_final_pres_7_23-page-013.jpg My CSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e46059cc688d3e28d81a/1484597848503/cdellavalle_final_pres_7_23-page-014.jpg My CSA App From rough sketches, made interactive using POP, I was able to refine and create lo-fi prototypes. After finalizing some navigation, I moved on to create a more final fully designed prototype in Sketch. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/58cf3c4a46c3c40813b4eeec/1489977230084/mycsa_lofi.jpg My CSA App At the beginning of the mock-up process, creating a paper prototype was the easiest way to think out each step of the MVP. From here, I created a working interactive prototype to test some of the basic steps in POP. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/58cf3c4a86e6c09542e10ef7/1489977291073/mycsa_lofi2.jpg My CSA App After ironing out some key details, I created a lo-fi prototype using Sketch. Throughout the process I would bring this digital prototype into InVision to test the intractions and user flow. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/58cf3c4ae3df28b242b1650b/1490021111415/mycsa_lofi3.jpg My CSA App After refining and testing the lo-fi prototype, I landed on the main screens and began designing specific icons, colors and text styles. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e461b8a79bda2b9bb8bf/1484597859938/cdellavalle_final_pres_7_23-page-015.jpg My CSA App I brought my InVision prototype to my CSA share pick-up. The other members were happy to interact and give their feedback. I recorded the sessions with screen visuals and audio using Lookback. https://christinaferrada.com/new-gallery daily 0.75 2017-02-27 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/58b47ade29687f6d653c2dd0/1485359946463/ Visual Merchandising - Coach New York Guideline Within the Visual Merchandising team at Coach, I designed and produced the global visual merchandising guidelines each month. These documents are posted on the internal VM Insight to reach all full-price Retail locations globally. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584aed0d414fb53b738839f3/1485359946463/IPAD-CNY-APRIL_rep.gif Visual Merchandising - Coach New York Guideline Within the Visual Merchandising team at Coach, I designed and produced the global visual merchandising guidelines each month. These documents are posted on the internal VM Insight to reach all full-price Retail locations globally. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b099b414fb53b738a1c60/1485365515278/04+COACH+NY+APR16+P3.jpg Visual Merchandising - Seasonal Creative Page Seasonal photo art direction of images tying back to Visual Merchandising messages. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/589b57ca46c3c43e718ea9eb/1486576566567/04+COACH+NY+APRIL16+MQ-page-008.jpg Visual Merchandising - Monthly Tabs The tab design concept featured the latest product or seasonal novelty idea each month. For this month, the trend was Floral Applique. I created these illustrations to follow the trend based on product design and window messaging. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b0b798419c2de53a3f57f/1485365406758/04+COACH+NY+APR16+P9.jpg Visual Merchandising - Key Ideas The guideline template integrated new Visual Merchandising concepts to better help the field team and retail store employees execute and adapt each floorset. The "Key Ideas" and other training concepts throughout the guideline focused on educating the reader through simplified but impactful direction, focused options and curated details. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b0b7fb3db2b773b269633/1481313152884/04+COACH+NY+APR16+P10.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584aeb63d482e9f9592527eb/1481304937544/IPAD-CNY-APRIL.gif Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b0c08414fb53b738a4805/1486576606149/04+COACH+NY+APR16+P13.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/582b846f2e69cf9b34feb717/1488222942331/IPAD-1941_PRESPRING.gif Visual Merchandising - Coach 1941 Guideline The Coach 1941 guideline features more elevated product and includes ready-to-wear. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b12272e69cf64860ec774/1486576606099/1941_Global_PRE_FALL16_P3.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/583e2f45e6f2e18631f04a8e/1480470353597/IPAD-CNY-APRIL.gif Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b12275016e1fb956c0a83/1486576606104/1941_Global_PRE_FALL16_P6.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/582b846015d5db457f0c6d23/1479246948258/IPAD-CNY-APRIL.gif Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b1227e3df2831a32411c3/1486576606084/1941_Global_PRE_FALL16_P9.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b13baf5e23156705e9efd/1486576606076/1941_Global_PRE_FALL16_P21_ST2.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b13b6893fc05bcaebe36b/1486576606515/1941_Global_PRE_FALL16_P22+ST.jpg Visual Merchandising https://christinaferrada.com/blog daily 0.75 2017-12-18 https://christinaferrada.com/blog/2017/12/18/me-gif-form monthly 0.5 2017-12-18 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5a382f228165f5e58ac5ae33/1513631527547/giphy_TINA.gif Blog - Me, GIF form https://christinaferrada.com/home daily 1.0 2017-02-26 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/583ca87f440243877a03a001/1480370313809/ Home https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/583c6802197aea2450fdfb12/1622491141128/City_Illustrations_1.jpg Home https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/583c681acd0f686c5dda91f7/1480353831952/Bag_Illustrations_1.jpg Home https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/583cabddbe659429d112b8ef/1480371230215/Traffic_Lt_Illustration_1P.jpg Home https://christinaferrada.com/contact daily 0.75 2020-01-20 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/584ef2c0ebbd1a9fc6e00abf/1481570079558/c_dellavalle_contact.jpg About Me https://christinaferrada.com/email-design daily 0.75 2016-11-30 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/583e2c842e69cf1be589d3e9/1480469743637/NB_eblast_cdellava.jpg Email Design https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/583e2c9d6b8f5b152d572433/1480469729309/NB_eblastv2_cdellava_FLAT.jpg Email Design https://christinaferrada.com/visual-merchandising daily 0.75 2017-03-05 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/589b57ca46c3c43e718ea9eb/1486576566567/04+COACH+NY+APRIL16+MQ-page-008.jpg Visual Merchandising - Monthly Tabs The tab design concept featured the latest product or seasonal novelty idea each month. For this month, the trend was Floral Applique. I created these illustrations to follow the trend based on product design and window messaging. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b13baf5e23156705e9efd/1486576606076/1941_Global_PRE_FALL16_P21_ST2.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b13b6893fc05bcaebe36b/1486576606515/1941_Global_PRE_FALL16_P22+ST.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b1227e3df2831a32411c3/1486576606084/1941_Global_PRE_FALL16_P9.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b12275016e1fb956c0a83/1486576606104/1941_Global_PRE_FALL16_P6.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b12272e69cf64860ec774/1486576606099/1941_Global_PRE_FALL16_P3.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b0c08414fb53b738a4805/1486576606149/04+COACH+NY+APR16+P13.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b0b7fb3db2b773b269633/1481313152884/04+COACH+NY+APR16+P10.jpg Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b0b798419c2de53a3f57f/1485365406758/04+COACH+NY+APR16+P9.jpg Visual Merchandising - Key Ideas The guideline template integrated new Visual Merchandising concepts to better help the field team and retail store employees execute and adapt each floorset. The "Key Ideas" and other training concepts throughout the guideline focused on educating the reader through simplified but impactful direction, focused options and curated details. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584b099b414fb53b738a1c60/1485365515278/04+COACH+NY+APR16+P3.jpg Visual Merchandising - Seasonal Creative Page Seasonal photo art direction of images tying back to Visual Merchandising messages. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584aed0d414fb53b738839f3/1485359946463/IPAD-CNY-APRIL_rep.gif Visual Merchandising - Coach New York Guideline Within the Visual Merchandising team at Coach, I designed and produced the global visual merchandising guidelines each month. These documents are posted on the internal VM Insight to reach all full-price Retail locations globally. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/584aeb63d482e9f9592527eb/1481304937544/IPAD-CNY-APRIL.gif Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/583e2f45e6f2e18631f04a8e/1480470353597/IPAD-CNY-APRIL.gif Visual Merchandising https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/582b846f2e69cf9b34feb717/1488222942331/IPAD-1941_PRESPRING.gif Visual Merchandising - Coach 1941 Guideline The Coach 1941 guideline features more elevated product and includes ready-to-wear. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57ea9fa93e00beba48e64d5b/582b846015d5db457f0c6d23/1479246948258/IPAD-CNY-APRIL.gif Visual Merchandising https://christinaferrada.com/vm-insight-intranet daily 0.75 2017-03-14 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/58c8405ebf629ac501c9c6ec/1489519088228/intranet_dev_mobile_audit_2017.gif VM Insight Intranet - Photo Exchange - Store Audit From a store user's perspective, the monthly audit is a step by step process. Here is an example of a lo-fi mock-up on an iPad to show left nav visibility. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/589ba10cd1758e29b06843ea/1489519168723/screenshots_for_web6.jpg VM Insight Intranet - Photo Exchange - Audit Process Here is an updated desktop mock-up of an Audit step including notes to the developer. For each page of the mock-up screen throughout this process notes like these were provided to an external developer. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386f725e256812a1e458/1489518990672/screenshots_for_web5.jpg VM Insight Intranet - Photo Exchange - Store List For corporate or field VM users who can view audits for multiple stores, the Store List is the landing page under Photo Exchange. Here a user can organize the list by number, name or audit status by month. The list can also be refined by retail channel and region using the left nav. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386eb3db2bee3e2ec8fd/1488126976905/screenshots_for_web4.jpg VM Insight Intranet - Document Previewer Documents can be previewed on any device at full screen. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386e2e69cf391aaa1f79/1488126976935/screenshots_for_web3.jpg VM Insight Intranet - Guideline Landing Page Landing page for the Guidelines section of the site. Global and Regional guidelines live here along with all Memos and Standards documents. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386ce3df282ee18b73dd/1488126976764/screenshots_for_web.jpg VM Insight Intranet - Log-in Screen Log-in screen for VM Insight. The background is an "evergreen" city image rather than updating seasonally. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d386c6b8f5b64b1e3f6f4/1488126976761/screenshots_for_web2.jpg VM Insight Intranet - Home Screen The home screen features an animated carousel, "The Latest" section where all of the newest documents can be seen and a Newsfeed for quick text-only updates. Throughout the site users can select one of six languages, check notifications or search. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3263c534a59c4108d408/1488126976802/cdellavalle_vm_insight.011.jpeg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32624402432706c7d319/1488126976768/cdellavalle_vm_insight.010.jpeg VM Insight Intranet - User Flow Example Store employees were our key user group, especially for the Audit section. Their flow determined the information provided to the rest of the user groups. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3262be65944eb790c1d7/1562855794346/cdellavalle_vm_insight.009.jpeg VM Insight Intranet - Site Map The site map was organized by content type and task. The roll-out was prioritized by order of importance and immediate needs. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32629de4bb5495634bf1/1488126976606/cdellavalle_vm_insight.008.jpeg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d326103596e8775c73b39/1488126976606/cdellavalle_vm_insight.007.jpeg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3260e6f2e1953313d749/1488126976608/cdellavalle_vm_insight.006.jpeg VM Insight Intranet https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3258197aea7dfa7dd6ad/1488126976604/cdellavalle_vm_insight.005.jpeg VM Insight Intranet - Information Search Taking visual cues from Coach.com, the digital identity of the VM Insight would follow suit. Also through research other internal Coach assets were referenced, mostly for different functionality. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32574402432706c7d1fd/1562855648743/cdellavalle_vm_insight.004.jpeg VM Insight Intranet - Information Search After identifying the most important information stores need access to, we laid out all of the places they received them: printed, digitally or both. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d3256bf629a799a2d7bc5/1488126976622/cdellavalle_vm_insight.003.jpeg VM Insight Intranet - Identifying the Problem For product floorsets each month, stores from 8 regions used 11 tools to communicate best visual merchandising practices. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32554402432706c7d1f8/1488126976612/cdellavalle_vm_insight.002.jpeg VM Insight Intranet - Overview The ultimate goal of the VM Insight project was to digitize all Visual Merchandising communication globally. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/587d32558419c228b247391c/1494029929802/cdellavalle_vm_insight.001.jpeg VM Insight Intranet - Visual Merchandising Insight The Visual Merchandising team at Coach wanted to create an internal "one-stop shop" for store communication globally. The following pages outline the project, process and the final site design. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cb88e58c62414be14836/5820df84be6594286f62f650/1478549390240/all_3_dec_mock.jpg VM Insight Intranet https://christinaferrada.com/mycsa-app daily 0.75 2021-05-28 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/58cf3c4ae3df28b242b1650b/1490021111415/mycsa_lofi3.jpg myCSA App After refining and testing the lo-fi prototype, I landed on the main screens and began designing specific icons, colors and text styles. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/58cf3c4a86e6c09542e10ef7/1489977291073/mycsa_lofi2.jpg myCSA App After ironing out some key details, I created a lo-fi prototype using Sketch. Throughout the process I would bring this digital prototype into InVision to test the intractions and user flow. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/58cf3c4a46c3c40813b4eeec/1489977230084/mycsa_lofi.jpg myCSA App At the beginning of the mock-up process, creating a paper prototype was the easiest way to think out each step of the MVP. From here, I created a working interactive prototype to test some of the basic steps in POP. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e461b8a79bda2b9bb8bf/1484597859938/cdellavalle_final_pres_7_23-page-015.jpg myCSA App I brought my InVision prototype to my CSA share pick-up. The other members were happy to interact and give their feedback. I recorded the sessions with screen visuals and audio using Lookback. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e46059cc688d3e28d81a/1484597848503/cdellavalle_final_pres_7_23-page-014.jpg myCSA App From rough sketches, made interactive using POP, I was able to refine and create lo-fi prototypes. After finalizing some navigation, I moved on to create a more final fully designed prototype in Sketch. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e460b8a79bda2b9bb8ba/1478550627572/cdellavalle_final_pres_7_23-page-013.jpg myCSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e46059cc688d3e28d816/1478550626885/cdellavalle_final_pres_7_23-page-012.jpg myCSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e460b8a79bda2b9bb8b3/1478550626702/cdellavalle_final_pres_7_23-page-011.jpg myCSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45f59cc688d3e28d810/1488128214029/cdellavalle_final_pres_7_23-page-010.jpg myCSA App - App Project Goals The app needed to execute specific functions in order to meet these needs. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45f59cc688d3e28d809/1488128139875/cdellavalle_final_pres_7_23-page-009.jpg myCSA App - Goal Statement After conducting research and creating the user profile, there was one clear need the app needed meet. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45fb8a79bda2b9bb88a/1488128029605/cdellavalle_final_pres_7_23-page-008.jpg myCSA App - User Profile Based on this research, I created a user profile to hone in on specific needs to address within the app. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45e59cc688d3e28d7fb/1488127952049/cdellavalle_final_pres_7_23-page-007.jpg myCSA App - CSA Weekly Information Search While conducting user interviews, and as a CSA member myself, I wanted to understand where potential users were already getting the info they needed from. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45eb8a79bda2b9bb885/1488127818595/cdellavalle_final_pres_7_23-page-006.jpg myCSA App - User Interview Research Conducted 5 extensive user interviews with current and former CSA members. Here are some of the common results. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45e59cc688d3e28d7f2/1478550624671/cdellavalle_final_pres_7_23-page-005.jpg myCSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45eb8a79bda2b9bb881/1478550627401/cdellavalle_final_pres_7_23-page-004.jpg myCSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45db8a79bda2b9bb87a/1478550624559/cdellavalle_final_pres_7_23-page-003.jpg myCSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45db8a79bda2b9bb876/1478550626781/cdellavalle_final_pres_7_23-page-002.jpg myCSA App https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/57b0cbeb20099e650ee86306/5820e45d59cc688d3e28d7e1/1483713719961/cdellavalle_final_pres_7_23-page-001.jpg myCSA App - MyCSA App App concept including user research, ux concepting, wireframing and final design mock-ups. https://christinaferrada.com/new-page daily 0.75 2017-05-05 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/590bedc41b10e36084ddbbd0/1493954047255/ New Page https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/590bebb4725e2566530db15e/1493953466219/cdellavalle_final_pres_problem.jpg New Page https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/590bea459de4bb09009c269d/1493953100723/ New Page https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/590cfbd215cf7d2fae28af79/1494023135003/mycsa_720.gif New Page https://christinaferrada.com/statement-ranges daily 0.75 2021-05-28 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d60a1259a4547000190337e/1566613804583/ranges-working-v4-d.png Statement Range Selector https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d603a633a781a0001213b4a/1566587518948/ranges-flow.jpg Statement Range Selector https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d603acf58e05c000130333f/1566587603809/IE-range-selector-variants.jpg Statement Range Selector https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d60a10778d96e00017e84d7/1566613775886/ranges-working-v3-desktop.png Statement Range Selector https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d60a1d135212400015184d1/1566613978631/ipad-vector-range-selector-2.jpg Statement Range Selector https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d60a066d8bf0d0001b8029b/1566613612068/ranges-working-v1a-desktop.jpg Statement Range Selector https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d60a0e42fee660001db05dc/1566613741564/ranges-working-v2-desktop.png Statement Range Selector https://christinaferrada.com/new-home-page daily 0.75 2021-05-31 https://christinaferrada.com/empty-states daily 0.75 2021-06-01 https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d8928fee9ca270643e2ede0/1622493138708/03A-statements-empty-orig.jpg Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d89285abd08d01f69159b2a/1622493047665/05+onstage-empty.png Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d8927348d2eb93d33c35cc1/1622494386032/02-statements-empty.png Empty States The Statements empty state has a similar goal: no registered songs = no royalties = no statements. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d8928e3fd6f631477148ca9/1622493595011/01A-messages-empty.jpg Empty States This text was particularly confusing. When arriving on the Messages page, the user is presented with copy about broadening their search criteria, even though they haven’t searched on this page. In fact, they have no messages. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/60b5594702da6a645273ad70/1622504728613/ascap-portfolio-keynote.002.jpeg Empty States - 2. No Search Results https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/60b579599be8071299672e21/1622505838137/complex-illustrators.png Empty States - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d89284be3c0021104e7dfb3/1622494306037/04-saved-works-empty.png Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d89288316b31240a1cf1be8/1622493090296/07-404.png Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/60b5770f4d872516fe30513b/1622505315637/complex-illustrations.png Empty States - Make it stand out Complex illustrations: Shopify had more complex illustrations paired with simple copy https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d89283fbd08d01f69159780/1622494347022/03-works-empty.png Empty States The new Works empty state encourages members to register songs so they can start earning royalties. https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/60b549b41dcb1f52ad1ef969/1622504781166/page-type-1-imgonly.png Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d8929144222875f93844646/1622493156300/02A-works-empty-orig.jpg Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d8928764f9bb51a461c5916/1622493070073/06-search-empty.png Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/60b5601542332c4ad309a188/1622505212853/emty-state-simple.001.jpeg Empty States - Make it stand out Simple Illustrations: Mailchimp and Dropbox had simple, effective empty states that still showed off the brand’s personality https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d8926f94222875f938407cd/1569269538190/top-img.jpg Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/5d892711e9ca270643e2b0c2/1622492926063/01-messages-empty.png Empty States https://static1.squarespace.com/static/563917fee4b0b1be3a2d8bcf/t/60b578fb7a4d1705d0577b27/1622505810153/simple-illustrators.png Empty States - Make it stand out Whatever it is, the way you tell your story online can make all the difference.