Internal - IBM

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

Design Approach: Task-First
Primary Actions: Answer required questions and save and continue to next section or submit registration module entirely.
Secondary Actions: Navigate back to full list of previous claims.

Typography:
Arial, Arial Bold

Colors:
Background Card - Light Gray - #EEEDED (238:237:237)
Card Stack - White - #FFFFFF (255:255:255)
Primary Button Accent - Green - #4CAF50 (76:175:80)
Secondary Button Accent - Blue - #2096F3 (32:150:243)
Help Card Fill - Light Blue - #E2F2FD - (226:242:253)
Help Card Text - Dark Blue - #104D92 - (16:77:146)

Grid:
1312 x 600 px

Elements:
Header Template; Navigation Template; Primary Button; Secondary Button; Card Overlay (Help); User Input Template - Checkbox