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:

Ready to Get Started? Let's Talk About Your Project »

I have been working with Shawn since the beginning. He has provided me with a great logo, ads, stationery and website. He works very quickly, has reasonable prices and provides exceptional customer service. I would recommend Graticle Design to anyone looking to improve the look of their company.

Laurie Fish

Owner

Primal Energy

PortlandPrimalEnergy.com

Portland, Oregon

They provided excellent, tailored service …exactly what we were looking for!

John Linenbach

Owner

Tactrainers

tactrainers.com

Fresno, California