Internal - IBM

Wireframe implementation highlighting the account creation and password validation 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 an account creation form to allow new user to create a login. Display an indicator for required fields and password criteria. Display the "Create Account" button in the bottom right hand corner to allow user to submit the form.
Secondary Actions: Display site title with account creation information

Typography:
Arial, Arial Bold

Colors:
Background Card - Light Gray - #EEEDED (238:237:237)
Card Stack - White - #FFFFFF (255:255:255)
Primary Button Accent - Blue - #2096F3 (32:150:243)
Required Indicator - Red - #FF0000 - (255:0:0)

Grid:
1312 x 600 px

Elements:
Header Template; Primary Button; User Input Field; User Input Field - Email Validation; User Input Field - Password Mask