LP intranet redesign wireframes

Building a User-Focused Employee Intranet

Client: Levin Papantonio Law Firm

Live Demo: annegraydesign.com/intranet-demo

Overview:

Levin Papantonio (LP) is a law firm based in Pensacola, Florida, with over 150 employees. The firm relies on an intranet system for employee training and internal communication. I was brought on board to redesign and reorganize the firm's exisiting intranet.

Project Goal:

Establish the LP intranet as an essential training and communications asset, through the development of a customized content management system and an updated visual design.

The Challenge:

LP Intranet
The intranet's original home page

LP's existing intranet system was using an outdated version of Drupal, and featured a difficult-to-navigate and unbranded visual layout. The site wasn't responsive, which was important for attorneys, who sometimes needed to access the intranet remotely via iPad. Several employees needed to be able to zoom in using browser controls, but found that zooming in would cause the site's layout to break.

The intranet also featured an employee directory, which was useful for quickly looking up fellow employee's phone extensions and email addresses. The Information Services (IS) team at LP wanted to improve the usability of this and other features, including the events calendar, conference room scheduling, and employee training documents.

My Role

I was hired as an independent contractor to evaluate, design, and rebuild the LP intranet. I worked with LP's IS director, and one member of the IS team who acted as a project manager (PM). The PM helped me to investigate the various issues and challenges that employees were having with the existing intranet.

I also coordinated with various departments, including HR and Marketing, to learn more about how different employees use the intranet, and to gain insight on visual design preferences and branding guidelines.

Process

User Experience Design - Goal: improve the overall intranet experience and ensure the site is easy to navigate for the following user types:

  1. Administrators: Streamline the content management and event scheduling processes
  2. All employees: Simplify navigation to help employees quickly locate essential resources
  3. New Hires: Facilitate training by expanding the existing LP University

User Interface Design:

  1. Develop a responsive interface with a cohesive and appealing visual design
  2. Ensure that design integrity is maintained at all screen sizes, even with the use of the "zoom" feature on desktop browsers.

Front End Development:

  1. Convert existing content management system to WordPress
  2. Develop custom theme functionality and layout structure
  3. Integrate third-party plugins as appropriate
  4. Test all features, views, and interactions, and facilitate site installation

Outcome

After researching a variety of paid WordPress themes, the LP team and I agreed that building a custom WordPress theme would be the best development choice for this project, based on the wireframes that had been approved.

I designed the responsive UI and built the theme, including a custom-built plugin to support the employee directory. For the conference room schedule and events calendar, I used the Time.ly All-in-One Event Calendar.

Screenshot of intranet demo
Demo version of the intranet (sensitive information removed). You can view the live demo at www.annegraydesign.com/intranet-demo/
Screenshot of intranet demo directory
The employee directory page, which uses a custom WordPress plugin. Employees can quickly filter by supervisor or department.