Cemex Go
Cemex - one of the world’s largest cement companies based in Mexico - wanted to freshen up their customer facing web application with the help of IBM iX. This application had to allow a user to order, track shipments, schedule shipments, and pay invoices. My contribution to this 5 month intensive project was to create the Invoicing & Payment functionality. !Muy fantastico diseñado producto!
This is a pretty old project but ya know, I’m proud of my humble beginnings.
To learn more about Cemex Go, check out the website
Role ——
Junior Product Designer
Duration Length —-
4.5 months (Dec 2016 - May 2017)
Responsibilities —-
Work with stakeholders and teams from Mexico to identify requirements, host Design Thinking Workshops, produce wireframes & high-fi designs, present designs to internal design team and stakeholder team, drink too many margaritas.
Design Team ——
Debbie Park/Johnny Urban/Noah Pashley/Nisha Belani/Mackenzie Wyatt
What’s the Problem?
How can Cemex create a simplified B2B platform that will accommodate multiple users types across the globe and bring in new clients?
Usability goals ——
Users are global large companies like Home Depot to small ‘mom and pop’ shops. Allow users to easily adjust their preferences since this is a global application. Simple and clean interface that gives a user with limited experience in technology able to understand all aspects of the new system and helps do their job in a quick, efficient timely manner.
Business goals ——
Eliminate the complex payment & disputes process. Previous system was built on using old SAP functionality. The previous application hosted too much unnecessary information for users to get exactly what they needed to know.
Predicted outcome ——
Produced a system that provides all important information upfront. Allow users to easily adjust their preferences since this is a global application. Simple and clean interface that gives a user with limited experience in technology able to understand all aspects of the new system and helps do their job in a quick, efficient timely manner..
Cookin’ up the UX & UI
These user flows were based on very early stages of the overall invoicing part of the program. This was before payments was included in the decision making. Here I focused on how a user would dive into viewing invoices, any disputes and confirming payments of invoices.
Wireframes were apart of the process in discovering how to process user flows, so wires were used as key parts in the flows. Wires created were focused on a broader overview of how invoices would work without payments before combining the two categories together. In this process, I took user requirements from our stakeholders/BAs to understand what was needed first. As more requirements filtered through, hi-fi designs were changed versus existing wires.
UX Flows & Wireframes
UI Design
These designs were the earliest versions of the product. In earlier requirements, Cemex wanted an overall dashboard for users that detailed all processes of the product from ordering to shipments. In these early designs, the UX functionally was a bit on the rough side. Some screens such as using a modal to process through disputes and payments wasn’t ideal for the end user and I needed to solve if a new page would be beneficial instead of a modal. Visual design was also important in bringing the Cemex brand voice to come alive.
Launch & Design Updates
Cemex Go was launched in Summer 2017 to all current global Cemex clients.
Cementing progress for the future ——
Clients gave high praise to the product as being easy to use and efficient for their busy work days.
I see it, I like it, I want it, I got it ——
Cemex Go allowed international clients order, ship, track and pay orders all in one system. This product also helped communication amongst client internal teams to ground workers.
Workin’ on working design updates ——
In the final designs, a lot was changed. The UI had a complete re-haul based on user testing and updated Design System to work off of. Easy filters allow user to search for criteria faster. Process of payment was tied into viewing payments. Easier to view invoices, check status on disputes and seamless way to pay invoices.
Design Updates
