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 »

We have used Shawn at Graticle Design on several web design projects and have always been extremely pleased with the end results. One of the fantastic things about working with Shawn is that he asks all the right question about our company, product and our customer base. Then, from these very insightful conversations, he is able to rapidly create a design that always feels fresh and new, as well as being something that completely envelops all of our needs.

Every time we work with Shawn, he exceeds our expectations. This is saying a lot because after working on several projects with him, we have very high expectations of his ability to make each and every design special, unique and ultimately profitable for us.

Justin Spafford

Audiotech, Inc.

www.audiotech.com

Chicago, Illinois

Shawn at Graticle is a great person to work with. He created a fantastic new interactive website for the Academy Theater which is easy for us to maintain. He’s always available for support and to make larger changes if we need them. I highly recommend him for your custom website.

Dannon Dripps

Manager

Academy Theater

www.AcademyTheaterPDX.com

Portland, Oregon