Expectations from a Designer

• Leverage expertise in UX design systems, including wireframing and establishing platform-level standards.
• Develop standardized global style guides with brand variations to ensure visual consistency.
• Apply modern UI patterns consistently across the entire system.
• Define the project’s visual direction to shape ideas for maximum customer impact.
• Demonstrate a strong point of view on craft, tools, and process.
• Incorporate human-centric design best practices to address visual and usability challenges.

Jobs to Be Done (JTBD)

JTBD is a method that focuses on the tasks or goals customers want to accomplish. It helps teams understand why people use a product by identifying the “job” the product is hired to do. This approach shifts the focus from features to solving real customer needs.

Site Map of Mercuary Marine 

 I highlighted the pages in yellow color that were my responsibility to design during the first sprint of the project.

Below is the screenflow that focuses only on JTBD in this phase of work.

Low Fidelity Wires

I partnered with a UX Resercher and we created low fidelity wires prior to showcasing the distilled high-fidelity pages to the clients. This helped us ground our thoughts before rapid production in our sprint.

High Fidelity Wires

I partnered with a UX Resercher and we created low fidelity wires prior to showcasing the distilled high-fidelity pages to the clients. This helped us ground our thoughts before rapid production in our sprint.

Wizard Build Your Own Boat

A wizard-style engine helps users navigate Mercury Marine’s complex product lineup by guiding them through key inputs like boat type, usage, and horsepower. This reduces cognitive load and minimizes engine–boat mismatches. The flow below demonstrates how guided decision-making improves confidence, speeds selection, and increases lead quality.

Announcement Widget & Subtle Product Animations

This video showcases an auto-scrolling announcement widget with optional manual control, alongside subtle product hover animations that bring the engines to life through refined motion details.