Gary Ritchie, Designer & Digital Artist

Perform - Web Application Design

Perform, now marketed to the nations top-20 residential homebuilders, comprises three components: A custom auditing tool for managing construction quality and risk; a learning management system serving residential construction courseware used to train sales and site supervisors; and an extensive library of illustrated residential construction documentation.

As the team lead I managed and designed user interfaces including front-end development (Zurb Foundation), and managed the rewrite of a custom software component (Drupal module). I also established and maintained the AWS infrastructure and developer environments and documentation.

User Experience + Interface Design

Flow graph of the construction quality audit process

Perform wireframes: Audit scorecard detail
Perform wireframes: Written report detail
Construction documentation library containing detailed step-by-steps and quick-reference checklists
Documentation, responsive view
Quality assessment metrics across multiple categories and company divisions
Integrated learning management system

Product Concept Development

Planning sessions and design workshops included lots of post-its, smelly markers, and sketching

Interface and experience designs for multiple web applications that would tie into the main Perform website via APIs:

Scenario roughs for camera application
Interactive 3d (WebGL) checklist app sequencing
Interface concept for mobile scorecard application
An illustrated scenario addressing the need filled by the Perform product and accompanying services (rough pencils)
Mobile checklist application: Pass/Fail scoring using swipe gesture

Branding Refinement + Guidelines

Art direction for refining the original Perform logo
Perform identity guidelines quick-reference

Application Infrastructure + Developer Environment and Documentation

I designed Perform’s infrastructure on Amazon Web Services, building in redundancy and reducing costs by combining services from other areas of the business. Self-serve system monitoring, agile project management, and central code repository services were also set up to support the development of Perform and other projects within IBACOS. Documented developer environments that mirrored production eliminated “works on my system” complaints.

Amazon Web Services EC2 and Route53 were employed for production workloads and several back-office services.
Work on Perform was broken into sprints with regular release cycles. Smaller projects adopted the leaner kanban approach to planning.

 Filed under: Interface, UI/UX Design