Digital Delivery Center at Nutrien
Product Designer
January 2020 - Present
Figma
Miro
Maze
Adobe XD
In 2018, Nutrien emerged as the world's leading crop inputs and services provider, born from the merger of industry giants PotashCorp and Agrium Inc. My work in Nutrien Sales unified internal teams and introduced tools, such as reporting, scheduling, user management, processing, and enhancing operational efficiency.
The success of the platform spurred demand for additional apps to support six other areas of Nutrien. This transformed Nutrien into a connected and efficient powerhouse, streamlining and modernizing internal workflows.
The merger of two legacy companies posed a unique challenge for internal teams having to support customers in separate systems. This led to inefficiencies, requiring the sales team to switch between the two platforms to process and view order details. Additionally, many tools for daily tasks were spread across various platforms, such as reporting and scheduling tools, further hindering operational efficiency. Users felt the frustration of dealing with repetitive steps, managing multiple platforms, and a constant struggle to find information across them.
I delivered high-fidelity mockups, prototypes, and worked in tandem with end users, leading the design process from concept to completion while managing high-impact stakeholders. The platform now supports six additional areas of Nutrien crop services, delivering a cohesive experience for internal teams. This initiative streamlined sales processes, reducing task completion time by 50% and increasing user adoption by 20%, enhancing efficiency and user experience in Nutrien Sales.
To ensure the success of the Nutrien Sales it was imperative to have a deep understanding of how business worked across the two legacy system to properly craft a cohesive unified experience. This was achieved by collaborating closely with end users in every step.
To craft meaningful and user-centric designs, my process began with creating user personas and a deep dive into the end user's goals. Conducting user interviews, I delve into the motivations and identify what success looks like for each persona. This phase is crucial for shaping design solutions that align seamlessly with user expectations giving me a north star to work towards.
Before starting designs, it's important for me to understand the gaps and opportunities that existed in the current processes at the time. By closely examining the current workflow at the time, I was able to identify pain points, bottlenecks and areas for improvement. These served as the foundation for creating design solutions that not only addressed the current challenges but also pave the way for more streamlined and efficient workflows.
I began the design iteration process by translating user insights, addressing both their goals and pain points. This involved exploring multiple design variations and refining my ideas. The most promising concepts were then carefully selected and evolved into high-fidelity mockups and prototypes. This iterative approach allowed for a dynamic and user-focused design evolution.
I actively seek input from stakeholders, end users, and team members. This feedback loop fosters continuous improvement, ensuring the design evolves to meet changing needs and challenges. Embracing a growth mindset, I leverage insights to refine and enhance user experience through thoughtful design descisions.
Due to the rapid growth of our project, we encountered significant inconsistencies across our suite of applications, negatively impacting user experience and diluting our brand identity. It became clear there was a need to devise and implement a cohesive, scalable design system. This system was aimed not only at tackling these inconsistencies but also at establishing a dynamic foundation. This foundation would streamline design processes, enhance product uniformity, and ensure seamless adaptation to both current and future application needs.
To begin the process we conducted a thorough audit of our existing applications, identifying inconsistencies in typography, color schemes, spacing, and component styles. Collaborating with designers and developers, I gathered insights into the challenges faced in maintaining consistency. This comprehensive review laid the groundwork for a unified design approach.
Leveraging Figma, I developed an atomic design system that serves as the single source of truth for all design elements. Starting with the smallest building blocks (atoms) like buttons, icons, and input fields, I structured a library of components that can be combined to create complex interfaces (molecules and organisms). This hierarchical approach ensured modularity and reusability, significantly speeding up the design process and ensuring consistency across products.
To accommodate user preferences and accessibility requirements, I implemented a dynamic theming system using variables. This approach allowed us to effortlessly switch between dark and light themes, ensuring a consistent look and feel across all components and layouts.
Understanding that a design system is only as good as its adoption, I compiled comprehensive documentation detailing how to use the components and themes effectively. This included guidelines on component states, theming, layout grids, and typography usage. By providing clear, accessible documentation, I empowered designers and developers to utilize the design system efficiently, ensuring consistency across all stages of product development.
If you like what you see and want to work together, get in touch!