Abramad customer portal
About Abramad
Abramad Technological Infrastructure Development Company is one of System Group's subsidiaries, which focuses on facilitating access to information technology for businesses by developing products and providing cloud computing services that are managed, accessible, affordable, customer-centric, and user-friendly.
About the project
The main objective was to allow customers to view their account information, check their consumption, and recharge their account. In addition, Abramad wanted its customers to be informed about all its services, have quick access to the features, and be encouraged to update their account and purchase additional services.
The duration of the work on this project was from April 2020 to October 2020.
About the team & my role
This project was conducted in collaboration with System Group's development and design departments, including product managers, strategists, developers, researchers, interaction designers, and visual designers.
On this project, I was part of the UX team involved in designing the interactions and structure of the product. I was also responsible for designing the interface of all the pages of the portal.
Design process
In the design team, we had some meetings with the product owners to learn about their requirements. We also had contact with some customers and conducted interviews with them. We collected all the information from the research phase to get a clear statement about the problem. The main issue was that customers took a long time to reach out to customer service and inquire about the status of their subscription. To address this need, after brainstorming and ideation workshops, we proposed the development and implementation of a customer portal where customers can have their personal account with specific reports.
Wireframes
Design library
Software user interface
Accessibility considerations
The first page lists the different services
A diagram in the dashboard displays their consumption
It has been designed as a responsive website, for different devices and screen sizes, including desktop, mobile and tablet.
UI considerations
The consistent visual design integrates all pages of the platform in components, color, font and icons
The visual identity of the Abramad brand is represented in The product design system
Used software
Figma
Adobe illustratore
Responsive dashboard design for different screen sizes
