Internal - IBM

Wireframe implementation highlighting the pre-login landing page of an IBM Internal project.

Wireframe implementation highlighting the breadcrumb design and responsive enabling of an IBM Internal project.

Design Approach: Task-First
Primary Actions: Display general instructions for users before they begin the questionnaire. Display "Start Questionnaire" button underneath logotype.
Secondary Actions: Display language options for users who first language is non-english.

Typography:
Helvetica, Helvetica Bold

Colors:
Background Card - Light Gray - #F1F1F1 (241:241:241)
Card Stack - White - #FFFFFF (255:255:255)
Primary Button Accent - Blue - #23609D (35:96:157)
Link Text - Light Blue - #337AB7 - (51:122:183)

Grid:
1312 x 600 px

Elements:
Header Template; Footer Template; Primary Button; Link Text