Custom e-commerce website design with a product configurator.

  • Web Design Director
  • UX Designer
  • UI Designer
  • Co-HTML and CSS Developer
  • Corey Machanic
  • Instrumart IT (Backend Development)
  • Instrumart Marketing
  • View Live Site
  • Redesigned and rebuilt in 2020
  • Redesigned and rebuilt in 2016
  • Launched in 2013
Project Detail 1/13

Instrumart’s custom designed and developed e-commerce shopping experience is tailored to the needs of their unique customer base. With an emphasis on search, and easy product navigation with advanced filtering, the streamlined experience helps customers quickly find the products they need. The simple, yet powerful, product configurator allows customers to build and customize products to their exact specifications, providing a robust and intuitive shopping experience.

Reengineered as a reusable “theme” across multiple sister businesses…

Project Detail 2/13
A grid of 4 computers with different themes of the same website template.
Project Detail 3/13
website homepage
Homepage
Project Detail 4/13
website homepage (mobile)
website homepage featured products (mobile)

Navigation focused on search with an emphasis on "There’s an engineer behind everything we sell."

Instrumart has been a leader in our market space since we launched our first e-commerce website in 1998. For the past 12 years, Corey has been a trusted resource for us. His design work has scaled with the growth of the company, supporting sales growth over 50% and web usage growth of over 100% during the past 5 years.”
—Brian Leffler, President
Project Detail 6/13
product listing page
Product listing page
Project Detail 7/13
product listing page (mobile)
product listing page filters (mobile)

Infinite scroll on product listing page with robust faceted browsing.

Project Detail 8/13
Instrumart product detail page
Project Detail 9/13
website checkout
Shopping Cart
Project Detail 10/13
website checkout (mobile)

Video (without audio) of Instrumart's mobile checkout.

Project Detail 11/13
product configurator
Product configurator
Project Detail 12/13
product configurator (mobile)
product configurator details (mobile)

Product configuration scalable to unlimited options.

Project Detail 13/13
grid of smartphones

View More of My Projects

Champlain College student standing on a mountain overlooking the Champlain valley
Champlain College Design and development of a comprehensive higher education website with an innovative component-based design system integrated into a customized WordPress content management system.
person holding a smartphone in front of a laptop computer
Flavor Plate A custom website builder and website hosting platform for restaurants, with built in gift cards sales and online ordering.
Three people in a wheat field with the sun setting
VEIC A corporate website redesign focused on streamlining a complex set of services through a clean navigation model and rich storytelling.
Landscape of low hanging clouds over the tops of trees
Vermont Land Trust Website design focused on preserved land, services and rich storytelling—featuring a component-based design system built on WordPress.
modern home with beautiful landscaping
Wagner Hodgson Landscape Architects A portfolio website with a component-based design system built on a WordPress content management system.
engineer working on a device
Instrumart Custom e-commerce website design with a product configurator.
Keurig Custom brewer on a blue background
Keurig Custom Brewer Responsive one-page e-commerce website with demonstration videos and dynamic scrolling animations.
mother and so having a beverage in a park
Keurig Dr Pepper Corporate website design and data-driven Product Facts integration for Keurig Dr Pepper's family of brands.
contractor working on a heating system
Efficiency Vermont Website solution for showcasing products, services, rebates, and how-to articles, with a convenient "Find A Pro" search feature for customers.
woman in t-shirt
Commando E-commerce website design and content management system built on the Shopify platform.
nurse and staff member talking
UVM Medical Center UX design research and website design concepts for a future redesign of the UVM Medical Center Network.
Work and Play Archive
Work and Play Archive Archive of miscellaneous website design projects, logos, illustrations and icons.