Atomic Extinguisher Service, LLC

Atomic Extinguisher Service, LLC is a fire extinguisher sales and servicing company.

  • An Extinguisher Sales and Servicing Company

  • Business Owners

  • The Atomic Extinguisher Service, LLC website was last updated in 2019. In conversation with Atomic, I learned that they were not fully happy with their website. They felt the website’s overall design did not portray what the company does/create brand identity and wanted further consultation on the layout and design.

  • Lead user experience designer

  • End-to-End Design Process:

    • User research

    • Competitive analysis

    • Wireframing

    • High Fidelity Designs

    • Prototyping

    • Usability testing

    • Review and analysis of data 

2.png
1 copy.png
4 copy.png
3.png

Design Process

  • Prototype Prompts [PDF]

  • Unmoderated, remote, 3 participants, 10-15 minutes

    Return to Home

    • The user did not have the ability to return to the main home page after leaving it

    Design Inconsistencies

    • Inconsistencies in the design of how the pages downsize across devices

  • Unmoderated, remote, 3 participants, 10-15 minutes

    Color Contrast

    • Some of the design elements and text did not contrast with the background enough to be seen clearly or be accessible.

    Old Atomic Logo

    • The old-school Atomic Logo was updated to a newer, cleaner version, which also inspired the overall aesthetic design evolution.

  • Colors

    • All text and graphics pass WCAG AA & WCAG AAA contrast ratios for accessible design

    Buttons & Text Sizes

    • All buttons are a minimum of 44 x 44 px

    • All text is a minimum of 20 px

    Layout

    • Aspects like hierarchy, color, typography, and a consistent and simple layout were all considered to make the flow of the site intuitive

  • Online Training

    • A virtual training program to replace the in-person training program so that clients have access to the information 24/7

    Client Inquiry Submission

    • A direct submission form to fill out on the website to give users the option to get a quote online

    Online Portal

    • An online portal for existing clients to track their involvement with Atomic

  • High fidelity prototype prompts

Previous Website Design

Likes:

  • Philly Background (main servicing area)

  • The information included is clear

  • Design is responsive

Dislikes:

  • Hero Image (unrelated to company)

  • All information on one page (needs to be sectioned and organized)

  • Some typos

Previous

J. Fagan Hospitality