Hi, I'm Andrew

I am passionate about graphic design and art and love creating visual projects that challenge my creativity. I am always trying to create a new world.

OPRIX

Call Center
UX/UI Design
.
2022-2023

OPRIX

Call Center
UX/UI Design
.
2022-2023

About the Project

Oprix is an innovative call center management solution developed using Flutter and Golang. Designed as a modern alternative to traditional operator panels, Oprix offers a seamless, efficient, and user-friendly experience for call center operators and managers alike. Oprix revolutionizes call center management with its sleek, user-friendly interface designed for maximum efficiency and clarity. Our innovative panel provides a comprehensive overview of your entire operation at a glance.

About the Project

Information overload: Too much data displayed at once, making it hard to focus.
Complex navigation: Agents juggle between multiple systems and windows.
Slow access to key functions: Routine tasks like transferring calls or updating tickets require multiple steps, increasing call duration.

About the Project

Unified workspace that integrates CRM and communication. It displays prioritized customer information with quick action buttons for efficient task handling. A user-friendly interface is very helpful because we find that most call centers around the world don't have a good user interface.

Design Thinking

👩🏻‍🦰

Empathise

User Interview

User Research

Competitive Analysis

🔍

Define

Personas

Journey Map

Empathy Map

💡

Ideate

User Flow

Card Sorting

Information Architecture

🎨

Design

Wireframes

Visual Design

🧪

Test

Usability Testing

Implementing Feedback

👩🏻‍🦰

Empathise

User Interview

User Research

Competitive Analysis

🔍

Define

Personas

Journey Map

Empathy Map

💡

Ideate

User Flow

Card Sorting

Information Architecture

🎨

Design

Wireframes

Visual Design

🧪

Test

Usability Testing

Implementing Feedback

Research

User Persona

User Flow

UI/UX Design

Wireframe

"A small part of the project related to education"

User Info

Performance

Directory

Voice Mail

Call History

Conference

Anfield Road

Abby Maitland

107308722980

536

Jenny Wilson

107308722980

332

Esther Howard

107308722980

3452

Robert Fox

107308722980

998

More Play System

Jacob Jones

107308722980

1344

Leslie Alexander

107308722980

12654

User Info

Performance

Directory

Voice Mail

Call History

Conference

Anfield Road

Abby Maitland

107308722980

536

Jenny Wilson

107308722980

332

Esther Howard

107308722980

3452

Robert Fox

107308722980

998

More Play System

Jacob Jones

107308722980

1344

Leslie Alexander

107308722980

12654

User Info

Performance

Directory

Voice Mail

Call History

Conference

Anfield Road

Abby Maitland

107308722980

536

Jenny Wilson

107308722980

332

Esther Howard

107308722980

3452

Robert Fox

107308722980

998

More Play System

Jacob Jones

107308722980

1344

Leslie Alexander

107308722980

12654

Project Time

I designed the OPRIX call center interface using the Vector Design System to create a clean, consistent UI that helps agents work more efficiently, handle tasks faster, and provide better customer support.

1 Month

2 Month

3 Month

4 Month

Strategy
Research
UX
UI Design

User Research

To ensure the design of BLUE AQUA met user needs and preferences, we conducted a comprehensive user research process. This process included the following steps:

🎩 1. Stakeholder Interviews:

• Collaborated with the CEO, Head of Product, and Marketing Director to align on business goals.


• Emphasis was placed on simplicity, cultural relevance, and accessibility for the Omani market.

📋 2. User Surveys:

• Surveyed 47 VoIP users to identify common pain points and feature requests.


• Key insights: 62% found call routing confusing, 78% wanted drag-and-drop call control, and 39% cited a steep learning curve.

🕹️ 3. Usability Testing:

• Tested a mid-fidelity prototype with 6 participants to assess task flows.


• Most users struggled to locate call transfer at first, but found the drag-and-drop feature intuitive once discovered.

👥 4. Focus Groups:

• Conducted two sessions with support agents and IT admins.


• Agents prioritized simplicity; admins requested deeper control and customizable dashboards.

📊 5. Analysis and Implementation:

• Created two personas: Cathy (agent – speed & ease) and Alex (admin – control & insight).


• Key themes: usability, visibility, and flexibility across roles.

Interview Question

Can you describe how you currently manage incoming and outgoing calls at work?
Have you ever used a VoIP switchboard interface? If not, what would you expect from one?
What tools or systems do you use for call routing or managing call queues?
If you could design the ideal dashboard for handling calls, what would it include?
What challenges do you face when trying to transfer or assign calls?
How do you currently set up voicemails, out-of-office routing, or emergency call handling?
How do you know if your colleagues are available to take a call?
What do you wish your current call system could do better?-

User Journey Map

Stage

Touch points

Activities

Pain Points

Feelings

Awareness

Consideration

Decision

Purchase

• LinkedIn
• Google Search
• Local News Websites

• Comparison pages
• demo
• email

• Pricing page
• final demo
• live chat

• Welcome emails
• guides
• support

• Searches for Call Center solutions online.
• Reads local news articles about Call Center.
Sees recommendations on LinkedIn.

• Compares OPRIX with others,
• downloads trial

• Confirms pricing
• checks with team
• subscribes

• Sets up team
• follows tutorials
• uses features

• Overwhelmed by options.
ٖ• Difficulty finding Oman-specific solutions.

• Confusion about pricing and features

• Fear of buyer’s remorse

• Difficulty understanding all features

🤔 Curious
😓 Overwhelmed

🧐 Is this better than Nextiva Product?

😎 This looks like a
good fit, hope it's easy to implement.

🙂 I hope this works smoothly for my team.

Empathy Map

Says

Says

• "I need a VOIP service that's reliable and easy to set up."

• "The service must be affordable and provide good value."

• "It should integrate smoothly with our existing systems."

Thinks

Thinks

• ."Why is this process so complicated."?

• "I hope I get a quick resolution today."

• "Will they understand my issue?"

• "Is there a better way to handle this?"

• "I don't want to repeat my information multiple times."

Does

Does

• Makes a Call: Initiates a call to the OPRIX call center for assistance.

• Navigates IVR: Uses the Interactive Voice Response system to find the right department.

• Provides Information: Shares personal and account details for verification.

• Follows Instructions: Listens to and follows the representative's guidance.

Feels

Feels

• Frustrated: Due to long wait times or repeated information requests.

• Anxious: Worries about resolving important issues promptly.

• Hopeful: Believes that the call center can help solve their problem.

• Impatient: Wants a quick and efficient resolution without unnecessary delays.

Relieved: When their issue is successfully resolved or when they receive helpful assistance.

Design

The OPRIX Vector Design System makes the call center UI simple and easy to use. With consistent components and a clean layout, agents can find what they need quickly and get tasks done faster, improving both efficiency and their overall experience.

🧶

Colour

FFFFFF

494AD6

7E7FF8

B8B9FB

FFA27F

80BCBD

C2D9FF

E24639

EDF0F7

E3E5E7

DEDEDF

A5A8AB

85858A

6E6F71

4A4B4D

444447

🅰

Font & Typography

Inter

Regular

Semi Bold

Extra Bold

10

12

14

16

20

24

28

32

40

48

80

🧩

Elements

The Final Design

The Final Design

The example of UI frames was a lot, so I included some of them.

The example of UI frames was a lot, so I included some of them.

Copyright © 2024 Andrew Pryab. All rights reserved.