Skip to content (Press Enter)

Aline Cristina

  • Home
  • Prazer, Aline :)
  • Portfólio
    • Estante Mágica
    • Kzas
    • C6 Bank
    • Geekie
    • Veloe
c6bank

C6Bank

Agosto de 2019 – Dezembro de 2019

Como Product Designer no C6Bank, fazia parte do contexto de Banking e era responsável por dois projetos: C6 Taggy e Pagamento de estacionamentos.

Pagar estacionamentos

Concepção e wireflow

Atuei desde a fase de concepção junto ao Service Designer (Gabriel) e a equipe de negócios até a entrega e acompanhamento do desenvolvimento junto a equipe de Front-end e Back-end.

Foram feitas reuniões de co-criação, especificações e limitações técnicas, design critique, groomings/refinamentos e rodadas de Q.A.

Um pedaço do wireflow desenvolvido pelo time de HX em parceria com o time de negócios e tecnologia

Amostra do wireflow construído em conjunto com o Service Designer, time de negócios e tecnologia

Com o wireflow aprovado pelo time de negócios e de tecnologia, começamos o desenvolvimento do Visual Design.

Visual design

O C6Bank possui um app Android e iOS, portanto, todas as telas foram desenvolvidas para as duas plataformas. O processo de construção no time de Human Experience (HX) passa pelas etapas de exploração, design critique, review, ux writing, testes de usabilidade, finalização do visual e handoff.

Telas desenvolvidas por mim para o fluxo de Pagar estacionamentos

Algumas telas do fluxo de pagamento de estacionamento

Teste de usabilidade

Antes de finalizar as telas, estruturei um teste de usabilidade com 6 usuários. Com o teste queríamos descobrir se:

Alguns usuários que realizaram o teste.

  • O local onde a funcionalidade estava sendo apresentada fazia sentido;
  • A pessoa entendia a diferença entre “Ticket impresso” e “Cartão plástico”;
  • A pessoa conseguia entender quando o pagamento era realizado;
  • E se ela entendia o prazo de tolerância de saída.

Com os testes realizados e o Wrap Up das entrevistas feito, algumas mudanças foram necessárias para a melhor compreensão da feature. Apenas dois usuários entenderam o termo “Cartão plástico”, que se referia ao tipo de cartão que é entregue nas cancelas de alguns shoppings. Trocamos para “Cartão de estacionamento” junto com uma legenda, com o intuito de explicar o que significava o termo.
Além disso, foi preciso acrescentar à régua de comunicação mensagens que confirmem que o pagamento foi aprovado e qual seria o prazo de tolerância para a saída do estacionamento.

Protótipo utilizado para os testes. Feito com ProtoPie. 

Handoff

Após esses ajustes, começamos o processo de handoff com o time de engenharia, em que eu participava das cerimônias de refinamento (groomings) e era responsável pela homologação visual e funcional das telas.

Junto com o time e antes do lançamento do produto, fomos a alguns shoppings em São Paulo, para fazer o teste “real oficial”.

O produto foi lançado no final de dezembro.

Equipe de desenvolvimento em um shopping da cidade de São Paulo testando a feature

Momento em que o APP reconhece o local em que o usuário se encontra

Equipe de desenvolvimento em um shopping da cidade de São Paulo testando a feature

Parte da equipe dentro de um estacionamento tentando resolver um bug

C6 Taggy

No projeto do C6 Taggy, fui responsável por dar continuidade ao desenvolvimento do produto: evoluindo as features, mantendo o wireflow atualizado, criando as novas telas e fazendo o handoff com o time de tecnologia.

Algumas imagens do produto Taggy

Algumas telas feitas para o produto C6 Taggy

Related Projects

Protegido: Estante Mágica

agosto 2, 2021
kzas

Kzas

agosto 8, 2020
veloe

Veloe

agosto 7, 2020