The main landing page provides an overview of the company’s products, services, and position within the industry.
Landing page elements include:
The top level product index page provides the user with a quick overview of all the product categories. From this page the user can navigate to category index pages which list all products and subcategories associated with that category. The breadcrumb follows this heirarchy enabling the user to quickly navigate up and down levels.
Individual product pages contain following:
All product pages in the website are indexed and searchable within a mysql database. An AJAX enabled dropdown allows the user to immmediatly see search results without navigating to the search results page.
The U.S. and international distributor pages allow the user to quickly find contact information and website links for all Mark-10 distributors. Both pages start with a clickable SVG map which scrolls down to the appropriate section based on the location clicked. Below the map there is a row of buttons which filter the distributors list based on services offered.
The navigation is optimized for mobile devices by utilizing an offcanvas design including multiple layers of dropdown menus.