24
- October
2017
Posted By : sewlastweek
Comments Off on Product Catalog Website
Product Catalog Website
Client: Server Technology
Implementation URL: https://www.servertech.com/
Date: 2015-2016
Technology: HTML5/SCSS, Zurb Foundation, tablesaw.js, Angular.js, Ruby on Rails Custom CMS

Goals/Concept: This project was to make a responsive site and update the current client site to a fresher look. The extensive site enveloped a modal ‘product selector’ into the main product list view (used to filter by very technical specifications in order for engineers to get a CSV or Excel list of the specifications on a group of products). Other product related updates were to implement larger product imagery, necessitating alternate layouts for horizontal versus vertically oriented products due to the extremely narrow ratio of the vertical product images. Product datasheets were also made to be dynamically generated as opposed to a hard PDF, which required its own styling and layout. Another part of the project was to create a user portal to accommodate all of a user’s information (channel partners) from lead submission and a new support ticket feature and the area also had to be able to support future expansion. Site navigation and outline was overhauled as well.

Role: I was design lead and wireframed, designed, and developed front-end layouts and styling according to SMACSS principles and utilizing the Zurb Foundation framework. I also curated a custom icon font that is used throughout the site. Project launched in roughly 8 months.

Project Gallery