PB Tech is New Zealand’s largest computing and I.T. retailer, offering the best prices on a wide range of technology products. The company’s aim is simple – to be a one-stop computing and I.T. e-commerce platform by helping the customers to easily search for the products they want to better help with their I.T solution.
Two years after the COVID-19 lockdown, D. and A., social enterprise owners who run a tech training provider, have decided to hire more staff members to better assist the growing number of learners during the reopening. They used the PB Tech website for the purchase and delivery of new laptops (about 10 – 15 units) for their staff.
2 UX/UI Designers
1 Dev
1 Product owner
Design Thinking
User flows
Wireframes
Prototype
Design System / Ui
Testing
Background: PB Tech website does not curate a refined search for purchasing businesses or professionals.
Impact of the problem: This makes business customer's task more laborious, as search results are spoiled by irrelevant products - the user is often overwhelmed, and their purchasing decision is delayed; this might abort the user from buying which leads online sales loss for PB Tech.
Background: PB tech site is allowing bulk quote of laptops, this leads to the "contact us" enquiry page first to obtain a quote for each product; the same process apply for users going through the PB tech business path, which goes through registry request.
This is a problem because businesses needing to buy laptops in bulk units do not have the luxury of time for a delayed purchase process which could lead to motivation loss and complete deterrence off the site.
As a business owner who is looking to purchase 10-15 laptop units for his staff
and then purchase the appropriate laptops for my business and staff.
As a business owner who is looking to purchase laptop units in bulk order for his staff
So that I can save valuable time and be able to decide on the product which is priced at our budget and complete my purchase
As a business owner who is looking to purchase 10-15 laptop units for his staff
and then purchase the appropriate laptops for my business and staff.
As a business owner who is looking to purchase laptop units in bulk order for his staff
So that I can save valuable time and be able to decide on the product which is priced at our budget and complete my purchase
Prototype 2
Prototype 2
From current website experience we tracked the current CJM state of the website’s laptop page and business and bulk buying process.
From this optimised User flows, we projected a future user flow.
From current website experience we tracked the current CJM state of the website’s laptop page and business and bulk buying process.
From this optimised User flows, we projected a future user flow.
We Based our design System on the current PB Tech style, font and colour palette.
Using prototype 1,
Given the scenarios, we witnessed how USERS interacted with the filters, buttons and information along the journey.TESTERS hesitated between Education and IT as a field of expertise, we needed to brief them to play the role of our customer.
We produced prototype 2 from testing feedbacks and started to proof the design for responsiveness for mobile screens.
We walked our developer and UI mobile designer through the prototype - using Zeplin we export the CSS and HTML from our Figma prototype 2 file.
They tell us “HOW they want to use their product for ” (we filter) so we can find the closest product for them..
We want an easy and interactive filtering that engages the individual user when searching online.
Use User flows to proof solution by applying it on other entries
Centring UX on real customer usage instead of product features is more user friendly.
Centring search on customer usage gives more direction and leads to better search process
