The document proposes design recommendations to simplify and improve the user experience of an existing token self-service portal to facilitate its mainstream adoption. The recommendations include simplifying task comprehension, implementing a responsive design framework, and aligning with current branding guidelines. The proposed redesign focuses the homepage on the user's active token and tasks, provides step-by-step guidance for replacing tokens, and uses icons and color palettes designed to be easily understood.

1. token self-service portal
a ux + ui proposal by camilo pabon — may twentysixteen

2. The existing securID token portal is
being opened up to all employees
for self-service.
To facilitate the portal’s mainstream
adoption the following design
recommendations are proposed
• simplify task comprehension
• implement a design framework
that will translate easily to a
responsive experience
• align with latest branding
styleguide
👥
📱 St1
2
3
objective

3. before after
The new design is a warm welcome that establishes the
experience the user will carry forward.

4. before after
The updated homepage focuses on your active token and
the tasks you can perform on it.
Other Services is a persistent area across the experience.

5. before after
An updated lightbox experience with improved instructions
guides the user through the Replace Token process.

6. flow
The Replace Token process is broken down into simple
steps that can be easily interpreted and consumed.

7. Icons were designed to support
actions and replace pictures of
products, which quickly become
dated.
A gray palette was used to ensure
iconography would not overpower
the design.
iconography
Reference
Actions
Selections

8. This content was created by
Camilo Pabon in Sunnyvale,
California in May 2016.
Tools
Axure
Illustrator
InDesign
Mac OS
Photoshop
Typography
Entypo
Helvetica Neue
Times New Roman
Interactive Prototype
co
lo
ph
on