Mark-10 Website Redesign

Landing Page

The main landing page provides an overview of the company’s products, services, and position within the industry.

Landing page elements include:

• Hero video with intro text and links to overview pages
• Product categories slider
• Clickable “industries served” icons which provide summaries of the industries using Mark-10 products.
• A news section listing the most recent articles published about Mark-10

Product Index Pages

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

Individual product pages contain following:

• Product image/video gallery
• Main product description
• Responsive tabbed interface containing comprehensive product information including specifications, dimensional drawings, and downloads
• Ordering information table
• Related products slider

Search function

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.

Distributor Pages

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.

Mobile Navigation

The navigation is optimized for mobile devices by utilizing an offcanvas design including multiple layers of dropdown menus.