Clorox
Project Type
Client Based Project
Duration
4 Months, Spring 2019
Description
For this project, our team partnered with Clorox to design an internal-facing website that clearly represents the spirit of innovation and the importance of digital transformation as the DNA of Clorox.
My Role
Our team worked throughout 4 sprints. These sprints go over User Research, Ideation, and prototyping. I have led in the process of prototyping. I was able to lead the low-fidelity and the mid-fidelity prototyping processes, creating them with the basis of our user research, and ideation.
Before The New Design
The Technology Advancement Center (TAC) is a dedicated IT center whose purpose is to test new and innovative technology that could benefit Clorox and it customers. TAC oversees all project submissions, and currently has an internal facing platform accessible to Clorox employees.
Design Objectives
Provide a place where employees can submit innovative ideas
Showcase success stories (E.g. customer success stories, use cases, white papers)
Showcase emerging technology domains and potential use cases
Inform employees about the innovation team’s service offerings
Inform employees about upcoming events and workshops
Allow employees to request service and monitor status of the request
Research
Secondary Research
At this stage, we wanted to explore how other websites implemented features that would go on our website as well, such as success stories and idea submission. We also looked into websites that inspire innovation.
User Interview
Student Interns
To better understand how other companies foster innovation in their employees, we interviewed 7 college students who have had internships before.
Q: "Do you see Clorox as innovative? Why or why not?”
A: “Innovative for the most part in chemical, environmental, safety innovation.”
A: “No, I associate it with bleach. Gets the job done.”
A: “No, I think they are old fashioned.’
Q: “What does digital innovation mean to you?”
A: “Digital communication and collaborative platform.”
A“Takes modern technology, web dev, social media, targeted outreach to engage communities in whatever it is you’re talking about.”
Q: “Where do you get inspiration to come up with new ideas?”
A: “I look at other companies that have tried to solve the same issue.”
A: “Source can be variable.”
A: “Open office setting encourages conversations.”
Clorox Employees
We also conducted user interviews with 5 current Clorox employees to understand how they view innovation and how they feel about coming up with and submitting ideas.
Q: “Do you see Clorox as innovative? Why or why not?”
A: “Yes. We are striving and challenging the status quo. We transform to go forward.”
A: “Yes, because there have been some examples where I heard someone working on innovative ideas that help Clorox stay ahead of our competitors.”
Q: “What would best encourage you to think of new ideas?”
A: “Emerging consumer insights and other external examples.”
A: “If the idea fails, it shouldn’t impact how someone feels.”
A: “Workshops, education on machine learning or data science would be useful.”
Q: “What would incentivize you to think of more ideas?”
A: “Recognition.”
A: “Have excitement for innovation and change.”
A: “Getting insight into new digital tech matters.”
Synthesis
Affinity Mapping
After conducting user interviews, we created two affinity maps based on our user research to synthesize our insights and better understand what employees think about digital innovation and idea submission.
Clorox Employees
Student Interns
Key Insights
Based on our problem scope, our initial research covered a range of issues about incentives to innovate, recognition, and the need for a collaborative and supportive community.
Clorox Employees
Digital innovation is using new technology to do things differently and better.
People are incentivized to innovate and submit ideas by recognition and success stories.
Innovation takes time, and people are already at 110% capacity.
People are unaware of the DIA team and the submission process.
Student Interns
Digital innovation is using new technology to enact improvement.
Resources and guidance embolden employees to share ideas and be innovative.
Collaboration, communication, and constructive criticism foster a culture of innovation and bring in new perspectives.
The student interns did not view Clorox as innovative because they associate the company more with cleaning products.
Ideation
Low Fidelity Prototypes
Based on our research and insights, we ideated on the user flow of the respective pages and features that could be incorporated into the website. We created preliminary sketches of various pages in the website, e.g homepage, events, news, submission process etc.
Home Page
Homepage with personalized portal tracking user experiment progress and status.
Homepage guides user step-by-step with resources.
Homepage designs serve to better inform the user of the existing resources and information for support. They also intend to initiate conversation, questions, and provide guidance.
News
Success Stories
Success Stories
Idea Submission
a. Timeline/Process
b. Submission Form
c. Submission Status
Mid Fidelity Prototype
Based on feedback received from the low-fidelity sketches, we refined and iterated on our concepts and created interactive prototypes with them.
About
Home
Events
News
Timeline/Process
Submission Form
Success Stories
Submission Status
User Testing
With our high-fidelity prototypes ready, we conducted user testing to understand how users interacted with the website and how easily they were able to accomplish various tasks. The overall feedback was that the website looked fun and pleasing. However, there was some confusion about certain pages of our website. Thus, we fixed some of our high-fidelity prototype according to our users’ feedback.
“Pretty Cool”
“It’s confusing to navigate between certain pages”
“ ...might be good to add labels to the dots”
UI Library
Font
Color Scheme
Logo
High-Fidelity Prototype
After working through user testing and receiving feedback from our client, we developed
final high-fidelity prototypes.
