I am currently working on re-designing the product catalog for Vanguard Instruments Company, Inc., and since this is a catalog of test instruments, we have plenty of technical specifications to work with. Here is the technical specifications table from the original catalog. I admit that I am guilty of designing the original and over-looking the technical specifications. It’s just a bunch of text, and if you are looking for a particular specification, you have to read through everything to find it:
My approach to re-designing the technical specifications table was to treat it as infographics. By doing so, I developed some icons that can be used for common features between the various products. For example, most of the products include a built-in thermal printer and various computer interfaces. By using icons, the reader can quickly find out if a particular product has a built-in printer or a computer interface. Below is the re-designed table:
I originally thought that the use of icons might require more space and make the table too big, but actually it allowed for a two-column grid layout that was efficient and fit in exactly the same amount of space.
Technical documents can inherently be “boring”, but they shouldn’t have to be visually boring as well. The next time you are faced with those dreaded technical specifications, think of them as infographics and not just tables of text and numbers.
After thoroughly studying the original product catalog, I prepared a list of questions for the client for our next meeting. These included questions like:
After going over these questions in our second meeting, I determined that the biggest advantage that the client’s products had was the fact that they were very easy to use and offered simple user interfaces. The client emphasized that they wanted to convey this simplicity in the catalog design, so they were not looking for some avant-garde design that would win progressive graphic design awards, but a design that featured a clean layout that made it easy for customers and potential customers to quickly find the information they were looking for.
Following are some before and after examples of the completed project:
The original cover design was just very busy with no real focal point. Also, it featured specific products, which we wanted to avoid with the re-design. I simplified the design to highlight the industry that the client was in as opposed to showing specific products.
Again, the original inside spread was just too busy with too many images layered on top of each other, and too much text with no clear focal point. With my re-design, I focused on highlighting the client’s experience in the industry, providing a clear focal point.
The datasheet spreads were also simplified to provide clear access to the relevant product information. The client has since informed me that many of their customers have commented on how easy to read their datasheets are compared to their competitors’.
So the next time a client tells you to “be creative”, make sure to take the time to ask them what they mean! As designers, it’s always very exciting to be given free creative reign, but we must remember that it is of utmost importance to make sure that our work ultimately reflects the vision of the client and not our own egos.
NOTE: The re-designed product catalog can be downloaded from the Vanguard web site HERE.
Her latest assignment was to prepare vegetarian pho. I eat a lot of pho at some local restaurants, but we have never tried making it at home, so this was a really wonderful learning experience. It’s amazing how many herbs and spices go into this dish. The beautiful fragrance from this soup kept the house de-odorized for the rest of the week!