Sandisk

The Challenge

How might we create one digital enterprise hub to merge all three brands ( SanDisk, Western Digital GTechnology) brands as one experience after the acquisition?

The Insight

Western Digital acquired SanDisk, a flash memory manufacturer, to become the leading storage solutions company on the market.

The Solution

Design and develop an enterprise site that will have One Store + One Check out for all three brands WD, SanDisk, G-Technology that is easy to navigate and mobile-friendly design

Date

March 2018- July 2018

Role - Design lead

  • Ideation
  • System Design
  • Interaction Design
  • Visual Design
  • Prototype
  • Usability Testing

Project Summary

SanDisk is a flash memory manufacturer that produces microSD cards that are typically used in portable devices, such as cell phones and MP3 players, but you can also use them on your PC. Their slogan -- more memory, more possibilities -- has guided their strategy to success for over 25 years. Finally, they were acquired by Western Digital, which shared the same values.

Experience a world of possibilities with data storage at Western Digital

Project Objective

The objective was to combine 3 brands and websites into ONE Website, ONE Store + ONE Checkout Experience. The interaction design interface would need to showcase a breadth of product and solutions and be accessible and informative to consumers to help them make better decisions for their needs The new site needed to be easily accessed, would need to support and integrate the branding of each of the 3 brands, and take into account the site will be moving to SAP Hybris + Adobe Experience Manager. It was estimated that the site will support 50-75% direct to consumer annual sales growth and will have a mobile-first design strategy To

Defining Requirements

SanDisk offered some requirements for the website; the research process revealed others:

  • Mobile-First strategy Design
  • Combine three companies and three philosophies into ONE website, ONE store, and ONE checkout experience
  • Interactive Checkout Experience
  • Will need to support the branding of the 3 brands
  • Will be moving to SAP Hybris + Adobe Experience Manager
  • Website to support 50-75% direct to consumer annual sales growth

Pages Designed

  • Brand About page
  • 404 Page
  • Product page 1
  • Product page 2
  • Innovation page
  • Solutions Page 1

  • Platform product Page
  • Product Detail Page
  • Product page 3
  • Solutions Page 2
  • Solutions Page 3
  • Investment/capital page

Choosing the Font

Choosing the right fonts when dealing with 3 different brands that have their own visual and design system proved to be the most important part of building the site. Though fonts are a small part of the final website, they make huge impacts on your user experience. We spent more time picking the right font design to help gain a deep psychological impact on our target customers who visit the site.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Cera Pro

Cera is a steadfast companion for when you need to set clean text and headlines in print and on-screen and in multiple languages. It is driven by pure geometry and our decision to finally use Cera pro was based on its uniform style that can merge all three companies’ style guides.

Low-Fidelity Design

Once the website’s requirements were clear based on several interviews with stakeholders and product managers, I created low fidelity designs intending to focus on the most essential features. After weeks of feedback loop with stakeholders, I then conducted usability testing using low fidelity designs to gain insights and co-create with our target market, test the logic of my design, and test its navigation features.

High-Fidelity Design

Visual Design

Merging the old websites to create a new website was a useful opportunity to create a modern, simple, appealing design. Western Digital selected images with dark backgrounds and rich hues, offering a suitable background for white text. To reduce visible text and draw attention to important information, blocks of text were carefully hidden. Moving the mouse to headings revealed larger pieces of text beneath.

image
image
image

Building relationships through communication: SanDisk has continued to enhance customer experiences and taking a customer-centric approach to improving people performances

Conclusion

SanDisk's mission is to enrich people's lives through digital storage anytime, anywhere. This philosophy became a north star throughout the experience-design process as we were able to generate 600+ conceptual diagrams, wireframes, visual mockups, and prototypes for G-Technology, and SanDisk and expanded site page visits by 100% (2.5M+ monthly). Through co-creation with developers and stakeholders, we were able to deliver outstanding speed, performance, and reliability that improved engagement by 17% for over a year to complete.