Comecei criando a base: uma faixa superior com o nome do site, um ícone de menu no canto superior esquerdo e informações de login no canto superior direito.
Depois, elaborei o roteiro de perguntas que o Clixflow deve fazer aos usuários: Como posso te chamar? Qual o nome do seu site? Para quem você está construindo esse site? Qual a função do seu site? Você já fez isso antes? Que tipo de site você quer criar? Qual sua função na empresa?
Decidi que a primeira tela será de apresentações: usei uma headline que dá o pontapé inicial na onboarding experience, e expliquei melhor do que aquilo se trata no subheader. Para a primeira tela, optei por perguntar o nome do usuário e qual a intenção dele para o novo site. Optei por uma barra de progresso ao final, abaixo do CTA.
Na tela seguinte, decidi que gostaria de conhecer melhor com quem estou lidando. Por isso, optei por um headline animador, que dá um reforço positivo ao usuário, e no subheader, falei sobre o funcionalmento do Clixflow e expliquei que quero saber qual a experiência do usuário na construção de sites. Para facilitar a coleta de dados, optei por um menu dropdown nas duas perguntas.
A terceira tela começa com a promessa de que estamos quase lá. Optei por fazer perguntas sobre o site.
Passei um tempo pensando sobre o que colocar na quarta tela e percebi que o briefing não sugere uma pergunta fundamental: o domínio do site. Resolvi finalizar por aí: com uma headline prometendo que agora sim, acabou, e com um subheader oferecendo o domínio com desconto. Para a pergunta do formulário, optei por perguntar se a pessoa já tem o domínio, e nas respostas, incluí a opção de pegar ou largar o desconto. Procurei não fazer piadas nesse momento, para não constranger o usuário. O último CTA é diferente para deixar claro para o usuário que essa etapa chegou ao fim.
A tarefa acabou, mas eu acho que essa experiência não pode ser completa sem um feedback. Por isso, optei por uma última tela de feedback, onde eu explico o que acabou de acontecer, dou uma satisfação para quem se interessou por comprar o domínio, e convido para começar a criar o site.
I've started with the basics: a superior stripe with the site's name, a menu icon at the upper left side and login info at the upper right side.
After that, I've written a series of questions Clixflow should want to know about the user: How can we call you? What's the site's name? For whom are you building this for? What is this site for? Have you done this before? What tipe of site you want to create? What's your job at your company?
I've decided the user should introduce themselves at the first screen: I've used a welcoming headline and explained what was about to happen at the subheader. For this first screen, I've decided to ask the user their name before, and what are their intentions with the site. I've also added a progress bar below the CTA.
For the next screen, I'd like to know who I'm dealing with. That's why I've opted for a friendly tone at the headline, to cheer the user on, and wrote about how Clixflow works at the subheader. Finally, I've made it clear I wanted to know about the user's prior experience. To make it easier to analyze data, I've opted for dropdown menus.
The third screen begins with the promisse that this onboarding experience is almost over. For this one, I asked questions about the site.
I've spent some time thinking about the fourth screen and realized the briefing doesn't suggest a fundamental question: what about the site's domain? I've decided to end things trying to sell a service, the domain (with a discount). I've opted to ask the user if they already have a domain, and gave them the option of choosing if they wanted the discount or not. I've made my best to be very serious and direct here, to avoid shaming the user. The last CTA has a different copy to make it clear that this form is over.