Assignment

You’re a UX writer at Clixflow, a WYSIWYG [”What you see is what you get”] website builder that lets users drag and drop to create websites—no code required. Similar companies include: Wix, Webflow, Squarespace, Elementor. After signing up, the user is ready to start creating their first site. To help them get started, Clixflow wants to present users with a quick form that will customize the user’s experience and help them build the type of site they’re interested in.Feature info and requirements:

• Create a 4–6 step form (multiple screens) that collects user data to help customize the product to the user’s intended use. The platform will set users up with different layouts, features, etc., based on their answers.
• Data we need:
  • Who they are and what they’re building their site for (business, company, clients)
  • Prior experience in creating websites
  • What kind of website they are going to build (e-commerce, personal portfolio, blog, business site, other)
  • What is their role (designers, developer, entrepreneur, something else?)
  • Any other data points you think would be relevant in this situation. (Give your explanation.)
• Mockups should be for desktop

Research

I looked to Wix, Webflow, Squarespace, and Elementor for inspiration. There are too many screenshots to include here, but here's a PDF with the breakdown.

All of the examples used simple questions to address the user (”What are your goals?” “Have you created a website before?”) and assess the amount of support they’ll need from the platform. All examples broke down the registration process into chunks on separate screens to avoid overwhelming the user. They used check boxes, multiple choice questions, and search bars with pre-populated options. Largely, these examples avoided visually busy graphics, animations, bright colors, or otherwise distracting elements, likely to reduce cognitive load.

Results & Rationale

Lots of choices to explain here, so I'll just share a few highlights.

• Customize your experience with five quick questions: Large header catches the user’s eye and lets them know how many steps are ahead of them. It also explains why we’re asking them to do this.
• What is your role?/Have you built a website before?: Helps the platform know how much support this user might need or if we should offer advanced options.
• Almost there!: Lets the user know they have just one more step ahead of them, enabling conversion.