1factory

Manufacturing quality control
SAAS startup
San Jose, CA

UI design & development

Basic login form Try it live here
Login error treatment
Password reset treatment
Simple responsive hub

Simple
Responsive
Hub

  • One-click access to primary subject areas
  • Tiles displayed or hidden based on user roles
Animated slide-out

Animated
Slide-out

  • Sub-page; exposes auxiliary or meta data and actions
  • Retains context of master page
  • Inspection Type element operates like a radio-button group
Basic responsive table

Basic
Responsive
Table

  • 1factory is an enterprise, "line-of-business" app
  • Tabular UI predominates
  • Several table treatments are used throughout
Complex responsive table

Complex
Responsive
Table

  • Uses in-cell element composition
  • Drag and drop reordering
Animated slide-out

Animated
Slide-out

  • Exposes auxiliary table layout
  • Excel-like data entry form fits the app domain
Composite, real-time page

Composite
Real-time
Page

  • Excel-like data entry form
  • Excel cell validation on entry
  • SVG-based charts with custom annotations
  • Charts update in real-time based on entry
CAPA data entry form

CAPA
Entry
Form

  • Matches industry defined report format
  • Form matches critical report section, Team members
  • Drop-and-drag to assign section leaders
  • Drop-and-drag to unassign and remove
CAPA data entry form, next section
Themed modals, arbitrary action sets