Design is not just what it looks like and feels like.
Design is how it works.
~ Steve Jobs
12 Years of User Focused Design
User Flow Diagram example
I strategically include as much detail as possible in UX mapping designs, such as this user flow diagram example. These details are helpful when discussing across teams, bringing a visual focal point to complex processes.
Low Fidelity Design example
I love creating low fidelity designs, I get to focus on the usability portion of the design through layout and strategic placement of content. Examples such as this one is a collaborative effort I get to have with product management, development, and research teams. When the flow is complex, I like to first map out the designs (using wire framing tool Balsamiq) and then link the screens together to create a low fidelity click-through prototype.
High Fidelity Prototype example
Using the LEAN UX mind-set throughout many projects – I’ve facilitated, coordinated, contributed and collaborated with teams to complete a wide range of the UX process. I enjoy the high fidelity design part of the process, thoughtfully planning out how much detail to include to reach project goals and deadlines. The designs I’ve created (using prototyping tool Figma) are used for customer usability tests and then to provide a reference for the Development team.
Shop.Deere.com
Winner of the 2022 Global IT Award and 2023 CFO Award
As the John Deere UX Designer for the first two years of the project, I collaborated with 7 UX Designers from the Thoughtworks Consulting Group to focus on team goals:
- Allow our customers to buy the right parts online, when they want and where they want.
Shop Local
Customers buy from their local dealership online through this official John Deere website.
Shop by Diagrams
Customers can find the parts they are looking for in multiple ways, including this state of the art – built from scratch navigation through equipment diagrams to find a part.
Personalized Customer Experience
Based on the equipment selected and the dealership selected, the customer will receive search results customized to the selections regardless if they are logged in or not.
Responsive Designs for Mobile, Tablet and Desktop
Design and Prototype Tool – Figma
All User Experience Designs and Prototypes were built using Figma throughout the project .
- Consistent collaboration with the John Deere Design System team. Figma components were built as component “molecules”, using the John Deere Design System component “atoms” as a foundation.
- Using best practices to build efficient, reusable components with the vision to be scalable.