About:
Avast Business Hub protects the devices of small businesses from one cloud console. This project covers the move from a retired antivirus licence to the new Business Security packages, and the flow that brings mobile protection to employees.
Category:
UX/UI design
Client:
Avast
Year:
10/2021 – 11/2022
Location:
Prague, Czech Republic
Design framework:
User-centred design
Tools:
Figma
The problem:
Legacy licences were being retired, and the new packages added Mobile Protection for phones the Hub itself cannot manage.
Goal:
Make renewal feel like a renewal, and give admins a simple, honest way to get protection onto employee phones.
My role:
UX designer: flows, wireframes, prototypes and UI, iterated with product owners, researchers and UX copywriters.
Methods:
•
Flow mapping
•
Wireframing
•
Prototyping
•
Usability testing
•
UX writing
Context
Avast Business Hub is the cloud console where IT admins and managed service providers protect the devices of small businesses. I worked on it as a UX designer from October 2021 to November 2022.
/01
The subscription page
Legacy Antivirus Pro licences were being retired and replaced by three new Business Security packages. Admins landed on an expired subscription with a generic Renew button, a banner about new solutions and a list of add-ons, with nothing telling them how the old product related to the new ones.
/02
The job behind “Renew”
An admin renewing a licence wants one thing: keep every device protected without buying something new or redeploying anything.
The new packages added Mobile Protection, but the Hub cannot manage phones. That gave us two problems to solve in one flow: choosing the right package with confidence, and getting protection onto employee phones the console cannot see.
Renewal
Make the move to the new packages feel like a renewal, not a new purchase.
/01
Compare against what you already have
The renewal dialog compares the admin's current solution with Premium and Ultimate side by side, row by row. A “Same price, more value” label marks the like-for-like option, a note confirms that devices transfer automatically, and rows such as Mobile Protection or Removable Media Protection expand to explain what they actually do.
/02
A confirmation that matches the decision
Checkout happens with the authorised reseller, so the order confirmation email repeats the order ID, the date and the reseller, and points back to subscription management. Nothing in it should make the admin wonder whether they bought the right thing.
/03
Back in the Hub
After renewal the subscription card shows Premium Business Security with Mobile Protection for 250 devices, an Add device link and a short note explaining the mobile allowance. That link is the entry point to the mobile flow.
Mobile protection
The Hub cannot manage phones, so the design had to hand over to the employee without losing them on the way.
/01
Three ways to add a phone
The Add mobile device dialog is honest up front: mobile devices cannot be managed in the Hub at this time. It then offers three routes that cover how admins actually work: send an activation email, open the instructions, or copy an activation code to share any other way.
/02
An email the employee can act on
The employee receives a branded email that says who gave them access and offers exactly two buttons, Android or iOS. No login, no portal, no decision they are not equipped to make.
/03
Step-by-step install guide
Each button opens a short guide: open the store, install, tap Already purchased, choose Use an activation code, paste the code. Every step shows the real screen with the tap highlighted, and the activation code sits in a tap-to-copy field right where it is needed.
Outcome
One continuous flow from renewal to a protected phone.
/01
No dead ends
Renewal, the Add device entry point, the activation email and the install guide now connect into a single path. Every screen answers the next question before it is asked, for the admin in the Hub and for the employee on their phone.
/02
What I learned
Designing around a system limitation works best when you say it plainly and move the work to where it can actually be done: here, from the admin's console to the employee's phone.
Copy carried as much weight as layout. User testing fed every iteration, together with product owners, researchers and UX copywriters.
© More works
(WDX®)
digital design
© help centre
(WDX)
clarification
Let’s talk