Case Study: ATR Website Redesign
This project was a redesign for atrco.com, a company whose main product offering is their automated procedure software called SmartProcedures. Our goal was to create an experience that made finding their products easy and improving their accessibility by making the new website responsive.
After doing a Usability Audit I noticed the structure of the basic navigation could use some help. There were literally two links within the main navigation called "Smartprocedures" that took users to two different pages talking about the same product in different ways. A bit confusing!
The design and initial prototypes were built upon the results of discovery in three main areas:
- The organization’s key priorities as established in its mission
- Input from real website users: Board members, members and staff
- Search engine research on keywords and phrases used to locate the organization online
Interviews with key website users identified the following re-design objectives:
- Improve site organization and navigation to increase information access
- Draw more attention to events and service promotion through design and functionality
- Capture the excitement and uniqueness of the company, ATR
- Streamline the event registration process, creating greater efficiencies for registration and processing
- Spotlight economic development
- Ensure design and functionality incorporate mobile compatibility to enrich user experience
The last step was to create the wireframes using Adobe Illustrator. The CEO was shown iterations along the way, leading to final approvals.
The site had a very dated look and feel:
The old website had many IA issues leading to poor usability. One goal was to put the important areas of the portal at the user’s fingertips. This was accomplished by adding a megamenu section. This eliminated the redundancy of certain menu selections and helped chunk other selections.
This is the redesigned Home page: