Project
Trusted Website Builders
​
Duration
8 weeks
Deliverables
Research, Player flows, Sketching, Wire framing, Branding, Prototyping, User interviews, User interface design, Illustration, Prototype and QA.
​
Tools
Figma, Photoshop & Illustrator
​
Project Brief
Trusted Website Builders helps users make informed choices about different website builders. The platform aims to simplify the process by making it easy for users to find, compare, and access information about the websites listed above, ensuring they choose the best option for their needs.
​
The Challenge
To provide the best comparisons for customers, we focused on every aspect of the user journey, from compilation and flexible filters to quick searches and intuitive navigation. The key challenge was to create a central hub that highlights only the finest website builders, enabling users to filter quickly for the best options without having to visit multiple websites.
The process​
Research
Define & Ideate
Information Architecture (IA)
Wireframing & prototyping
Usability testing
Research
Comparison websites is a tool that allows users to compare pricing, tool options, and provide services for their needs. Specifically identifies websites that offer the best deal.
The Pros
-
Money Saving
-
Convenient
-
Wide Choice
Cons
-
Hidden fees
-
Not all sellers use them
-
Blindly choosing according to the result
User Interviews
We interviewed a total of six users and two SMEs, which gave us a lot of important insights that I am listing below.
Let’s start with some interesting quotes from our users
Beginner
I read the complete article and it's really nice. One thing I would mention here is that I don't recommend people share hosting because it has so many issues with uptime and support. I always recommend buying small cloud servers like Digitalocean, Linode, Vultr and AWS lightsail. You should review them too. At Cloud ways you can launch these servers with a few clicks so that is also a good choice to manage your servers :)
Coders who want to change
An old timer with php/html trying to move over to WordPress the last couple of years, I’ve found your website invaluable. Thanks for explaining things like the reader may have no idea, because that’s exactly what I needed!! You have cleared up so many basic questions I’ve had because my brain was still in programming mode. After 12 years with GoDaddy, I just went over to HostGator after reading your reviews and found them just as accommodating as you said. I volunteer my services for several non profits and this change will help me out a ton! Many thanks, guys, you are much appreciated!
Affinity Mapping
After the interviews, I noted down the user preferences and problems collected from my interviewees on post-it notes, then I grouped these notes into an affinity map, which helped me identify recurring themes and issues.
The following are the points that the users want:
Target Persona
Users of this site are DIY web site builders, sole proprietors and small to medium sized businesses that don’t have an IT staff, budget, or time to design a website. Users range from complete tech-phobes to people who know enough to manage a site like this with ease, but aren't web developers.
Types of sites users are typically building:
Our users are mainly small businesses and sole proprietors
Stage in Customer Journey
What do we want the user to do next and how do we nudge them to take action.
Users on this site have already decided they need a site, they're evaluating to make their final decision.
Stakeholder's Goals
Potential Impact
To provide trustworthy, user friendly content to support decision makers to take action, to drive users to click CTAs and sign up for service from one of the sites
Smooth Scannability
comparison tables display attributes in perfectly-aligned columns to help users scan the differences/contrasts before selecting quickly.
Meaningful Attributes
Well-designed comparison tables let users view and compare the most critical and meaningful attributes side-by-side for a thorough analysis.
Quick Searches
prioritized an insightful search for quick product discoverability
Flexible Filters
included flexible filters for users to sift through a wide array and narrow down to match their preferences.
Clear Product Categorizations
clear category pages with links to subcategories to improve findability and remove confusion.
Click-worthy Banners
clean and full-width banners are engaging, and they display the highest-rated with clear calls-to-action (CTAs) that trigger clicks.
Multi-store Compatibility
engineers integrated multi-options to help users quickly compare prices among multiple websites.
SEO-friendly
working on in-depth Schema integration and optimized descriptions ensured that the website is SEO-friendly and ranks well.
Adaptive Pages
Adaptive web pages to make the website mobile-optimized with layouts that adjust to multiple mobile environments.
Results and Solution
Tone
Logo
Target Keywords
• Trust • Bold • Simple
Blue
• Confidence • Loyalty • Trustworthy
Green
• Vitality • Renewal
Style guide
Application Map & Low fi-Wireframes
Mid fi Wireframes
Listing Page
1
2
3
4
5
1
CTA sticky widget - Thumbnails of all sites
Showcase features of the web site builders we're reviewing that have features relevant to this topic such as automation functionality, etc.
2
Intro paragraph in how to chose the right website builders
3
Things to look in a website building platform organized of site you want to build
4
Category chart
Information and reviving the features each site builder offer
5
How we rate the process
Review Page
1
2
3
4
5
7
6
1
Best For
2
Intro copy
3
What the Pros Think
4
Advertising disclosure
5
How It Rates
Subhead: Features are rated on a scale from 1 to 5; if feature doesn’t exist it gets a 1
6
Jump to: Feature Sub Categories
7
SIGNUP CTA
Article Page
1
2
3
4
5
1
Breadcrumb
2
Author's Info
3
Content related image
4
Content block
-
Formats will vary but many will be a top 10 tips type article
-
Easy to read, navigate, with links to the reviews and calls to action
5
More popular article
Next Steps
-
Expand the overall selection of categories and topics
-
A/B test label naming conventions and navigation for ease of use/recognition
-
Implementation Phase, work with developers the entire process.
-
Focus on iteration
-
Explore more categories
Conclusions
From this project, we found that users want (and need) to see actual reviews, as well as information presented in a way that isn't text-heavy. By taking these insights to heart, we were able to deliver a final product that our users appreciated.
​
We also built trust with users by showing the ratings of features for each website builder, along with real reviews published on the internet.
Some challenges I ran into
• Working with users that did not know what they wanted from an evaluation tool.
• Presenting critical information while working within a very limited amount of space.
• Making it as easy to scan as possible, and accounting for responsiveness of the information across multiple screens
Final thoughts
With our final approach, we received a lot of positive feedback from our users that the platform was easy to use and the information useful, which made them feel confident about their decision making process choosing the right website builder.
To improve on what we delivered, I would focus on adding multiple filter options that make the user experience even stronger.