INTRODUÇÃO

VISÃO GERAL

A PadiPão é uma padaria que oferece uma variedade irresistível de pães artesanais, feitos com ingredientes naturais e selecionados, que combinam sabor e nutrição. Com opções sem glúten, integrais e com baixo índice glicémico, perfeitos para quem procura uma alimentação equilibrada e saborosa.

OBJETIVO

Criar uma aplicação que simplifique a vida dos clientes, permitindo que encontrem e comprem o pão de forma rápida e eficiente, com a possibilidade de filtrar a pesquisa por ingredientes, restrições alimentares e alergénios. Para maior comodidade, a app também deverá oferecer as opções de pagamento integrado e a entrega ao domicílio.

FUNÇÃO

No âmbito da Certificação Profissional Google UX Design, trabalhei em todos os aspectos do processo de design, desde a sua conceção até à entrega.

AdobeStock_528727747

METODOLOGIA

O Design Thinking foi o meu guia neste projeto. Comecei com uma imersão profunda no mundo do utilizador, através de pesquisas e entrevistas, para entender as suas necessidades e frustrações. A fase da idealização foi um momento de grande criatividade, onde explorei diversas possibilidades. A prototipagem e os testes com os utilizadores permitiram validadar as minhas hipóteses e refinar o projeto.

RESULTADOS

O resultado final deste projeto foi o desenvolvimento de uma app simples e eficiente para a compra de pão. Através de uma interface intuitiva e funcionalidades personalizadas, a app permite que os utilizadores encontrem rapidamente o pão ideal, filtrando por ingredientes, restrições alimentares e alergénios. A integração do pagamento e a opção de entrega ao domicílio completam a experiência, tornando-a mais prática e conveniente, eliminando a necessidade de filas e economizando o precioso tempo dos clientes.

 

Captura de ecrã 2024-09-26, às 14.22.34
Captura de ecrã 2024-09-26, às 14.03.30
Captura de ecrã 2024-09-26, às 14.04.02

O PROCESSO: DA EMPATIA À SOLUÇÃO

O projeto foi conduzido com uma abordagem centrada no utilizador, utilizando as ferramentas e metodologias do Design Thinking. Cada etapa do processo foi crucial para garantir que a solução atendesse às necessidades e expectativas dos utilizadores.

EMPATIA E DEFINIÇÃO

Comecei por mergulhar no universo dos utilizadores, realizando entrevistas e criando personas detalhadas para compreender os seus hábitos, frustrações e desejos.

Persona Ayana

DECLARAÇÃO DE PROBLEMA

Ayana é uma estagiária ocupada que precisa de encontrar rapidamente o pão adequado às suas preferências dietéticas, porque ler listas de ingredientes demora muito tempo e não é um bom uso de tempo para ela.

DECLARAÇÃO DE PROBLEMA 

João é carpinteiro numa empresa familiar que precisa de uma forma rápida de fazer e levantar pedidos, porque ir à padaria retira-lhe tempo com os seus filhos.

Persona Joao

Através de um estudo de pesquisa de UX abrangente, mapeei a jornada do utilizador, identificando os pontos de atrito e oportunidades de melhoria. Estes mapas revelaram o quão útil seria para os utilizadores terem a app PadiPão.

User Journey Map Ayana e João (2)
User Journey Map Ayana e João (3)

IDEALIZAÇÃO E PROTOTIPAGEM 

IMG_3174

Com base nos insights obtidos, dei vida às minhas ideias através de wireframes de papel e digitais, para visualizar as primeiras interações. A partir desses wireframes, criei protótipos de baixa fidelidade, que testei com utilizadores para obter feedback e refinar as soluções.

WIREFRAMES DIGITAIS

A pesquisa com os utilizadores foi o pilar central na construção dos wireframes. O feedback dos utilizadores foi fundamental para moldar a interface, garantido que ela não apenas atendesse às necessidades identificadas, mas também proporcionasse uma experiência intuitiva e agradável.

  • A categorização transforma uma massa de produtos num sistema intuitivo e fácil de navegar.
  • Um menu intuitivo permite que os utilizadores naveguem rapidamente entre as diferentes secções, sem se perderem ou se sentirem frustrados.
  • Os filtros atuam como mecanismos de refinamento da pesquisa, permitindo que o utilizador personalize a sua experiência e encontre informações relevantes de forma mais rápida e precisa.
Captura de ecrã 2024-09-26, às 20.39.36
Captura de ecrã 2024-09-26, às 20.40.05
Captura de ecrã 2024-09-27, às 10.49.49

PROTÓTIPOS

Para este projeto, criei protótipos de baixa e de alta fidelidade para simular a compra de um pão com característica específicas. A ideia era simular uma experiência do utilizador intuitiva e eficiente, utilizando categorias e filtros como mecanismos de navegação.

Captura de ecrã 2024-09-27, às 11.01.52

Protótipo de baixa fidelidade

Captura de ecrã 2024-09-27, às 11.02.35

A versão final do protótipo de alta fidelidade apresenta uma jornada de compra mais intuitiva, com fluxos otimizados.

TESTES

Conduzi dois estudos de usabilidade. As descobertas do primeiro estudo serviram como base para a criação de wireframes e mockups mais intuitivos e eficientes. No segundo estudo, utilizei um protótipo de alta fidelidade para avaliar a experiência do utilizador de forma mais realista e identificar os pontos que exigiam ajustes nos designs finais.

RESULTADOS DO PRIMEIRO ESTUDO DE USABILIDADE

  • Os participantes gostariam de fazer o seguimento do pedido;
  • Os participantes gostariam de ter mais opções de pagamento;
  • Os participantes gostariam de ter a opção "Comprar novamente".

RESULTADOS DO SEGUNDO ESTUDO DE USABILIDADE

  • Os participantes gostariam que as categorias tivessem mais destaque;
  • Os participantes gostariam que o botão "Adicionar ao carrinho" estivesse sempre visível;
  • Os participantes gostariam de ver o ícone “Adicionar aos Favoritos”.

MODELOS

Com base nos insights obtidos nos testes de usabilidade, refinei o design para oferecer uma experiência ainda mais personalizada. A ampliação das opções de categorias e filtros permitiu que os utilizadores encontrassem exatamente o que procuravam, de forma mais rápida e intuitiva. Paralelamente, a interface inicial foi redesenhada para fortalecer o branding e proporcionar uma experiência mais envolvente.

Captura de ecrã 2024-09-26, às 20.39.36

Antes

Captura de ecrã 2024-09-27, às 11.33.29

Depois

Após o segundo teste de usabilidade, identifiquei que o processo de finalização da compra gerava alguma frustração nos utilizadores. Para otimizar essa etapa, implementei algumas melhorias: o botão “Adicionar ao carrinho” agora permanece visível em todas as páginas do produto, agilizando o processo de compra. Além disso, destaquei o nome do produto e incluí a opção de adicionar aos favoritos, proporcionando uma experiência de compra mais fluída e personalizada.

Captura de ecrã 2024-09-24, às 11.53.04

Antes

Captura de ecrã 2024-09-24, às 11.53.41

Antes

Captura de ecrã 2024-09-27, às 12.11.20

Depois

CONSIDERAÇÕES DE ACESSIBILIDADE

description_100dp_3C2801_FILL0_wght400_GRAD0_opsz48

Utilização de texto alternativo para tornar as imagens acessíveis a leitores de ecrã, garantindo uma experiência mais inclusiva.

contrast_100dp_3C2801_FILL0_wght400_GRAD0_opsz48

Utilização de combinações de cores que oferecem alto contraste para facilitar a leitura, especialmente para pessoas com baixa visão, seguindo as diretrizes da WCAG (Web Content Accessibility Guidelines).

favorite_100dp_3C2801_FILL0_wght400_GRAD0_opsz48

Incorporação de ícones para otimizar a experiência do utilizador durante a navegação, tornando-a mais intuitiva.

PONTOS IMPORTANTES

IMPACTO

A app PadiPão proporciona uma sensação de conexão com o cliente, mostrando que a empresa está comprometida em atender às suas expectativas.

Citação de uma participante:

“Com a app, a PadiPão mostra que valoriza o tempo e a comodidade dos seus clientes.”

FotoPP

O QUE EU APRENDI

Ao longo do meu primeiro projeto de portfolio, mergulhei de cabeça no universo do UX Design. Descobri a importância de cada etapa do processo, desde a pesquisa com os utilizadores até à criação de protótipos interativos. Aprendi a ver o design não apenas como uma estética visual, mas também como uma ferramenta poderosa para resolver problemas e criar experiências significativas. Cada desafio superado foi um passo importante para o meu desenvolvimento como UX Designer.

PRÓXIMOS PASSOS

smartphone_100dp_3C2801_FILL0_wght400_GRAD0_opsz48

Conduzir novos estudos de usabilidade para confirmar a eficácia das soluções e identificar novos pontos de melhoria.

new_releases_100dp_3C2801_FILL0_wght400_GRAD0_opsz48

Identificar e corrigir rapidamente quaisquer bugs ou falhas que possam afetar a experiência do utilizador.

monitoring_100dp_3C2801_FILL0_wght400_GRAD0_opsz48

Acompanhar de perto o número de downloads, tempo médio de uso, taxa de retenção e outras métricas relevantes para entender o comportamento dos utilizadores.

Gostaria de agradecer imensamente o tempo que dedicou a examinar o meu estudo de caso da app PadiPão.


Coloco-me à disposição para uma eventual oportunidade de estágio, onde poderei aplicar as minhas habilidades em UX Design e contribuir para o sucesso dos seus projetos.


mail_100dp_3C2801_FILL0_wght400_GRAD0_opsz48

ar@anarodrigues.me

OBRIGADA!

AdobeStock_528727723

PROJETOS

PadiPão (PT)UX Design

PadiPão (EN)UX Design

Eat Health (EN)UX Design

Design sem nome (11) – cópia

Procuro uma posição de Junior UX Designer onde possa aprender e crescer ao lado de uma equipa talentosa.

Por favor, entre em contacto através do e-mail ar@anarodrigues.me. Obrigada!

Designed with love, enthusiasm and sleep deprivation in Lisbon.

© 2024 Ana Rodrigues | LinkedIn