IBM w3DS

Design System

VSA Partners: New York, New York

I was part of the creation of w3DS, an internal IBM design system, basically, a user interface framework for the web made of code patterns linked to visual tools using Sketch component libraries, so teams can quickly develop responsive sites and apps throughout IBM.

Marketing video created for VSA by me, to help sell design systems to other businesses.

Below are a couple select sample pages from the final design system Sketch file.

As Senior Designer on this project, my responsibilities included:

  • Oversight of all designers on the team
  • Use the latest design operation tools to assist with version control
  • Design detailed library components
  • Create a rational and a system to utilize and integrate motion design with code.

Below are some sample micro-animation gifs created to help understand the motion identity of our UI

Accordian

Overlay

Tool Tip

Mobile Search

Trays

ScrollSpy