top of page

Design Systems and Workflows

Accelerators in the process of fabricating any digital experience

Top

DESIGN SYSTEMS SAMPLE

Swipe Below

Ring Logo
AveryDennison.png

DESIGN SYSTEMS LISTING

Activision

Avery Dennison

Canadian Tire

Coaster
Cisco

Kelley Blue Book

Kitchen United

McDonald's

Nexon

Ring

Ubisoft

Walmart

ring-ScreenSnapshots.jpg
Ring_DS

RING DESIGN SYSTEM 

  • Brand Repositioning
  • Product Design Lead
  • Workflow
  • Primary Component Library for iOS 
  • Android Theme
  • Web Theme
  • Shopify Theme
  • IoT Theme
  • Zeplin Design Repository
  • Abstract Version Control
  • GitHub Repository
  • Writing and Documentation
  • Native React
Ring-DS-Sprite.jpg

Flexible Grid for all Design Applications

Branding Grid

Simplified Identity Guidelines

Ring Logo

Simplified Color Palette

Simplified Typescale Across Products and Devices

Clarity and Consistency in Iconography

ring Typescale
R
ring DS Sprite
ring DS Sprite
ring DS Sprite

Simple Interactions, Unified UI

1366 window.png
1366 window.png
1366 window.png
1366 window.png
Elevation-One.png
Elevation-Two.png
Elevation-Three.png

Consistent Product Photography

Keypad.png
Hub.png
Sensor.png
MotionDetector.png
iPhone-PMP-Alarm-M-1.png

Ring App

Neighbors App

B2C Commerce (Shopify Theme)

B2B Commerce

Marketing Campaigns

Police Portal

Ring Tools

Ring CS

Ring TV

DESIGN SYSTEM IN THE MARKETPLACE

RingAmazon.png
Neighbors-Logo-24.png

Identity and Iconography of Ring + Amazon Acquisition and Neighbors App

AD_Weave
AD_Com.png
Avery Dennison

PEOPLE, PROCESS, AND PRODUCT

A Digital Transformation thread by thread

Icon Library

Weave Design System has a collection of reusable components, code, principles, templates, best practices, guided standards and ruled by an agile governance model.

Weave provides teams the common building blocks to author, design, and build our digital products and software for iOS, Android, Oracle Commerce, IoT and Custom Built Tools.

Grid

SCOPE & DELIVERABLES

  • Workflow and Ownership
  • Research and Testing
  • Governance Model
  • Publishing and Documentation
  • Primary Component Library for IoT / Devices
  • iOS Theme 
  • Android Theme
  • Web Theme
  • Oracle Commerce Cloud Theme
  • Storybook Dev Library
  • React JS
  • 187 Active Users of Weave
Interaction Patterns and Components
Walmart

Other Design Systems

Image by Marques Thomas
Walmart

  • Mobile Commerce Theme

  • In Stores Now Theme

  • Content Authoring, Publishing

Skylanders-iPad.jpg
Activision

  • 4 iOS & Android Themes

  • 8+ Marketing Themes

  • Support Theme

  • Corporate Communications Theme

  • Human Resources Theme

  • Finance Theme

  • All Studio Websites

KitchenUnited_DS
KU-Gallery-Platform-Kiosk-Th.jpg
Kitchen United

  • Commerce Theme

  • Marketing and Automation Theme

  • iOS Theme

  • POS Theme

  • Support Theme

CFF-App.jpg
Coaster

  • FactoryTheme

  • Inventory & Distribution Theme

  • Marketing Theme

  • iOS Theme

  • React Theme

Cisco-GSX-Logo-Hero.jpg

Cisco

  • iOS Theme

  • Marketing Theme

  • ELearning Theme

ACRewards-Gallery-Th.jpg

Ubisoft

  • 18+ Marketing Themes

  • CRM Theme

  • Assassin's Creed Franchise

  • Just Dance Franchise

Layouts.jpg

Canadian Tire

  • Commerce Theme

  • Finance Theme

  • Operations Theme

  • Marketing Theme

  • Merchandising Theme

iPhoneVideo.png

Mc Donald's

  • Web Theme

  • Marketing Theme

  • Social Playbook Theme

  • Touch Ordering Theme

  • Mobile Theme

bottom of page