CXA One Platform
Responsive Grid and Wireframes | Layout Organization | Wireframes | UI Design
Intro
CXA web portal is a platform that allows corporate employees in Singapore to manage their insurance benefits and submit medical claims.
My role: I analysed the old design and created a new responsive grid to support multiple device sizes. A new colour palette was also created to refresh Brand Identity and UI.
In order to revamp the old design and cater for full responsiveness I spent a good amount of time in developing a new flexible grid to accomodate Desktop, Tablet, and Mobile viewports. It is worth to point out that when I worked on this project ready-made template for wireframing where not available! Let alone responsive ones. All the grid work and collapsing logic of the columns had to be made from scratch. After that I put together a preliminary feasibility analysis to present to stakeholders, especially my front-end developer colleagues.
After getting all the new structure approved, I moved on developing more hi fidelity screens, the Dashboard and Enrolment screen can be seen below
Dashboard (desktop viewport)
Dashboard (tablet portrait viewport)
Dashboard (mobile viewport)
Enrolment (available on desktop only)