Hi.

Welcome to my portfolio. I am sharing my design and UX case studies. Please visit https://www.bbrilliant.design/case-studies, to view my new projects.

eCatalog Redesign UX/UI: IT Service Catalog

eCatalog Redesign UX/UI: IT Service Catalog

Awarded 2012 Lockheed Martin Celebration of Excellence Award for Hybrid Cloud and IT Services Catalog

 

 

The ITSM eCatalog product owner wanted an eye-catching interface that made finding, requesting, and managing IT services easy. The goal was to provide a visual design and user experience to attract potential customers to leverage this solution to implement their own organizational ITSM eCatalog solution.  

  First  version of the ITSM eCatalog before the redesign. 

First  version of the ITSM eCatalog before the redesign. 

Understand and Design

After my initial heuristic evaluation of the website, I identified a list of navigation and work flow issues.  The product owner understood the need for a second version of the solution design. I was tasked by the product owner to develop options for a redesign.

 Minor updates were made to the catalog including a new banner, new logo, latest news feed functionality, and visual updates the summary dashboard functionality to the left of the home page. 

Minor updates were made to the catalog including a new banner, new logo, latest news feed functionality, and visual updates the summary dashboard functionality to the left of the home page. 

Prototyping and Testing

I used a prototyping tool and a graphics editing tool to develop a concept that was eye-catching and provided a contrast in style by comparison to the previous web home page. The intent for the website redesign was primarily concept-based for enticing programs to adopt the technology platform to deploy in their IT service operations. The goal was to show that the user interface can be customized.

Some of the key self-service features for the solution include: 

  1. Creating and managing virtual machines in the cloud
  2. Acquiring and managing mobile devices including tracking and wiping lost devices 
  3. Adding enterprise applications to my mobile device 
 Home page for the redesigned catalog. 

Home page for the redesigned catalog. 

 Example of customizing and acquiring a virtual machine via an eCatalog. 

Example of customizing and acquiring a virtual machine via an eCatalog. 

 Example of mobile device management by  tracking a lost device via the eCatalog.

Example of mobile device management by  tracking a lost device via the eCatalog.

 Example of mobile device management by wiping (or removing data) a mobile phone via the eCatalog. 

Example of mobile device management by wiping (or removing data) a mobile phone via the eCatalog. 

Winning Program Work

Our ITSM eCatalog solution was selected as the solution for a project with a DoD program. I changed the style and updated the service offerings to reflect the needs of the client and their end users.

 New client design update. 

New client design update. 

 Visual Help Feature: Rollover image functionality created to allow users to click on the area of their workspace that requires connectivity service. 

Visual Help Feature: Rollover image functionality created to allow users to click on the area of their workspace that requires connectivity service. 

Mobile UX/UI: STEM Innovation Cloud App

Mobile UX/UI: STEM Innovation Cloud App

Video Editing: Education Innovation Initiative

Video Editing: Education Innovation Initiative