Oficina de Olaria e Azulejaria de Tomar

Tomar é uma cidade do interior de Portugal no distrito de Santarém e vive essencialmente do turismo. Após alguma analise, escolheu-se a Oficina de Olaria e Azulejaria, situada no Convento de São Francisco em Tomar constituída por 7 mulheres, 4 em pintura e 3 em olaria. Além das várias opções de produtos à venda, ainda é possível utilizar a roda de oleiro. Tem como valores a preservação da arte e da tradição, assim como a promoção da cidade.

A Oficina é suportada por turistas e pela venda de produtos, traduzindo-se assim num negócio com turismo sazonal, devido à covid-19 teve um decréscimo tanto nas visitas assim como na compra, além do mais apresentava uma fraca comunicação digital.

Assim sendo, criou-se o site para apoiar o comércio local assim como melhorar a sua comunicação digital, uma vez que hoje em dia é importante as lojas terem uma pegada na internet.

Nesse seguimento criou-se três happy paths. O primeiro destinava-se à reserva de um Workshop da olaria, o segundo à venda de materiais e por fim, a reserva do forno comunitário. Nestes happy paths são descritos os passos e features necessários para cada um.

Reservar um Workshop;

Venda de Materiais

Reservar o Forno Comunitário;

Após a realização dos happy path, era necessário escolher um para realizar o protótipo e assim sendo, escolhi a reserva do workshop tendo como público alvo todas as pessoas interessadas em olaria e azulejaria.

Depois de fazer uma análise ao negócio, comecei por fazer uma pesquisa visual para entender qual seria a melhor estética possível para desenvolver no site e ao mesmo tempo que aludisse à Oficina. Além disso, também fiz uma pesquisa a nível de sites que fossem de encontro com o meu tema.

Após a decidir a minha happy path, comecei por desenvolver as minhas wireframes com o objetivo de o site ser o mais acessível possível, simples e clean. O primeiro passo foi desenhar as minhas wireframes em low fidelity em papel sendo o processo a reserva de um workshop.

O segundo passo foi passar para medium fidelity onde houve mudanças a nível da disposição dos elementos e adição de outros:

No primeiro ecrã os nomes dos serviços estarem logo visíveis e não só quando o user passasse o rato.

No segundo ecrã a mesma situação dos nomes e dos botões;

No terceiro ecrã colocar um título e o botão do participar mais visível (call to action), também colocar as reviews dos antigos participantes e a opção de partilhar com outras pessoas nas redes sociais.

No quatro ecrã era necessário deixar presente que o user estava a comprar um workshop e não mudar de ecrã, como eu tinha.

E nos seguintes 3 ecrãs adicionei um espaço onde faz um resumo da compra com os detalhes.

E por fim, na última página adicionei um botão que fizesse o user querer ver mais o que havia na Oficina.

Assim sendo, o vídeo em baixo mostra o ecrãs com as novas alterações e em medium fidelity.

O próximo passo foi a decisão do style tiles para o site, ou seja, a palete de cores, tipografia, botões e ícones. Novamente procurei ir de acordo com o estilo da Oficina e optei por cores mais esverdeadas e alaranjadas para o site. Relativamente à tipografia, escolhi dois tipos: Titillium Web para os títulos e Roboto para o corpo. Os ícones e os botões utilizei os mais simples de forma a não confundir os usuários.

Após a realização do meu protótipo foi necessário fazer testes de usabilidade de forma a testar as funcionalidades, perceber se existe algum problema, notar possíveis melhorias através dos comentários dos users e entender se tudo está percetível. Para os meus testes de usabilidade entrevistei 6 pessoas (três homens, três mulheres) via on-line.

A seguinte imagem apresentada é referente a todos os ecrãs que os users terão de proceder para a realização da compra do workshop.

Estes testes tinham como objetivos:

Testar se o utilizador consegue reservar e comprar um workshop de olaria para iniciantes sem problemas;

Testar se os utilizadores entendem para que serve determinados botões e se são intuitivos;

Testar se toda a informação é percetível.

e foi-lhes pedido 2 tarefas de forma a testar os objetivos:

Reservar uma vaga no workshop de olaria para intermédio;

2. Retroceder e reservar uma vaga no workshop de olaria para iniciantes;

Foi compreensível todos os passos;

A utilização dos pequenos textos antes de entrar em na página do workshop foram elogiados.

O site apresenta-se clean e a hierarquia das fontes e das cores tornou um processo mais intuitivo.

“Gostei do pormenor de perguntar se eu queria mesmo sair do pop-up.”

“Mudava o título no início para ser mais percetível para quem não tem tanta facilidade e talvez colocava uma cor que se destacasse na paleta de cores pois é um pedaço monocromático.”

Os botões da “seta de subir para o topo da página” e o “participe já” deviam de estar mais destacados.

A informação que estava dentro de parênteses não estava muito percetível sendo recomendado a mudança de lugar.

Ainda foi referido a questão de não ter a opção de voltar atrás e não ter os logos de métodos de pagamento.

Colocar a informação mais percetível: Portes de envio e informação dentro dos parênteses;

Mudar as cores dos botões e do título;

Melhorar o design: Não haver tantos espaços vazios e mudar as cores nos detalhes para haver destaque;

Colocar a opção de voltar atrás na inscrição, pagamento e resumo;

Inserir o logo dos métodos de pagamentos;