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 recently hired Graticle to design our new website, which is optimized for content marketing. Shawn not only is a terrific digital design talent, he also has a wealth of knowledge about how to visually and verbally guide site visitors through a sales funnel. He carefully planned every design element to deliver a powerful call to action, and helped us edit our content to avoid leading users in the wrong direction. Shawn also is one of the most efficient, pleasant and professional designers we’ve ever worked with. He delivered everything in an orderly way, communicated frequently throughout the process, and rapidly adopted our project management system. He delivered great work on time and on budget. Graticle is truly one of the best web companies we’ve ever worked with. Highly recommended.

Maverick Institute

Maverick Institute

www.MaverickInstitute.com

Portland, Oregon

Our web site update was just completed by Graticle Design and they did a terrific job. Our engineering company provides a unique service and Shawn captured the essence of our company. The way the site is set up I can add and modify the content at will, easily keeping the projects and offerings up to date myself. The tutorial he included is a great finish touch. Great job!

David Browning

Owner

Altman Browning and Co.

www.AltmanBrowning.com

Portland, Oregon