ADP

Digital Design system ———  UI ———  UX

Minneapolis-based agency, Schermer pulled me in to help design ADP's primary consumer facing site. I worked as a part of the Schermer's team to design a site concept (1 of 3) and utlimately deliver a component-based, digital design system.

ADP_Hero_New

A digital design system for a leader in human resource management.

Over the coarse of 3 months, I worked with Schermer's creative director and team to deliver over 25+ components, global styles and elements to ADP's internal technology/development team.

DELIVERABLES

Responsive Design System

Agency

Schermer

Services Provided

Systems Thinking
UX and UI
Some visual design

Challenge

We had minimal access to the technology and development team. Consequently, documentation was critical throughout the delivery of all assets.

Solution

We paired Sketch with Invision to provide the client with a simple platform for feedback and approvals. After approval, Invision's "Inspect" tool provided the development team with design-to-development specs for each component.

Text-Hero_Component

+

invision-logo

Styles and components were seperated out on to individual artboards. Each artboard contained detailed information regarding it's rules, variations and responsive behaviors across all 3 breakpoints.

The Grid & Spacing

Grid_Breakpoints
Spacers

Global styles such as typography and color palette aligned with ADP's existing brand identity guidelines. 

Global Styles

Typography
Colors
Buttons
Iconography
Image-Component
Form-Elements
Quote_graphic
I hired Brian as a Sr. UI Designer on an enterprise level website redesign project at SCHERMER, but what he contributed to the team was infinitely more. It was no surprise that Brian excelled in the defined UI design role — providing thoughtful and beautiful design solutions. But, what equally impacted the project, our team, and our client was the expertise Brian provided in user experience, strategy, team leadership, and technical guidance and proficiency. This saved us time ($$$) from hiring and onboarding resources in these additional disciplines, relieved additional stress from multiple team members, armed us with the ability to tackle more project tasks at once, and ultimately provide added value to our client.
With Brian, you always know what you’re getting — no matter the situation. His personality is calm, collaborative and consistent. The entire team enjoyed his partnership and were advocates for us extending his contract twice during the project.
Quote_Close_graphic
Brandon_headshot_circle

—— Brandon Winckler
           Creative Director, Schermer

Navigation

Secondary-Navigation
Anchor-Links_Component
Pagination_Component

In-page Components

Hero_Billboard_Component
Logos_Component
Text-Hero_Component-1
Call-to-Action-Banner
Variable-Column-Video-Block_Component
Image-Hero_Component
Related-Resources_Component