Markley Navigation

Role: UX/UI Developer

Tools: HTML/CSS, JavaScript, HubSpot CMS, Semrush, Figma, Google Docs

Team: Sage Allott (Digital Marketing Coordinator), Iryna Hlushakova (Marketing Manager) 

Duration: 3 months

Context

Markley Group is a leading provider of mission-critical data center facilities, networking, and cloud computing services. The company manages nearly 1.5 million square feet of secure, state-of-the-art space, along with strategically located cloud points-of-delivery that span all regions and time zones.

The Markley website serves as a comprehensive hub for their offerings, featuring a range of colocation, connectivity, and cloud solutions, as well as valuable resources such as customer case studies from Warner Music Group, Boston Ballet, and Bridgewater State University. Given the breadth of content, ensuring seamless and user-friendly navigation is essential to help potential customers efficiently locate the information they need.

🔎 Define

Problem Statement

How might we redesign the Markley website navigation so that users can easily locate information and navigate seamlessly across pages?

Solution

The Markley navigation was redesigned as a fixed mega menu for improved usability. The original 8 main navigation links were streamlined into Solutions, About Us, Login, Blog, and Contact. Hovering over Solutions reveals the links previously housed in the red section menus, now grouped into clear categories: Data Center, Connectivity, Cloud, and HPC. Each category functions as a clickable link, directing users to dedicated landing pages. To enhance wayfinding, breadcrumbs are displayed at the top of each page, providing users with a clear sense of their location within the site.