Mark-10 Website Redesign


Date: 

April 2020

Client:

Mark-10, Copiague NY

Live Site

Overview:

Website redesign for Mark-10 Force and Torque Measurement.

Updates include:

  • Responsive design for optimized mobile experience
  • Dynamic product catalog including search function and category structure
  • Integrated contact forms for customer support and pricing inquiries

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.

Offcanvas mobile navigation

More Projects:


NSPN Science Policy Symposium 2020
IntelliMESUR UI
Data Visualization – TBR News Media
Motion Graphics – IDJNOW
NSPN Science Policy Symposium 2018
The Farmhouse Bed and Breakfast
┬ęDavid Ackerman 2021