Project Overview

 

Background

F5, Inc. is an American technology company specializing in application security, multi-cloud management, online fraud prevention, application delivery networking, application availability & performance, network security, and access & authorization.

Problem

F5 Communication center in its current state is fragmented and inconsistent which causes a lot of friction for users who are trying to manage their communication subscriptions.

Scope: Responsive Design

Skills & Tools: Figma, UI Design, UX Design

Role: Lead UX Designer

Define

Project goal

  • A frictionless experience for managing communication preference and unsubscribing from communications

  • Maximize opt-ins and marketability while staying compliant with privacy laws

  • Decrease loss of subscription by delivering multiple communication options

  • Improve agility to quickly make changes in the experience to meet evolving business needs

  • Improve monitoring effectiveness to track marketability

Ideate

Current state

Low-fi Wireframes

Mid-Fi Wireframes

Take away

From the beginning, we learned the journey map and the customer flows of how 3 types of customers are to navigate and experience managing their communication subscriptions. We then use that information and past research to craft a user-focused communication center.

  • Because F5 attracts a lot of users, there are many different types of users among F5 customers and partners. When thinking about email communications, F5 wants to be able to curate the information that suits each type of customers. Therefore, we created a dynamic flow for non-customers, customers, and partners.

  • We introduced icons and logos to help customers differentiate the communications they may be interested in subscribing. We also make the unsubscription flow easier for users by introducing vanishing feature when “unsubscribe from all” is selected.

  • We presented a few UI design for checkmarks and toggles. The selected set of toggles and checkmarks are being implemented in the design throughout.

  • We made a distinction between each subscription by putting them in different cards and organized them by the type of users they are. For example, customers will only see the customer communications and not partners communications. The same with partners, they will not be able to see the customer communications because it is nor relevant to them. This will help users make an informed decision and not overwhelmed when presented with options.

Testimonial

“Thanks for systematically working through several iterations of these page designs. The final version looks great, and we are excited for the dev team to put the experience together and launch it for our customers’ use. We really appreciate the best practices and usability inputs you shared with us. They are highly valuable for MVP and beyond. Thank you again for all the hard work to get us over the finish line!” - F5 team

UNDER DEVELOPMENT

UNDER DEVELOPMENT

F5 Communications Center is under development. Stay tuned for a live version on F5.com