Control Panel

Vision

With mobile/tablet in mind, we will strive to create a robust touch friendly admin application that will work in conjunction with call center reps to help serve the needs of our customers and internal employees to administer their website profiles such as an address change or a fund transfer. We will create predictable, simple and beautiful interactions that will avoid confusion and be scalable when call representatives are controlling the customers account entitlements of their specific products such as life insurance or an annuity.

What we Inherited

A system that was heavily outdated which ultimately led to a poor experience for the call representative.

Process

Discovery

AnalysisConducted Stake holder interviews and held meetings with call representatives and engineers, anyone that could influence the end to end journey, the aim was to find out the pain points for the company and customer call representatives based on feedback. From this we were able to put ourselves in the minds of the call reps and identify the main areas of concern.

Creating user flows, organizing painpoints, role plays and Understanding how our call reps currently, and ideally flow through the application

Define

IdeationUsing the insights we gathered from our working sessions, we were able to update our personas and surface potential risks in the use cases.

From here we were able to start journey mapping and exploring experiences from an emotional standpoint so we could bridge the gap between the customer and the call representative. Using the white board made it easier to put all our thoughts and ideas together to solve these experiences.

UX ArchitectureTraceability of the requirements was extremely important. Especially of a project this size. A great deal of thought and effort went into making sure the documentation was holistic/high level, and once the architecture was in place, we were then able to start the ideation phase.

Design

Interaction DesignOnce the architecture was fully vetted it was time to start ideating. This is where myself and the UX team began sketching on the white board. From here we were able to build interaction models and process flows. This is evident in the images below. Solving this problem was extremely complex in regards to the functionality and how it could be responsive to ipad.

WireframesWorked closely with Business Analysts to create wireframes that are concise and developer focused.

Visual DesignFrom the ground up, myself and the visual design team built a pattern library of components that would set the standard across all Transamerica products. We then moved onto build multivariate mock ups and once they were approved, we worked closely with Development to make sure the design asthetics were implemented.

PrototypingThe two videos below show the legacy design interaction along with the new experience on the right. This is one example of how we utilized cross divisional collaboration and the ux process to address design problems and solutions.

What we ended up with

A complete overhaul of an existing system that is simple and intuitive for call representatives that is touch enabled and responsive to ipad.