USER EXPERIENCE CASE STUDY
Putting the user at the center of digital transformation
User experience design isn't just for consumers, it can change the way employees work, all to improve their workflow and efficiency. For Procter and Gamble, we mapped out offline processes and found an intuitive way to streamline these workflow through a custom designed SaaS platform. The results included increased productivity and an internal B2B platform that scales efficiency, gracefully.
|
User Problem
When it comes to their products, they are driven by the talented workforce of over 95,000 employees. Specifically, we sought to streamline the data-driven, decision-making process of determining which types of materials go in certain products. Rather than relying on massive spreadsheets or meetings, we should to make the employee more efficient and precise through building an internal, and b2b platform to process and decide on product material selection. |
Business Opportunity
With over $66 billion in annual revenue, powered by a diverse and innovative portfolio of brands, Procter and Gamble is a giant in the the global economy. At this scale, tactical improvements can have a profound impact on the bottom line. For this collaboration, we sought to reduce costs of materials and boost employee efficiency, all through a streamlined B2B platform. |
User Experience Map
A user experience map tells the entire story of the user experience: from first point of content, through the process of engagement and into a long-term usage. Its key outcome is identifying key interactions that the customer has with the organization. Most of all, a customer journey map puts the user front and center in the organization’s thinking.
It often provides a sense of the customer’s greater motivation. What do they wish to achieve, and what are their expectations of the organization?
A UX map takes many forms, but whatever its form, the goal is the same: to teach organizations more about their customers.
For Procter & Gamble, it allowed The Makery to fully understand all potential decision-points, as well as understanding the user workflow. Based on key interactions in the user make, we can take narrowed down the design to a prioritized set of strategies that will have the most impact on our objectives. These become the blue print for the digital experience.
It often provides a sense of the customer’s greater motivation. What do they wish to achieve, and what are their expectations of the organization?
A UX map takes many forms, but whatever its form, the goal is the same: to teach organizations more about their customers.
For Procter & Gamble, it allowed The Makery to fully understand all potential decision-points, as well as understanding the user workflow. Based on key interactions in the user make, we can take narrowed down the design to a prioritized set of strategies that will have the most impact on our objectives. These become the blue print for the digital experience.
User Experience Design (UX)
After understanding the user journey and business objective, the next steps in the user centered design The first step in that process is to sketch the blueprints for your website - these are also called, "Wireframes." Wireframes are used early in the software development process to establish the basic structure of a page before visual design and content is added.
Wireframes are the backbone of any project and generally created during the early stage ideation phase. They should provide only enough layout and functionality to get the whole team on the same page.
For Procter & Gamble, creating these wireframes pushes usability to the forefront in showcasing page layouts at their core. It takes out the images and color and focus on the bones so that it forces everyone to look objectively at a website's ease of use, conversion paths, naming of links, navigation placement and feature placement. And this is beneficial for all parties.
Wireframes are the backbone of any project and generally created during the early stage ideation phase. They should provide only enough layout and functionality to get the whole team on the same page.
For Procter & Gamble, creating these wireframes pushes usability to the forefront in showcasing page layouts at their core. It takes out the images and color and focus on the bones so that it forces everyone to look objectively at a website's ease of use, conversion paths, naming of links, navigation placement and feature placement. And this is beneficial for all parties.
Visual Design
User interface (UI) design is the process of making interfaces in software or computerized devices with a focus on looks or style. Designers aim to create designs users will find easy to use and pleasurable.
We’re visual creatures by nature, and UI Design at its core drives us to interact with products, and if done correctly, it builds credibility between brands and their audiences.
The best way to learn UI design is practice! Please review the resources below, download the UI kit from you mentor, and just start experimenting. It takes time to get the hang of things, but lots of creative fun once you learn the basics.
We’re visual creatures by nature, and UI Design at its core drives us to interact with products, and if done correctly, it builds credibility between brands and their audiences.
The best way to learn UI design is practice! Please review the resources below, download the UI kit from you mentor, and just start experimenting. It takes time to get the hang of things, but lots of creative fun once you learn the basics.
User Experience Map
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat. Vitae sapien pellentesque habitant morbi tristique senectus et netus. Fermentum leo vel orci porta non pulvinar. Dictum sit amet justo donec enim diam. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor. Amet nisl suscipit adipiscing bibendum est ultricies.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat. Vitae sapien pellentesque habitant morbi tristique senectus et netus. Fermentum leo vel orci porta non pulvinar. Dictum sit amet justo donec enim diam. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor. Amet nisl suscipit adipiscing bibendum est ultricies.
Design for decision-making
User experience design isn't just for consumers, it can change the way employees work, all to improve their workflow and efficiency. For Procter and Gamble, we mapped out offline processes and found an intuitive way to streamline these workflow through a custom designed SaaS platform. The results included increased productivity and an internal B2B platform that scales efficiency, gracefully.
|
User Problem
When it comes to their products, they are driven by the talented workforce of over 95,000 employees. Specifically, we sought to streamline the data-driven, decision-making process of determining which types of materials go in certain products. Rather than relying on massive spreadsheets or meetings, we should to make the employee more efficient and precise through building an internal, and b2b platform to process and decide on product material selection. |
Business Opportunity
With over $66 billion in annual revenue, powered by a diverse and innovative portfolio of brands, Procter and Gamble is a giant in the the global economy. At this scale, tactical improvements can have a profound impact on the bottom line. For this collaboration, we sought to reduce costs of materials and boost employee efficiency, all through a streamlined B2B platform. |