top of page

Unified Portal Experience

portal.png
Project overview

At a glance

Responsibilities: Researcher, Information site architecture, Interaction Designer, Visual Designer
 

Platform: Web application
 

Methods: User interviews, product roadmapping, competitive analysis, sketching, wireframes, usability testing, branding, visual design, prototyping

Summary

The goal is to increase user engagement and productivity through an intuitive and organized portal for American Express developers. 

The scope was to redesign the information architecture of the entire portal, create high fidelity mock ups and a unified framework for all product landing pages including layouts , global elements and data structures.

Design problem

How might we help users navigate through Amex portal to complete their tasks and intuitively
access appropriate documentation to find relevant information?

Information architecture
 

We wanted to validate our proposed IA with users to ensure it was intuitive and scalable for the products. We recruited a different set of 15 users and provided them scenarios that utilized the IA structure. After minor rearrangements and adding connections between certain objects, we finalized the IA and moved to the UI.

Screen Shot 2020-05-05 at 7.44.47 PM.png
Wireframes
Screen Shot 2020-05-05 at 9.47.37 PM.png
Screen Shot 2020-05-05 at 9.10.59 PM.png
Screen Shot 2020-05-05 at 9.11.10 PM.png
Screen Shot 2020-05-05 at 9.11.21 PM.png

Sketching solutions
 

After providing the IA, we wanted to create a scalable navigation framework. I ideated on 3 concept variations that could possibly fit the context of all the users.

READ MORE

Building developer tools for a seamless development platform​

Final-Dashboard.png
bottom of page