Web Dx

Design to Implementation

Innovations & Opportunities

Thomas Burleson

FE Architect

Casey Childs

Designer

Jason Ruesch

FE Developer

Brit Moline

Product Design

1

Innovations & Opportunities

How do we improve the Design-Developer process?

1

1

HTML-1st   Approach

1

Why HTML-1st ?

  • Fast Design Iterations
  • Accessibility (a11y)
  • Localization (i18n)
  • Responsive Designs
  • Themes + DarkMode
  • Easy Validation
  • Easy access + socialization
  • Improved Transparency

Shift-left discovery and improvements...

1

HTML-1st   Approach

  • Fast Design Iterations
  • Accessibility (a11y)
  • Localization (i18n)
  • Responsive Designs
  • Themes + DarkMode
  • Easy Validation
  • Easy access + socialization
  • Improved Transparency

Accelerates implementation in Web Products

1

Design-to-Web Visualizer

HTML-1st 

Design-to-Web Process 

1

Design-to-Web Visualizer

Instant HTML + CSS 

1

Responsive Explorations

Design-to-Web Visualizer

1

DarkMode Visualizations

Design-to-Web Visualizer

1

Innovations & Opportunities

Videos: Fun, Informative, Engaging

what a great trailer to engage customers: quirky, satirical, humorous!

1

Innovations & Opportunities

Videos: Fun, Informative, Engaging

Build a set of fast-paced, clear videos

to show value of the service or software

Degreed Web Dx, 2022

By Thomas Burleson

Private

Degreed Web Dx, 2022