Johannesburg Stock Exchange UX and Web Design

Johannesburg Stock Exchange UX and UI Design

User journeys, low fidelity wireframes and user interface design based on the user experience research findings while adhering to the JSE's business requirements.

Overview

The Johannesburg Stock Exchange approached Rogerwilco in the beginning of 2018 to help them conduct a complete rebuild of their website, to improve all aspects of the site. Enhancing the user journey of each specific persona, serving the right content to the right user and improving the overall website's look and feel.

  • Year: 2018
  • Agency: Rogerwilco
  • Scope: User Journeys, Wireframes and UI Design
  • Tools: Illustrator, XD, Photoshop

User Journeys

The website, at that time, was only targeted towards knowledgable visitors already familiar with stocks and the JSE noted that many potential visitors were intimidated by, first off, the idea of the stock market, and secondly, navigating through their website as there was no clear journey to follow as a beginner.

My job was to take our team's research and rework their content architecture, come up with a complete new navigation structure and map out the user journeys to help serve the correct content based on the user type.

Johannesburg Stock Exchange UX and Web Design

Wireframes

Next, I would need to carefully mockup wireframes depicting our findings as well as show the content architecture in an easy-to-digest manner. As there are many stakeholders at the JSE this process probably took the longest and many alterations were made until we came to the perfect middle-ground where everyone was happy.

Johannesburg Stock Exchange UX and Web Design Johannesburg Stock Exchange UX and Web Design
Johannesburg Stock Exchange UX and Web Design Johannesburg Stock Exchange UX and Web Design

Design

Anyone reading this would know how well the JSE would look on his/her portfolio but at this time I was not a dedicated designer at Rogerwilco and this opportunity was about to slip through my fingers. Fortunately for me our Managing Director wanted to really make the client happy by providing not only one, but three web design concepts.

Once again I pleaded my case and got an opportunity to do a home page design concept.

Johannesburg Stock Exchange UX and Web Design

Results

Although I was pleased with my concept, the client chose an alternate option. This wasn’t going to break me as I was still one of the main ux resources and seeing that I was so much involved with the whole project, I continued to guide the designer of the “winning” concept to work within the boundaries of a css grid system and to keep the consistency of components, typography and structure throughout the whole site.

I loved working on a project from conception to completion, especially projects of this scale and I learnt a lot working alongside the Johannesburg Stock Exchange.

Johannesburg Stock Exchange UX and Web Design