My portion of this project was dedicated to Field and Page-level validation. Exploring Intralinks' products for existing uses of the pattern to secondary research of UX best practices to inform my design. Below you will see my documentation of the pattern.
Here is where I have defined the pattern--established the different scenarios and corresponding behavior.
Pattern Interaction Design: Field-level Validation
Pattern Interaction Design: Page-level Validation
I felt like my documentation wouldn't be complete without actual animation to illustrate the interaction design of the pattern. This is a walkthrough of the page where you'll see the use of the animation within the documentation.
HTML emails: Pillsbury Law
e-mail & Landing Page: Borland Speaker Series
Accolades and Awards
Collateral: Pillsbury, Winthrop, Shaw, Pittman LLP
UX & IxD Process and Artifacts
LinkedIn Recruiter Training: Microsite
Intralinks Dealnexus: Visual Uplift & Re-brand
LinkedIn: Large Format Photo Retouching
Intralinks Product: Dynamic Filter
HELIX Design System: Designer Toolkits