Internal - IBM

Wireframe implementation highlighting the list results page of an IBM Internal project.

Design Approach: Task-First

Primary Actions: Create a new claim registration or continue a previous claim.

Secondary Actions: Use filtering criteria to find 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)
Link Text - Light Blue - #1F88E5 - (31:136:229)

Grid:
1312 x 600 px

Elements:
Header Template; Navigation (Breadcrumb); Primary Button; Secondary Button; Card Overlay (Help); Table; List Widget; Text Link; Filter; Sort Toggle