ADA Helper Web App Design

ADA Helper
A Larger, Higher Quality View »

We designed this web app for ADA Helper located in Fresno, California.

We started with rough wireframes laying out the content from the owners original sketches. We further refined the layout during this initial stage to hone in on exactly what the owner wanted from this app. After the wireframes were tightened up and the screens were more clear and agreed up, we dove into design. This is where we got into the finer details of the project, dabbling in color, typography, spacing, and contrast. With each screen, we further developed the style guide so that by the last screen, the app’s design was consistent.

To understand the amount of complexity and amount of work that was involved in this project, here are the screens we designed for this web app (not including the interactive states within each screen):

  1. Login Screen
  2. Dashboard
  3. My Settings
  4. Search
  5. Create a Code Entry
  6. Edit a Code Entry
  7. New Account Signup
  8. ADA Definitions (and commenting modal)
  9. Customized Report Sections (and editing modal)
  10. Customized Inspection Settings (and 3 sub-screens)
  11. My Inspections (and filtering modal)
  12. Create New Inspection (and 4 sub-screens)
  13. Inspection Scoping Checklist
  14. Inspection Spaces (and elements and add element modal)
  15. Space Checklist
  16. Report Preview

More Photos


Other Projects:

Want a Quote on Your Project? Answer a Few Questions »

I’m not sure what I would do without Graticle! This is my 2nd time working with Shawn and this time around he helped us create a new more efficient and visually pleasing website. Our website was part of his new Pre-Built Package, which I recommend for any small business, with a small budget but still in need of a professional looking website. We absolutely loved how our website turned out: the design, color, images, details, everything! Shawn made the whole design process very easy with his video explanations, and his design suggestions for our website have made all the difference. Best part was Shawn added a “Contact Us” feature on every page which we have already seen great results with, and we’ve only been live for a week or so. In the midst, of designing our website I also had Shawn create e-mail signatures for our team and as well as fix up our Facebook Cover/Profile Images, all this has helped us create a more professional and streamlined image across the web. Thanks again, Shawn!

Isabela Valderrama

New Vista Construction LLC

NewVistaConstruction.com

Vancouver, WA

Shawn was exceptionally professional, responsive and detail-oriented. He worked to provide creative solutions to our projects and managed multiple (and often shifting) timelines with grace and efficiency. It is a true pleasure to work with Shawn and I would recommend Graticle Design to anyone needing his services.

Melissa T

Director of Marketing

Worldwide Laser Manufacturer

Washington State