The new Analog.com website has a full documented system to build the site. The document covers the basics of color and type, but we wanted to make sure development could finish the pages correctly. In the document we set up a system of modules, grids, templates and section pages to round out the theme of each section of the site.

Style / Build Guide

ANALOG DEVICES

This unique company, Analog Devices, requested a new eComerce website to facilitate their large product catalog. This type of site could not be just any old shopping experience, it needed to house a product catalog of over one million micro chips that can be compared to each other at a moments glance.

 

The engineers who use Analog chips also request lots of product support. Analog has grown to house all the support engineers would need for Analog chips and the chips of Analogs competitors.

It was our job to design a system with three goals in mind.

Speed to value
With such a dense site, the user needs to be able to find the correct content at first glance.

Tablet Friendly

A clean site with lots of white space and fat click-able buttons will allow for a faster desktop and tablet experience.

Innovation
Through UX and UI we wanted to bring Analogs site into the future and far ahead of their competitors.

Speed to Value

With such a dense website that has very little imagery, we took a "way-finding" approach to the site, by systematically color coding sections and types of information. The user can identify what they are looking for by color and by the shape or layout of a section.

Responsive

A way to continue with the Innovative goal was to create a site that was tablet friendly and responsive for mobile devices. The site was built on a 960 grid with 54 px padding to make the site more tap and touch friendly. From here the site is easy to use at any responsive breakpoint needed.

 

 

 

 

 

 

 



 

 

 

 

 

 

 

 

 


The goal of working responsively for this website is to allow the user to have a great experience without a bias to how the user wants to access the site.

A way to continue with the Innovative goal was to create a site that was tablet friendly and responsive for mobile devices. The site was built on a 960 grid with 54 px padding to make the site more tap and touch friendly. From here the site is easy to use at any responsive breakpoint needed.

 

 

 

 

 

 

 

 


The goal of working responsively for this website is to allow the user to have a great experience without a bias to how the user wants to access the site.

< Swipe >

< Swipe >