VM Insight Intranet
UX | UI | Web Design
![Visual Merchandising Insight](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599904621-PXJM4Y76IONIQGBLMPM8/cdellavalle_vm_insight.001.jpeg)
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.
![Overview](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599893991-ZG1H23MCC1FP5ZUV2B0U/cdellavalle_vm_insight.002.jpeg)
Overview
The ultimate goal of the VM Insight project was to digitize all Visual Merchandising communication globally.
![Identifying the Problem](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599895254-CTUNCPYI99BRL995FDNM/cdellavalle_vm_insight.003.jpeg)
Identifying the Problem
For product floorsets each month, stores from 8 regions used 11 tools to communicate best visual merchandising practices.
![Information Search](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599896501-O65C83XKA7GX4K8SXQ54/cdellavalle_vm_insight.004.jpeg)
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.
![Information Search](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599905457-6HS44LZ5MP934DKJFG93/cdellavalle_vm_insight.005.jpeg)
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.
![cdellavalle_vm_insight.006.jpeg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599905886-HST8YXVDKJ0UUP1MX9K3/cdellavalle_vm_insight.006.jpeg)
![cdellavalle_vm_insight.007.jpeg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599906095-9P3HA00SRM55Y5I49I94/cdellavalle_vm_insight.007.jpeg)
![cdellavalle_vm_insight.008.jpeg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599906444-U0R3TVZYJXU3WV02XYYL/cdellavalle_vm_insight.008.jpeg)
![Site Map](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599907560-BJ1O41BAEGN7CMAUR1T9/cdellavalle_vm_insight.009.jpeg)
Site Map
The site map was organized by content type and task. The roll-out was prioritized by order of importance and immediate needs.
![User Flow Example](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599908696-9OIW1K0OOXBEVWRVZIPA/cdellavalle_vm_insight.010.jpeg)
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.
![cdellavalle_vm_insight.011.jpeg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484599910111-J6M60Y9BUCBFO7K4MMGA/cdellavalle_vm_insight.011.jpeg)
![Log-in Screen](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484601453917-PX7R32BINCW5R7SDV1CJ/screenshots_for_web.jpg)
Log-in Screen
Log-in screen for VM Insight. The background is an "evergreen" city image rather than updating seasonally.
![Home Screen](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484601454114-07HM67EZGUCXEUOSV48X/screenshots_for_web2.jpg)
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.
![Guideline Landing Page](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484601455216-0LRS5P7XQQR1L3XP7PG2/screenshots_for_web3.jpg)
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.
![Document Previewer](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484601455635-VH0WM26X19BZTIPTLA87/screenshots_for_web4.jpg)
Document Previewer
Documents can be previewed on any device at full screen.
![Photo Exchange - Store List](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1484601455765-QIRZBB9CZ3Q98PSGBILR/screenshots_for_web5.jpg)
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.
![Photo Exchange - Store Audit](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1489518688540-PP7WHM8BEAOIDB14J1EJ/intranet_dev_mobile_audit_2017.gif)
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.
![Photo Exchange - Audit Process](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1486594317075-KIFG1C1VTML0CW8H8TNZ/screenshots_for_web6.jpg)
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.