MyJeeneeMobile Online Customer Portal

MJM mockup responsive

Project Summary

The existing customer portal site was looking outdated and the UI didn't easily allow for the addition of new features, which management were keen to add.

I was tasked with the massive job of revamping the portal, organising all the online account management features in a way that would make sense to users, and redesigning the UI to match the new Jeenee Mobile brand identity.

The existing portal was built using AngularJS, and the code was fairly solid. We decided to work around the existing code rather than start from scratch. This caused a few issues when the new design clashed with the way the existing code was written, but I believe overall we came out ahead.

My Tasks

  • Analyse and evaluate the existing portal design
  • Revise the UX design to be more intuitive, with space for new planned features, with room for future expansion
  • Create UI mockups for approval by management
  • Write new CSS and edit existing AngularJS code
  • Oversee testing and implementation
Initial sketches

Initial sketches

Mockup

Mockup

Invision page

Invision page

Screens mockup

Screens mockup

Log in page

Log in page

Dashboard

Dashboard

Account page

Account page

Responsive Mockup

Responsive Mockup

Down for maintenance page

Down for maintenance page

Helpful SIM card illustrations

Helpful SIM card illustrations