Contact

/ glow-up

Glow up time!

Glow up time!

tag : desktop/mobile/website

company : Niagahoster

date : 2021

roles : UX Designer

timeline : 3 weeks

Contributor : Sasongko Budhi R(UI Designer) & Matias Sri Aditya(UX Writer)

Contributor : Sasongko Budhi R(UI Designer) & Matias Sri Aditya (UX Writer)

context

Reza Radityo is a product

Reza Radityo is a product

Niagahoster DIY serves the purpose of allowing users to create their own websites. Users can also use Niagahoster's services to have their website created for them. Despite our grand intentions for the product, we have not yet achieved the desired results.


At the end of the day, having an intention without taking action is a pointless endeavor.

Challenge

Challenge

Challenge

Challenge

Our bounce rate is high. When I say high, I mean it gets as high as it can. With an average bounce rate of 61.59%, it's clear to say that changes are needed.

✱ How can we reduce the bounce rate and bring something fresh to our sites?

✱ How can we reduce the bounce rate and bring something fresh to our sites?

✱ How can we reduce the bounce rate and bring something fresh to our sites?

✱ How can we reduce the bounce rate and bring something fresh to our sites?

Approach

Approach

Approach

Approach

These are a few approaches we took to tackle the challenges above:

These are a few approaches we took to tackle the challenges above:

These are a few approaches we took to tackle the challenges above:

These are a few approaches we took to tackle the challenges above:

Workshop

Workshop

Workshop

Workshop

We will conduct a workshop with stakeholders to identify initiatives and requirements to face the challenges. After the workshop, we will prioritize actions to enhance the product, aiming to create a better improvement.

We will conduct a workshop with stakeholders to identify initiatives and requirements to face the challenges. After the workshop, we will prioritize actions to enhance the product, aiming to create a better improvement.

We will conduct a workshop with stakeholders to identify initiatives and requirements to face the challenges. After the workshop, we will prioritize actions to enhance the product, aiming to create a better improvement.

We will conduct a workshop with stakeholders to identify initiatives and requirements to face the challenges. After the workshop, we will prioritize actions to enhance the product, aiming to create a better improvement.

Prioritization

Prioritization

Prioritization

Prioritization

During the workshop, we carefully evaluated and prioritized several key areas that we believe will help us on our journey to improve the entire pre-purchase and post-purchase customer experience.

During the workshop, we carefully evaluated and prioritized several key areas that we believe will help us on our journey to improve the entire pre-purchase and post-purchase customer experience.

During the workshop, we carefully evaluated and prioritized several key areas that we believe will help us on our journey to improve the entire pre-purchase and post-purchase customer experience.

During the workshop, we carefully evaluated and prioritized several key areas that we believe will help us on our journey to improve the entire pre-purchase and post-purchase customer experience.

Design and Prototype

Design and Prototype

Design and Prototype

Design and Prototype

With the requirements gathered, we began exploring the product through design, turning the old appearance into a fresher look with better information architecture. This section of the work will heavily focus on the pre-purchase journey.

With the requirements gathered, we began exploring the product through design, turning the old appearance into a fresher look with better information architecture. This section of the work will heavily focus on the pre-purchase journey.

With the requirements gathered, we began exploring the product through design, turning the old appearance into a fresher look with better information architecture. This section of the work will heavily focus on the pre-purchase journey.

With the requirements gathered, we began exploring the product through design, turning the old appearance into a fresher look with better information architecture. This section of the work will heavily focus on the pre-purchase journey.

Workshop & Prioritization

Workshop & Prioritization

Workshop & Prioritization

Workshop & Prioritization

During the workshop, we identified a few things to keep and a few to implement. These will become our main scope to help us improve our overall product and answer the challenges

During the workshop, we identified a few things to keep and a few to implement. These will become our main scope to help us improve our overall product and answer the challenges

During the workshop, we identified a few things to keep and a few to implement. These will become our main scope to help us improve our overall product and answer the challenges

During the workshop, we identified a few things to keep and a few to implement. These will become our main scope to help us improve our overall product and answer the challenges

Things to keep

Things to keep

Things to keep

Things to keep

Better prices options, 24/7 Support on website developments, Free maintenance, Integration to WordPress & Marketplace.

Better prices options, 24/7 Support on website developments, Free maintenance, Integration to WordPress & Marketplace.

Better prices options, 24/7 Support on website developments, Free maintenance, Integration to WordPress & Marketplace.

Better prices options, 24/7 Support on website developments, Free maintenance, Integration to WordPress & Marketplace.

Things to Implement

Things to Implement

Things to Implement

Things to Implement

  • Pre-Purchase : Explaining the process of creating the website, Themes/template options for the user, Form to help the user fill in the brief for their desired website.

  • Post-Purchase : Quotation that explains the development of the website to the user if they choose to use the Niagashoter services, Add-on Services: SEO, Maintenance & Improvements, Ads Management, and the ability to see the progress of the website being made.

Design & Prototype

Design & Prototype

Design & Prototype

Design & Prototype

The design process will work within the scope provided by the workshop results, allowing us to keep our explorations concise and aligned with the challenges. Below are some of the proposed design solutions that address these challenges.

The design process will work within the scope provided by the workshop results, allowing us to keep our explorations concise and aligned with the challenges. Below are some of the proposed design solutions that address these challenges.

The design process will work within the scope provided by the workshop results, allowing us to keep our explorations concise and aligned with the challenges. Below are some of the proposed design solutions that address these challenges.

The design process will work within the scope provided by the workshop results, allowing us to keep our explorations concise and aligned with the challenges. Below are some of the proposed design solutions that address these challenges.

Explaining the process of creating the website

Explaining the process of creating the website

Explaining the process of creating the website

Explaining the process of creating the website

Users will be provided with an overview and step-by-step guidance on how their website will be created. By doing so, we aim to offer a better understanding of the process that takes place within Niagahoster DIY.

Users will be provided with an overview and step-by-step guidance on how their website will be created. By doing so, we aim to offer a better understanding of the process that takes place within Niagahoster DIY.

Users will be provided with an overview and step-by-step guidance on how their website will be created. By doing so, we aim to offer a better understanding of the process that takes place within Niagahoster DIY.

Users will be provided with an overview and step-by-step guidance on how their website will be created. By doing so, we aim to offer a better understanding of the process that takes place within Niagahoster DIY.

Themes/Templates options for the user

Themes/Templates options for the user

Themes/Templates options for the user

Themes/Templates options for the user

We provide a variety of themes/templates for users to choose from so that they don't have to start their projects with a blank canvas. By offering pre-made themes/templates that can be tailored to their needs, users can jumpstart their projects with ease.

We provide a variety of themes/templates for users to choose from so that they don't have to start their projects with a blank canvas. By offering pre-made themes/templates that can be tailored to their needs, users can jumpstart their projects with ease.

We provide a variety of themes/templates for users to choose from so that they don't have to start their projects with a blank canvas. By offering pre-made themes/templates that can be tailored to their needs, users can jumpstart their projects with ease.

We provide a variety of themes/templates for users to choose from so that they don't have to start their projects with a blank canvas. By offering pre-made themes/templates that can be tailored to their needs, users can jumpstart their projects with ease.

Form to help the user make a brief for their desired website

Form to help the user make a brief for their desired website

Form to help the user make a brief for their desired website

Form to help the user make a brief for their desired website

If the user chooses to have their website created by Niagahoster, they will be provided with a form to fill in the details of their desired website.

If the user chooses to have their website created by Niagahoster, they will be provided with a form to fill in the details of their desired website.

If the user chooses to have their website created by Niagahoster, they will be provided with a form to fill in the details of their desired website.

If the user chooses to have their website created by Niagahoster, they will be provided with a form to fill in the details of their desired website.

Impact & Summary

Impact & Summary

Impact & Summary

Impact & Summary

We are thrilled with how our live websites turned out. During the first few weeks after launch, we were able to reduce our bounce rate from 61.59% (April 18, 2021) to 2.15% (May 25, 2021), which is a significant accomplishment.

However, our work is not yet complete, as we still have a considerable backlog on the post-purchase journey. This includes providing users with a quotation that explains the website development process if they choose to use Niagahoster services, as well as offering add-on services such as SEO, maintenance, improvements, and ads management. Additionally, users will have the ability to track the progress of their website's development.

Seeing the impact of our initial efforts does put a smile on our hearts and flame the tinder on us to do more.

Seeing the impact of our initial efforts does put a smile on our hearts and flame the tinder on us to do more.

Seeing the impact of our initial efforts does put a smile on our hearts and flame the tinder on us to do more.

Seeing the impact of our initial efforts does put a smile on our hearts and flame the tinder on us to do more.