Site builder

Site Builder

Product Design

Role
UX/UI Designer
Client
Ntirety
Tools

Overview

Website builders are a perfect solution for individuals and small businesses seeking to start a website without hiring a developer. However, finding the best website builder can be tricky for beginners.

As the lead UX/UI Designer for Ntirety, my goal was to create a seamless user flow and onboarding sequence for a new website builder we were launching. While the website builder product was already in final beta, the experience surrounding onboarding for the product needed to be researched and developed.

Competitive Analysis

What's Already Out There?

We wanted to ensure that the website builder was easy to use for absolute beginners (non-techy users). Therefore, getting the user onboarding correct (picking templates, entering information) was critical to a customer's initial impression.

Luckily, there are countless phenomenal builder products out there that I could glean design patterns and insights from.

The offerings I spent most time researching were builders that seemed appealing to non-technical folk, to best match our target market.

Persona - Meet Shawn

  1. The idea of building a website intimidates him, Shawn has never "coded" before
  2. Cannot afford to pay someone else to do it
  3. Is busy running his shop and has a family, needs to get up-and-running with minimal effort

Goals1. Market his business better online, gain new customers from diverse areas beyond his small city

2. Save as much time and money as possible; he knows how much a custom website can cost

3. Better gauge his email campaign and outreach success with customers online

4. Make his business and brand look modern, make sure his site looks professional on a phone

Pain Points

Journey Map

Low Fidelity

Desktop

Mobile

High Fidelity

Responsive Design

In-App Tutorial Videos

User Testing

Test Subjects

8 Total Users

Method

Remote via Zoom

Goal

  1. Have user go through proposed flow
  2. Have user change templates
  3. See how personalization features are perceived
  4. Test overall ease of use

Research Insights

Revisions Needed1. Updating copy in certain sections

2. Modify certain CTAs, such as the "i" icon

3. Change the Section Change flow

4. Reconsider mobile layout for filters

5. Improve contrast, visual affordance, and overall accessibility on certain sections



Proposed Revisions

Next Project

Next Project

Web & Brand Design

All Rights Reserved. Copyright 2021