QBert 2.0
HPE is a business-focused organization with two divisions: Enterprise Group, which works in servers, storage, networking, consulting and support, and Financial Services.
QBert (Quotation Based Evaluation Reporting Tool) is used by HPE Server, Storage, and Networking suppliers and HPE owners for quotation to have a systematic evaluation and validation on product/component cost and quantity. QBert 2.0 will be the next-generation quotation tool as part of the business transformation, specifically on the manufacturing deployment change which in turn changes the quotation reviewing process and QBert system structure. QBert 2.0 will be extracting data source from other systems for cost and BOM(Bill Of Material) quantity and will be submitting final approved quote to SAP. QBert 2.0 also serves as an application for finance to utilize all approved quotes with certain information from cost system and ERP for rebate.
User observations were consolidated and in order to get the idea about our target users we came up with user Personas. This process gave better room to understand the target users, their day to day activities and the features they use the most.
By now, since we had a chance to talk to Business as well as users, we considered user requirement with business value and established the project goal.
Ideate
After establishing the Project goals, we started out listing the features for QBert 2.0. Some of the listed features are as below.
From the legacy application features, users and business requirements Qwinix team created user flows. The process of creating user flow also gave an exposure to how exactly the user is using the system and area for improvement.
This time for creating the blueprint of our design, we decided to try out new tool. So, we selected to create our IA using Workflowy. Below are some of the pictures from our Workflowy:
For the user flows created, we came up with the the use cases and stories.
Design
Our team has created low fidelity wireframes using sketch. Since the system and its screen designs were too huge, client came back saying they would like to save some time by going into high fidelity designs. Below are few of the low fidelity screen design files.
HPE uses personalized Grommet as its design system. Grommet (Story Book) is a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package. So from branding perspective we haven't put much effort apart from creating our own symbol library for the design.
We did high fidelity prototype using Sketch. From low fidelity design to high fidelity design there was so many feedbacks/changes, we have incorporated into our design.
We created prototype of this project using Invision. It had three different types of user flow namely, Admin, SPM and Suppliers.
Our team conducted usability for several scenarios and tested on users. Development for this project is completed by Qwinix team and live with the HPE users now.