The original Mark-10 website was built entirely with static .html files. This made it very difficult to maintain since there was no content management system or templates/shared parts. To make a change in the site navigation, code had to be edited in every single file.
One of the primary goals for the redesign was to make the site fully responsive for display on mobile devices. All page layouts for the new site are based on the bootstrap4 responsive grid. Other responsive elements include:
A search function was implemented to improve navigation of the product catalog. Products are searchable by name and by SKU.
All of the content on the product pages is stored as custom data attributes. This makes all product data much more manageable and consistent because product information such as price is set once in the database and then displayed wherever it is needed on the website.
The quality and implementation of product photography is vital to communicating product value online.
An updated gallery design was implemented to make images more accessible and informative.