Case Iubenda


Processo de criação do design para o site Iubenda

Apresentação

A Iubenda é um site que oferece um conjunto de soluções para tornar sites/aplicativos compatíveis com a lei em vários idiomas e legislações. O desafio era fazer uma análise do site, que possuía alguns problemas de usabilidade e acessibilidade e realizar melhorias a partir da aplicação do processo de design.



Processo de Design

O processo de design da Online UX Team é baseado no Design Thinking, que é uma metodologia usada para a criação de novos produtos, serviços, processos ou para a resolução de problemas. Para compreendê-lo, é importante pensar no design além da forma visual, é preciso ver o design como uma ferramenta para solução de problemas.

O Design Thinking consiste em 5 etapas, porém, não é como uma receita. Cada projeto é único e pode haver uma maneira melhor do Design Thinking ser aplicado dependendo de sua necessidade .

Conheça a metodologia Design Thinking:

Imagem responsiva



Entregáveis de UX

Persona

Personas são uma documentação descrevendo os perfis dos usuários do seu site, aplicativo ou negócio. A persona é importante para entendermos o público que irá consumir o produto digital, e assim desenvolver algo direcionado e relevante para os usuários.




Análise Heurística

A análise heurística é uma espécie de “inspeção” de usabilidade. Consiste em avaliar uma interface para determinar se obedece a princípios pré-determinados conhecidos como heurísticas. A partir dessa análise heurística, direcionamos um caminho para o melhoramento da usabilidade do site ou aplicativo.


Imagem responsiva


Benchmarking

Benchmarking é o processo de estudar o mercado que o seu produto digital está inserido, de forma visual e estrutural. É fundamental para alinhar o produto com o mercado e assim, o mesmo ser aceito pelos usuários de forma mais natural.


Entregáveis de UI

Layout - Desktop

Telas

Imagem responsiva




Layout - Mobile

Telas

Imagem responsiva

Guia de Estilo

Um guia de estilo serve para que todas as equipes envolvidas na construção do projeto estejam alinhadas a respeito do estilo e das regras que terá. Além de manter a consistência e padronização do design.

Protótipo Navegável

Imagem responsiva

Protótipo é o entregável final e fiel a versão final do seu produto digital. É ótimo para visualização com mais clareza antes do início do desenvolvimento, e é possível também a realização de testes para validação com os usuários. Com isso, economiza-se orçamento na etapa de desenvolvimento, pois a validação do produto é realizada antes desta etapa.

Considerações Finais

Além da criação de personas, UX Audition e o benchmarking, o projeto foi entregue com um novo layout do site em desktop e mobile favorecendo uma melhor usabilidade e conversão para o site.