•  
  •  
  •  
  •  
  •  

© COPYWRITE 2019 BY JAIRO RAZO

× TWITTER
× ELLO
× INSTAGRAM
× LINKEDIN


The Petrozone Portal

The Portal manages and handles both customer facing needs and internal facing needs for the P97. At it's core, the Portal provides robust support to display and manage site systems and site status, enables configuration for site and tenant payment integrations with payment processors and is location to set up of the digital offers that display within the white label mobile application.

State of Transition

Portal 4.0 was built while the existing Portal 3.0 was in operation. Porting V3 into the updated V4 design system required a larger development effort that was in need of: 1) Evaluation and auditing of existing functionality 2) Evaluation of user accessibility 3) Customer & Employee feedback

From this information, the focus on completing the portal to reach a modular product offering that would create a value for the different audiences of the portal.

Leveraging Existing Assets

By leveraging an existing design system and adding new componants to the existing GEL libary, the V4 Portal was updated to be useable for all customers. Reinforcing and evolving the established page templates invovled creating the missing content/functionality and adding multiple layers of typographic heirarchy to ensure legible web pages.

Tier one customer support users required a more robust method of navigating the portal, so pagination was updated and Advanced Search was added to allow quick access to relevent site information and transaction information. Eventually, Full evaluation filters were created to enable filtering through multiple operators, depeciating the existing filters and empowering support and marketing users even further.

Customer and Employee Satisifaction

Customer and employee buy in included, sit down conversations withs both internal team leads and weekly meetings with customers on the pressure points of the product. Across the board, the majority of Portal users complained about loading times and speed of the portal. By implementing lazy loading ng modules within our Angular code, we increased the speed of the by 3x and increased adoption rate. Through feedback from developers, we came to the concusion that the existin code base required updating in order to onboard developers faster and allow for more efficent development time. As a result, we committed two sprints to aligning the Angular codebase to be the same version and increased the speed of development as wells as the developer moral.

Blitzscale support

In addition to the existing customer commitments, the direction of the these resulted in a portal that was prepared to support the company's approach to blitzscaling and reach a large volume of mobile app users throug the 2019 year.