Interface Sketches: CAP HPI Brochure-ware Site

The well designed brochure-ware website I landed on was the cap hpi (automotive data & technology) website. Below is my sketch and a screenshot of the home page.

Webpage URL:

Why this design works well…

  • Hierarchy is clear between headings, body text and iconography (while still falling under the brand styles/colours)
  • Text is large enough to read but not too large that it is overpowering
  • The width of the columns are narrow to make reading context text easy
  • Navigation bar is presented in the standardized location
  • Login button coloured (consistent with branding colours)
  • Buttons are outlined to look obvious
  • Graphics are relevant to the content and cohesive in style

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

Powered by

Up ↑

%d bloggers like this: