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: https://www.cap-hpi.com/en

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
Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s

Powered by WordPress.com.

Up ↑

%d bloggers like this: