i-PRO Americas Inc Partner Portal Redesign

i-PRO Americas Inc Partner Portal Redesign

i-PRO Americas Inc Partner Portal Redesign

i-PRO Americas Inc Partner Portal Redesign

i-PRO Americas Inc Partner Portal Redesign

Focusing on improving the user experience for their users who have difficulty using the product.

Focusing on improving the user experience for their users who have difficulty using the product.

Focusing on improving the user experience for their users who have difficulty using the product.

Focusing on improving the user experience for their users who have difficulty using the product.

Focusing on improving the user experience for their users who have difficulty using the product.

Background

Background

i-PRO (previously known as Panasonic) is a security technology company that specializes in advanced video surveillance and public safety solutions.

i-PRO (previously known as Panasonic) is a security technology company that specializes in advanced video surveillance and public safety solutions.

My role

My role

UX/UI Design Intern

In a team of a product manager and one design intern we collaborated in reseach, usability and A/B testing, prototyping, and iterating.


UX/UI Design Intern

In a team of a product manager and one design intern we collaborated in reseach, usability and A/B testing, prototyping, and iterating.


UX/UI Design Intern

In a team of a product manager and one design intern we collaborated in reseach, usability and A/B testing, prototyping, and iterating.


UX/UI Design Intern

In a team of a product manager and one design intern we collaborated in reseach, usability and A/B testing, prototyping, and iterating.


UX/UI Design Intern

In a team of a product manager and one design intern we collaborated in reseach, usability and A/B testing, prototyping, and iterating.


Challenge

Challenge

To redesign the partner portal to improve usability, navigation, and clarity.

To redesign the partner portal to improve usability, navigation, and clarity.

Problem

Problem

Why was a redesign needed?

A redesign was initiated after the stakeholders noticed a decline of usage from EZ-2, the partner portal for i-PRO. The UX team was tasked with identifying the cause, which revealed it to be major usability issues and not meeting the user needs.


Why was a redesign needed?

A redesign was initiated after the stakeholders noticed a decline of usage from EZ-2, the partner portal for i-PRO. The UX team was tasked with identifying the cause, which revealed it to be major usability issues and not meeting the user needs.


Why was a redesign needed?

A redesign was initiated after the stakeholders noticed a decline of usage from EZ-2, the partner portal for i-PRO. The UX team was tasked with identifying the cause, which revealed it to be major usability issues and not meeting the user needs.


Why was a redesign needed?

A redesign was initiated after the stakeholders noticed a decline of usage from EZ-2, the partner portal for i-PRO. The UX team was tasked with identifying the cause, which revealed it to be major usability issues and not meeting the user needs.


Why was a redesign needed?

A redesign was initiated after the stakeholders noticed a decline of usage from EZ-2, the partner portal for i-PRO. The UX team was tasked with identifying the cause, which revealed it to be major usability issues and not meeting the user needs.


Redesigning the partner portal

Discover

  • Why is the existing portal experience failing?

  • Focusing on the why, not what

  • How are the users behaving?

Discover

  • Why is the existing portal experience failing?

  • Focusing on the why, not what

  • How are the users behaving?

Discover

  • Why is the existing portal experience failing?

  • Focusing on the why, not what

  • How are the users behaving?

Discover

  • Why is the existing portal experience failing?

  • Focusing on the why, not what

  • How are the users behaving?

Discover

  • Why is the existing portal experience failing?

  • Focusing on the why, not what

  • How are the users behaving?

Define

  • What are we solving?

Define

  • What are we solving?

Define

  • What are we solving?

Define

  • What are we solving?

Define

  • What are we solving?

Develop

  • Refining the experience

Develop

  • Refining the experience

Develop

  • Refining the experience

Develop

  • Refining the experience

Develop

  • Refining the experience

Deliver

  • Finalizing the flow

  • Where do we go next?

Deliver

  • Finalizing the flow

  • Where do we go next?

Deliver

  • Finalizing the flow

  • Where do we go next?

Deliver

  • Finalizing the flow

  • Where do we go next?

Deliver

  • Finalizing the flow

  • Where do we go next?

Discover

Why is the existing portal experience failing?

We identified multiple gaps in the user experience that contributed to the decline in the EZ-2 portal. These inconsistencies made it harder for our partners and users to trust and rely on EZ-2. Below are a few screenshots of the existing experience with real user feedback that helped us identify the most urgent usability and workflow challenges.

Discover

Why is the existing portal experience failing?

We identified multiple gaps in the user experience that contributed to the decline in the EZ-2 portal. These inconsistencies made it harder for our partners and users to trust and rely on EZ-2. Below are a few screenshots of the existing experience with real user feedback that helped us identify the most urgent usability and workflow challenges.

Discover

Why is the existing portal experience failing?

We identified multiple gaps in the user experience that contributed to the decline in the EZ-2 portal. These inconsistencies made it harder for our partners and users to trust and rely on EZ-2. Below are a few screenshots of the existing experience with real user feedback that helped us identify the most urgent usability and workflow challenges.

Discover

Why is the existing portal experience failing?

We identified multiple gaps in the user experience that contributed to the decline in the EZ-2 portal. These inconsistencies made it harder for our partners and users to trust and rely on EZ-2. Below are a few screenshots of the existing experience with real user feedback that helped us identify the most urgent usability and workflow challenges.

Discover

Why is the existing portal experience failing?

We identified multiple gaps in the user experience that contributed to the decline in the EZ-2 portal. These inconsistencies made it harder for our partners and users to trust and rely on EZ-2. Below are a few screenshots of the existing experience with real user feedback that helped us identify the most urgent usability and workflow challenges.

Focusing on why, not the what

Focusing on why, not the what

Why do these issues happen?

  • There were inconsistent information across platforms (EZ-2 vs main i-PRO site) this would lead to loss of trust

  • A lot of product naming issues, users are unable to differentiate similar products

  • Unable to build or manage quotes and licenses easily

  • Documentation is hard to find or easier to use Google

  • EZ-2 has lack of conceptual product overview on how products relate to each other and what the product can do

  • Workflow is too complex for onboarding or training new employees

Why do these issues happen?

  • There were inconsistent information across platforms (EZ-2 vs main i-PRO site) this would lead to loss of trust

  • A lot of product naming issues, users are unable to differentiate similar products

  • Unable to build or manage quotes and licenses easily

  • Documentation is hard to find or easier to use Google

  • EZ-2 has lack of conceptual product overview on how products relate to each other and what the product can do

  • Workflow is too complex for onboarding or training new employees

Why do these issues happen?

  • There were inconsistent information across platforms (EZ-2 vs main i-PRO site) this would lead to loss of trust

  • A lot of product naming issues, users are unable to differentiate similar products

  • Unable to build or manage quotes and licenses easily

  • Documentation is hard to find or easier to use Google

  • EZ-2 has lack of conceptual product overview on how products relate to each other and what the product can do

  • Workflow is too complex for onboarding or training new employees

Why do these issues happen?

  • There were inconsistent information across platforms (EZ-2 vs main i-PRO site) this would lead to loss of trust

  • A lot of product naming issues, users are unable to differentiate similar products

  • Unable to build or manage quotes and licenses easily

  • Documentation is hard to find or easier to use Google

  • EZ-2 has lack of conceptual product overview on how products relate to each other and what the product can do

  • Workflow is too complex for onboarding or training new employees

Why do these issues happen?

  • There were inconsistent information across platforms (EZ-2 vs main i-PRO site) this would lead to loss of trust

  • A lot of product naming issues, users are unable to differentiate similar products

  • Unable to build or manage quotes and licenses easily

  • Documentation is hard to find or easier to use Google

  • EZ-2 has lack of conceptual product overview on how products relate to each other and what the product can do

  • Workflow is too complex for onboarding or training new employees

Why are the partners and users aren't satisfied?

  • Want more visual aids

  • Don’t want to rely on i-PRO employees to do the next task

  • Discontinued products appearing

  • Accessories were sometimes incompatible

Why are the partners and users aren't satisfied?

  • Want more visual aids

  • Don’t want to rely on i-PRO employees to do the next task

  • Discontinued products appearing

  • Accessories were sometimes incompatible

Why are the partners and users aren't satisfied?

  • Want more visual aids

  • Don’t want to rely on i-PRO employees to do the next task

  • Discontinued products appearing

  • Accessories were sometimes incompatible

Why are the partners and users aren't satisfied?

  • Want more visual aids

  • Don’t want to rely on i-PRO employees to do the next task

  • Discontinued products appearing

  • Accessories were sometimes incompatible

Why are the partners and users aren't satisfied?

  • Want more visual aids

  • Don’t want to rely on i-PRO employees to do the next task

  • Discontinued products appearing

  • Accessories were sometimes incompatible

Search product by SKU

Search product by SKU

Search product by SKU

Product search

Product search

Product search

Quick accessories search

Quick accessories search

Quick accessories search

Search product by SKU

Product search

Quick accessories search

Search product by SKU

Product search

Quick accessories search

Most clicked areas from Hotjar

  1. Product search bar

  2. Product drop down

  3. Quick accessories search

Most clicked areas from Hotjar

  1. Product search bar

  2. Product drop down

  3. Quick accessories search

How are the users behaving?

How are the users behaving?

User's interactions were recorded using Hotjar, to understand key interactions and flows.

  • Users frequently clicked areas with dealing with product search

  • Low engagement on features like news, downloads, and adding to quote

  • Users click on areas that they thought were links

User's interactions were recorded using Hotjar, to understand key interactions and flows.

  • Users frequently clicked areas with dealing with product search

  • Low engagement on features like news, downloads, and adding to quote

  • Users click on areas that they thought were links

User's interactions were recorded using Hotjar, to understand key interactions and flows.

  • Users frequently clicked areas with dealing with product search

  • Low engagement on features like news, downloads, and adding to quote

  • Users click on areas that they thought were links

User's interactions were recorded using Hotjar, to understand key interactions and flows.

  • Users frequently clicked areas with dealing with product search

  • Low engagement on features like news, downloads, and adding to quote

  • Users click on areas that they thought were links

User's interactions were recorded using Hotjar, to understand key interactions and flows.

  • Users frequently clicked areas with dealing with product search

  • Low engagement on features like news, downloads, and adding to quote

  • Users click on areas that they thought were links

Who are we up aganist?

Who are we up aganist?

Competitors

What all these competitors have in common are well-designed applications that are user-friendly. Users have less time being frustrated and more time finishing tasks. While we could have better cameras, we still need up update our softwares.

  • Verkada

  • Axis Communications

  • Hanwha

Competitors

What all these competitors have in common are well-designed applications that are user-friendly. Users have less time being frustrated and more time finishing tasks. While we could have better cameras, we still need up update our softwares.

  • Verkada

  • Axis Communications

  • Hanwha

Competitors

What all these competitors have in common are well-designed applications that are user-friendly. Users have less time being frustrated and more time finishing tasks. While we could have better cameras, we still need up update our softwares.

  • Verkada

  • Axis Communications

  • Hanwha

Competitors

What all these competitors have in common are well-designed applications that are user-friendly. Users have less time being frustrated and more time finishing tasks. While we could have better cameras, we still need up update our softwares.

  • Verkada

  • Axis Communications

  • Hanwha

Competitors

What all these competitors have in common are well-designed applications that are user-friendly. Users have less time being frustrated and more time finishing tasks. While we could have better cameras, we still need up update our softwares.

  • Verkada

  • Axis Communications

  • Hanwha

Define

What are we solving?

Based off of our research and user interviews, we identified key challenges that are affecting the user experience.

Define

What are we solving?

Based off of our research and user interviews, we identified key challenges that are affecting the user experience.

Define

What are we solving?

Based off of our research and user interviews, we identified key challenges that are affecting the user experience.

Define

What are we solving?

Based off of our research and user interviews, we identified key challenges that are affecting the user experience.

Define

What are we solving?

Based off of our research and user interviews, we identified key challenges that are affecting the user experience.

How might we streamline the user experience to improve efficiency for both new and experienced users?

Insight

Experienced users are unable to teach new users their tasks because the workflow isn't efficient with the current UI.

How might we streamline the user experience to improve efficiency for both new and experienced users?

Insight

Experienced users are unable to teach new users their tasks because the workflow isn't efficient with the current UI.

How might we streamline the user experience to improve efficiency for both new and experienced users?

Insight

Experienced users are unable to teach new users their tasks because the workflow isn't efficient with the current UI.

How might we streamline the user experience to improve efficiency for both new and experienced users?

Insight

Experienced users are unable to teach new users their tasks because the workflow isn't efficient with the current UI.

How might we streamline the user experience to improve efficiency for both new and experienced users?

Insight

Experienced users are unable to teach new users their tasks because the workflow isn't efficient with the current UI.

How might we simplify the quote building workflow to reduce manual work and confusion?

Insight

Partners finds the process to build a quote tedious and error prone because it requires multiple tools and platforms.

How might we simplify the quote building workflow to reduce manual work and confusion?

Insight

Partners finds the process to build a quote tedious and error prone because it requires multiple tools and platforms.

How might we simplify the quote building workflow to reduce manual work and confusion?

Insight

Partners finds the process to build a quote tedious and error prone because it requires multiple tools and platforms.

How might we simplify the quote building workflow to reduce manual work and confusion?

Insight

Partners finds the process to build a quote tedious and error prone because it requires multiple tools and platforms.

How might we simplify the quote building workflow to reduce manual work and confusion?

Insight

Partners finds the process to build a quote tedious and error prone because it requires multiple tools and platforms.

How might we make it easier to find the right product and information?

Insight

Finding the accurate information becomes difficult because information is scattered and inconsistent.

How might we make it easier to find the right product and information?

Insight

Finding the accurate information becomes difficult because information is scattered and inconsistent.

How might we make it easier to find the right product and information?

Insight

Finding the accurate information becomes difficult because information is scattered and inconsistent.

How might we make it easier to find the right product and information?

Insight

Finding the accurate information becomes difficult because information is scattered and inconsistent.

How might we make it easier to find the right product and information?

Insight

Finding the accurate information becomes difficult because information is scattered and inconsistent.

Develop

Refining the experience

After continues feedback from users, we went through several rounds of iterations. Here are some key iterations that helped identify what worked, what didn't, and move closer to a better experience.

Develop

Refining the experience

After continues feedback from users, we went through several rounds of iterations. Here are some key iterations that helped identify what worked, what didn't, and move closer to a better experience.

Develop

Refining the experience

After continues feedback from users, we went through several rounds of iterations. Here are some key iterations that helped identify what worked, what didn't, and move closer to a better experience.

Develop

Refining the experience

After continues feedback from users, we went through several rounds of iterations. Here are some key iterations that helped identify what worked, what didn't, and move closer to a better experience.

Develop

Refining the experience

After continues feedback from users, we went through several rounds of iterations. Here are some key iterations that helped identify what worked, what didn't, and move closer to a better experience.

Deliver

Finalizing the flow

After multiple iterations and incorporating user and stakeholder feedback, we finalized the prototype flow and submitted it to the developers. This helps the team to begin building the updated experience for layout, flow, and behavior.

Deliver

Finalizing the flow

After multiple iterations and incorporating user and stakeholder feedback, we finalized the prototype flow and submitted it to the developers. This helps the team to begin building the updated experience for layout, flow, and behavior.

Deliver

Finalizing the flow

After multiple iterations and incorporating user and stakeholder feedback, we finalized the prototype flow and submitted it to the developers. This helps the team to begin building the updated experience for layout, flow, and behavior.

Deliver

Finalizing the flow

After multiple iterations and incorporating user and stakeholder feedback, we finalized the prototype flow and submitted it to the developers. This helps the team to begin building the updated experience for layout, flow, and behavior.

Deliver

Finalizing the flow

After multiple iterations and incorporating user and stakeholder feedback, we finalized the prototype flow and submitted it to the developers. This helps the team to begin building the updated experience for layout, flow, and behavior.

Where do we go next?

Where do we go next?

After many iterations, we discovered inconsistencies within the team, this led to the realization that a design system was needed.

I took the initiative to advocate for a design system and pivoted roles to improve team workflows and brand consistency.

After many iterations, we discovered inconsistencies within the team, this led to the realization that a design system was needed.

I took the initiative to advocate for a design system and pivoted roles to improve team workflows and brand consistency.

After many iterations, we discovered inconsistencies within the team, this led to the realization that a design system was needed.

I took the initiative to advocate for a design system and pivoted roles to improve team workflows and brand consistency.

After many iterations, we discovered inconsistencies within the team, this led to the realization that a design system was needed.

I took the initiative to advocate for a design system and pivoted roles to improve team workflows and brand consistency.

After many iterations, we discovered inconsistencies within the team, this led to the realization that a design system was needed.

I took the initiative to advocate for a design system and pivoted roles to improve team workflows and brand consistency.

Reflection

Reflection

If I had more time...

I would have love to redesign other products that i-PRO has to offer. Their cameras are amazing and I wish the customers are able to see that but with problematic software that doesn't take into consideration of their users, it's difficult for that to happen.

If I had more time...

I would have love to redesign other products that i-PRO has to offer. Their cameras are amazing and I wish the customers are able to see that but with problematic software that doesn't take into consideration of their users, it's difficult for that to happen.

If I had more time...

I would have love to redesign other products that i-PRO has to offer. Their cameras are amazing and I wish the customers are able to see that but with problematic software that doesn't take into consideration of their users, it's difficult for that to happen.

If I had more time...

I would have love to redesign other products that i-PRO has to offer. Their cameras are amazing and I wish the customers are able to see that but with problematic software that doesn't take into consideration of their users, it's difficult for that to happen.

If I had more time...

I would have love to redesign other products that i-PRO has to offer. Their cameras are amazing and I wish the customers are able to see that but with problematic software that doesn't take into consideration of their users, it's difficult for that to happen.

Key learnings & takeaways

This was my first real world UX design role after my bootcamp and I learned so much from it. It allowed me to understand the importance of usability testing and iterating. We never get the product right in the first try and there's so much information that the user has to offer for us.

Key learnings & takeaways

This was my first real world UX design role after my bootcamp and I learned so much from it. It allowed me to understand the importance of usability testing and iterating. We never get the product right in the first try and there's so much information that the user has to offer for us.

Key learnings & takeaways

This was my first real world UX design role after my bootcamp and I learned so much from it. It allowed me to understand the importance of usability testing and iterating. We never get the product right in the first try and there's so much information that the user has to offer for us.

Key learnings & takeaways

This was my first real world UX design role after my bootcamp and I learned so much from it. It allowed me to understand the importance of usability testing and iterating. We never get the product right in the first try and there's so much information that the user has to offer for us.

Key learnings & takeaways

This was my first real world UX design role after my bootcamp and I learned so much from it. It allowed me to understand the importance of usability testing and iterating. We never get the product right in the first try and there's so much information that the user has to offer for us.