Henry Schein / Card UI

Henry Schein Global Page Redesign
Current page: http://www.henryschein.com/

Goal

Primary goal of this redesign is to convey the grand scale of Henry Schein and it’s services through better information architecture. To achieve that goal I used a concept I call content promotion/expiration. Which basically means promoting a piece to content to homepage like leadership carousel in my redesign. Which is currently a static page with twenty bios.

Secondary goal is of this redesign is trendy UI and UX. Which I achieved through mostly flat design and by creating UI elements that engage the user like carousel and video.

Card/Widget Layout

The Card/Widget layout is extremely efficient, flexible and can be easily molded into responsive. Total Width to this page is 1500px with 16px base font and 24px line-height. Height of this page can grow or shrink with content promotion and expiration.

Using a custom column grid with CSS classes of 25%, 50%, 75%, 100%, 1/3 and 2/3 and many combination can created and overtime new cards/widgets with better UI can be introduced. Possibilities are endless…

Highlights

  • Custom Graphics
  • Custom Grid
  • Flat Design (Mostly)
  • Card/widget Layout
  • Carousel
  • Mega Menu

Branding

#084f9f#031933#cee0f5#fe0000#bf0000#800000#f4f4f4

Fonts

Open Sans

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