• About Me
  • Work
  • Art
  • Contact
Menu

Tricia Mendoza

Street Address
City, State, Zip
619.495.7739

Tricia MENDOZA

Tricia Mendoza

  • About Me
  • Work
  • Art
  • Contact

Navigation Update

January 15, 2024 Tricia Mendoza

Up above is the phase one the updated navigation bar of the desktop menu on the BlendJet homepage. As art director I led the initiative to update the navigation bar and oversaw the lead designer through giving feedback and instructions that led to the final result.

Improving our navigation system on the site fo both mobile and desktop was one of my first priorities following the site map I had made.

The Original

The original mobile menu consist of a one navigation screen with the links on white over a turquoise to indigo gradient which matches the BlendJet mark.

The original desktop menu had four links in white overlaying the evergreen video loop, with the BlendJet mark in the center. Already the biggest issue with the original desktop menu is that the links blend too much into the background depending what the scene is in the video loop. Another point this desktop menu needs is that same navigational options as the mobile menu.

Updated Appearance

In the updated mobile navigation we changed the background to a translucent white to make the links more visible. On top of that we added secondary phase to the navigation for customers to go directly to a product or category. We wanted to promote discoverability and make navigation easier.

It was a good opportunity to promote our instant beverage line Jetpacks through having an additional feature video loop as well as some about text. I built the icons for the Shop Ingredients page in Illustrator.

For the desktop navigation, we improved the navigation by including the same amount of landers as the mobile. The logo has been moved to far left rather being placed in the center, which is inline with most online retail sites. For the hover state we went our brand purple.

We went further and expanded our desktop menu to have a drop down hover state in the latest launch so it could have the same navigational ability as our mobile menu. This time we opted for a mixture of studio photos and lifestyle photos to display each category—with the exception of our support page where I felt it was more appropriate to go with icons.

The visual improvements led by me and executed by our designer have led to an overall 23% higher order rate and a 13% higher checkout start rate.

← Homepage Redesign