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 designed my business website and business cards with the vision I wanted and he did an outstanding turning it into exactly what I wanted.

He made himself very available and answered all of my questions I had about content and design, and instructed me with very easy steps to add content and pictures to my site when he was finished.

I would recommend him to anyone!

Seth Candeaux

Owner

PAC NW Structures

www.pacnwstructures.com

Tigard, Oregon