It's-a me, Danio!

Hi, I'm Dan.

A designer that loves to code.

Skills & Interests:

UX Design, UI Development, Design Systems

Featured Projects

Paramount/ViacomCBS
Global Intranet & Component Library

I led the effort to identify common design elements and patterns to start the Figma design system and built a site that displayed 70+ components and 25+ page layouts in HTML/CSS for implementation.


3-Second Takeaway
I use the toolsets of both designers and developers and work cross-functionally.
Pennsylvania Power & Light
Employee Portal & Component Library

I established an initial Figma design system, standards, and guidelines as well as fully created an online repository of components, page layouts, and templates in HTML/CSS for implementation.


3-Second Takeaway
I think, design, and develop systematically, and optimize workflows.
Prudential
Site Accessibility Analysis

I identified, researched, clarified, and prioritized WCAG accessibility issues for remediation.


3-Second Takeaway
I am versatile and adaptable to various roles and tasks.
Citi
Global HR Intranet Specification

I documented and annotated specs for a redesign of the global manager and employee experiences.


3-Second Takeaway
I standardize, annotate, and document design decisions for experiences for 100,000+ users.

Open Source Projects

designsystem.digital.gov
U.S. Web Design System (USWDS)

I regularly contribute the USWDS by submitting issues, features, and fixes that resulted in successful merging!

Figma Plugin
Batch Image Scale Mode

Change the fill scale mode on multiple objects with a single click.

A Few Clients

  • Paramount
  • eBay
  • Citi
  • Prudential
  • Colgate-Palmolive
  • Merck
  • Lilly
  • ViacomCBS
  • Pennsylvania Power & Light: Electric Utilities
  • Marsh & McLennan

Skills

Capabilities

  • Design Systems
  • UI Development
  • Visual Design
  • Responsive Design
  • Performance Optimization
  • Prototyping
  • Interaction Design
  • WCAG Accessibility
  • User Analytics Analysis
  • Cross-functional Team Collaboration

Tools

  • Figma
  • SVG (Design/Code/Animation)
  • Browser Dev Tools
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Creative Suite
  • GIPHY Capture
  • Pen and paper

Technology

  • Custom HTML/CSS/Sass
  • JavaScript
  • React
  • Gulp
  • Node/NPM
  • Static Site Generators/Gatsby
  • Netlify
  • Command Line
  • Many CMSs and cloud platforms