Onboarding

Problem

Currently, due to the high level of competition in the website-builder market, it's challenging to stand out and capture the attention of potential customers. How can we help the user to create and customize a website quickly and efficiently?

Solution

Create a quick Wizard Onboarding that can help users develop a personalized website in a matter of minutes. Real-time customization is our main difference and advantage over competitors.

‍

Confirmed Hypotheses & Metrics

1. With the implementation of the wizard, the number of our customers will double.

2. The wizard generates 3 options (the most practical #) that best match the answers.

3. People don't want to create a website themselves, so if a wizard creates it for them, all they have to do is edit it and fill it with content.

Scope of work

• Competitor Analysis
• User Stories & Empathy map
• Product hypothesis
• Usability testing
• A/B/C testing

Competitive analysis

The onboarding process of 20 competitors was analyzed to determine their strengths and weaknesses.
The analysis helped to highlight the following main points:
1. Right questions that narrow the choice of offered templates to the most suitable for a user.
2. Prewriten multiple-choice answers that help to pass the wizard faster.

‍

JTBD & Empathy map

Using JTBD to determine the target audience's needs & desires and find a way to create suitable questions.
Visualized the Empathy map to single out the main Pains & Gains, Think & Feel, Say & Do.

‍

Usability testing & Insights

Problem

Due to the high volume of the Wizard questions, the users wouldn't complete the journey.

Solution

The minimum number of questions and multiple-choice answers contribute to the completion of the flow of setting up a website.

‍

Problem

The lack of a mobile version has contributed to the decline of users as many of them attempted to access Wizard through their mobile phones.

Solution

Adaptability to allow completing the onboarding stages from mobile devices.

‍

Problem

Certain UI solutions proved to be unsuccessful as users would often overlook important steps of the setting-up process* due to the ineffective visuals.

*e.g. question navigation bar, buttons back & skip

Solution

Titled every step of the journey. Changed the placement & and size of control buttons*.

*moved control buttons to the bottom of the page

‍

A/B/C testing

Created 3 identical flows:

• video questions.
• written questions
• illustrated questions.

Initial Hypothesis:

Video questions would receive more attention & traction.

A/B/C testing results

Video questions proved to be the least effective, as the majority of users would skip through them.
Written questions took second place proving to be more effective than a video questionnaire, yet less effective than its illustrated option

‍

Store / Blog ... Onboarding

‍

Change flow for Store

Store overview

To sell products online, the business owner needs to enable Store functionality to be able to access Product pages, Collection pages, Shopping cart, Checkout, and Wishlist; as well as configure Payment & Shipping methods, Discounts & Coupons, Promotions etc.

Problem

Due to the Store builder design, with configuration & editing on the left vs preview on the right, the flow was unclear causing user confusion and overall poor user experience.

Solution

The new concept allowed users to edit all elements through hover settings, making the template editing prosess much easier.

Additionally, this approach presented Hoocos with a big advantage over its competitors, as it made templates fully customizable.

Scope of work

• Competitor analysis
• Structure analysis of the most popular blocks of product and collection pages
• Functionality analysis of Shopping carts, Checkout
• Setting flow competitor analysis: Payment & Shipping methods, Discount & Coupon, Promotions.
• Prototype
• Visual design

‍

Create Testimonials

Problem

Final consumers tend to avoid leaving product/service reviews which leads to businesses losing potential customers as a result of a lack of consumer feedback.

Solution

Designed an easily customized Testimonial system which works by automatically gathering feedback from final consumers after completion of transactions.

‍
Creating Design system

Problem

The lack of a design system led to an inability to determine the guideline principles, components, variants and other visual solutions of the system.

Solution

Created a design system describing mandatory principles, components, and guidelines to be used by design & developer teams when developing the product's functionality.

‍
‍

‍

Create 2000 templates

Problem

To be able to offer users a various number of suitable options for their particular segment of business, the project required a vast database of templates.

Solution

Analyzed popular categories of various business websites to determine 2000 template themes.

Developed a tool for rapid automated creation of templates.

Involved 50 temporary freelancers to contribute to the creation of a

‍

Scope of work

• Managed freelance content creators: reviewed their performance, and oversaw the quality of completed work.
• Ensured the quality of widgets (blocks) created by the developer team.
• Set up over 300 palettes, fonts & icons in the body and connected each colour to the elements of the widget.
• Independently created over 50 templates on various topics.