top of page

Orange Partner Portal

Project | 08

Synopsis

The Orange Partner Portal serves to provide information and insight into the Orange digital ecosystem. The portal markets Orange B2B solutions which leverage their expertise as a network provider and digital services company.

The initial purpose of the project was to rejuvenate the dated branding on the Orange Partner Portal and breath new life into the dated content and reduce redundant bloat and long tail of unnecessary content. 

As the lead designer on the project, my initial task was to gain a deeper understanding of what the Orange Partner portal marketing team wanted to achieve from a portal redesign. With a series of workshops and meetings business requirements were discussed and captured for the key areas that were needed on the site. During the sessions I took note of the business requirements and translated them into potential design requirements and made a quick note of the effort required. I used these notes to create a UX design roadmap.

 

Whilst liaising with the stakeholders, It was also necessary from a UX perspective to conduct an in depth audit of the portals current content and build out a site taxonomy. This served to gain a macro view of the content and aid my understanding and familiarise myself with the existing navigation and content, it was also used in workshops to highlight what was valuable to keep and what wasn't.

To efficiently gauge project effort and timescales, I created an excel sheet with the design requirements and effort required and shared it as a working document with the team. For each phase and against each requirement I ensured that the marketing team signed off on the spreadsheet once all extended stakeholders were happy with the content. 

In the design delivery process, I used Axure to create key wireframes, so later, if required I could make the user journeys clickable and also demonstrate how it would work on laptop, tablet or mobile platforms.

Once the key screens were approved I added low fidelity branding to the screens for user testing and gave access to stakeholders so they could showcase the progress via their devices.

As user journeys were signed off and branding approved, I handed the Axure in the form of HTML to the developers for implementation which was done using a grid system in Bootstrap, all my designs adhered to the grid system in order for the development team to efficiently build out screens.

Susan-Jean-Robertson-RWD.png
Design Process

Workshops
User Testing (30 participants)
Project/time management

Design Deliverables

Concept sketches
Wireframes

Clickable and responsive demo 
Identity design
Asset delivery
HTML (from Axure)

Site Taxonomy
SITE_TAXONOMY_180914.png
Wireframe Sample
wires.PNG
Visual Design & Prototype
Capture2.PNG
Capture1.PNG
Capture4.PNG
Capture3.PNG
Capture7.PNG
Capture8.PNG
Data-detail.PNG
Data-detail-2.PNG
bottom of page