Camila Spolador

01 / Introdução

Figal

Fidelização digital e indicadores para pequenos estabelecimentos entenderem e cultivarem o retorno dos clientes.

Uma pessoa apresenta o recebimento de um cartão Figal no celular
Duas pessoas aproximam seus celulares em uma interação
PapelProduct Designer e PM
DuraçãoJun–nov 2024 · 6 meses
Equipe2 designers
3 desenvolvedores
ResponsabilidadesLiderança de pesquisa e escopo
Interfaces e design system

Roadmap do projeto

Duração e marcos do projeto · 2024
Frente / atividadeDuraçãoJunJulAgoSetOutNov
DiscoveryEnquadramento do problema12 dias
Pesquisa com estabelecimentos12 dias
EscopoDefinição inicial da solução12 dias
Ideação e estrutura dos fluxos5 dias
IdentidadeDireção da identidade5 dias
DeliveryRefinamento e preparação da versão19 dias
Versão 1.0 publicada1 dia
MarketingPersonalização e primeiros contatos5 dias
Materiais comerciais2 dias
Divulgação na imprensa1 dia

02 / Contexto

Como o Figal começou

O Figal nasceu de um brainstorming entre cinco pessoas com o desafio de criar um aplicativo de ponta a ponta. Ao explorar problemas e ideias, escolhemos investigar o relacionamento entre estabelecimentos e clientes.

Big Idea

Relacionamento com o cliente.

03 / Discovery

Desk research

Our initial research into customer relationships suggested a hypothesis: businesses focused on attracting, selling and serving, with less attention to what happened after the purchase. Two points guided our investigation:

  • Building loyalty involved recognizing customers, understanding preferences and listening to feedback.
  • Without records connecting visits, tracking repeat business and evaluating loyalty initiatives was difficult.
Customer JourneyRestaurant Strategies
Lead operations

Prospecting and getting potential customers

Sales

Converting my customer to actually buy my product

Operations

Ensuring the customer receives my product and is able to use it

Portfolio managementNeglected stage

Retaining and increasing business opportunities with customers

Our initial assessment was that after-sales service lacked structure: returning customers did not always receive recognition or rewards to encourage another visit. Yet satisfied regulars tend to bring friends and family, generating word-of-mouth marketing for the restaurant. We took this hypothesis into the interviews.

Entrevistas com 11 estabelecimentos

Entrevistamos negócios do ramo alimentício em Curitiba para entender como reconheciam e mantinham contato com clientes recorrentes, quais programas de fidelidade usavam e como mediam custos e retorno.

As principais conclusões foram:

  • Negócios com boa demanda nem sempre paravam para pensar em fidelização.
  • Quem usava cartões tinha poucas métricas e dificuldade para justificar a escolha.
  • Clientes recorrentes eram reconhecidos de vista. Drip Café e Coco Oz guardavam cartões resgatados para estimar custos.
  • O Local Café queria saber quem voltava e quantos cartões utilizava, mas não tinha um método para acompanhar isso.
  • Alguns negócios demonstraram interesse no projeto. A resistência dos clientes a instalar novos aplicativos foi um ponto de atenção.

Um dos entrevistados compartilhou sua experiência com fidelização:

Depoimento sobre fidelização

Pesquisa etnográfica digital

We looked for customer accounts on X (Twitter) and Reddit about loyalty programs and cards. Our main findings were:

  • Completing a card encouraged repeat visits and recommendations: a Casa Burguer customer finished a third card and brought friends.
  • Paper put that progress at risk: a Captain Donuts customer lost a card one stamp away from a reward.
Casa Burguer customer account.
Casa Burguer customer account.
Captain Donuts customer account.
Captain Donuts customer account.

Oportunidade: digitalizar o cartão

A pesquisa apontou a oportunidade de digitalizar o cartão, mantendo a lógica familiar de acumular pontos e resgatar recompensas. Comparamos carteiras e editores de passes para entender os limites técnicos e de personalização da Apple Wallet e do Google Wallet.

AppWhat we explored
Pass2U WalletCreating passes and adding them to Wallet by scanning codes.
ONE WalletManaging cards with barcodes or QR codes, including tickets, coupons and loyalty cards.
Make a PassPass editing and customization options.
CatimaAn Android app for storing loyalty cards using barcodes.

Benchmarking: concorrentes e soluções de fidelização

Também analisamos soluções de fidelização do mercado, da configuração dos programas ao acompanhamento dos resultados.

ReferenceWhat we observed in 2024Design implication
BoomerangmeWhat we observed in 2024Customizable Wallet cards; setup friction and flow failures.Design implicationSimplify setup.
BarcodesWhat we observed in 2024Cards on phones and watches via QR or barcode.Design implicationMake cards easy to receive and access.
FideliziWhat we observed in 2024Rewards on a dedicated tablet; no customer app.Design implicationConsider equipment already at the counter.
FideloWhat we observed in 2024Creation, distribution and insights; a steep learning curve.Design implicationConnect these steps in a clear flow.
GiftayWhat we observed in 2024QR scanning; videos explained the service before sign-up.Design implicationShow the value before registration.
Fidel, Fidelimax e FidelizzaWhat we observed in 2024A separate customer app added friction.Design implicationReduce the steps needed to join.
Giftay: product demonstration.
Giftay: product demonstration.
Giftay: sign-up screen.
Giftay: sign-up screen.
Boomerangme: card management.
Boomerangme: card management.
Barcodes on Apple WatchBarcodes app
Barcodes: cards accessible on the phone and watch.
Fidelizi: the tablet-based loyalty model.
Fidelizi: the tablet-based loyalty model.
Fidelo: creating and managing loyalty cards.
Fidelo: creating and managing loyalty cards.

Síntese da pesquisa

A pesquisa definiu duas necessidades que a solução deveria atender:

  • Para o cliente: manter os pontos acessíveis, sem depender do papel ou instalar outro app.
  • Para o estabelecimento: registrar as visitas e usar esses dados no relacionamento.

Problem Statement

Pequenos estabelecimentos desconhecem o potencial dos dados de clientes recorrentes no pós-venda, pois não coletam, analisam nem agem com base nas informações dos consumidores fora do ponto de venda.

04 / Prototipação

De junho a agosto de 2024, sketches, Crazy 8 e wireflows organizaram a navegação e orientaram quatro versões da interface.

Quatro momentos da interface

  • V1: fluxos principais com padrões do iOS.
  • V2: exploração da primeira identidade visual.
  • V3: interface neutra e ampliação dos fluxos.
  • Final: decisões consolidadas para implementação.

05 / Escopo e soluções

POC: da hipótese com NFC à validação por QR Code

Com o problema definido, validamos a viabilidade técnica do núcleo do projeto: emitir, receber e atualizar cartões na Apple Wallet e no Google Wallet.

Primeira hipótese: aproximação por NFC

A POC com CoreNFC dependia de uma certificação específica da Apple para o uso pretendido em 2024. O contato com Developer Relations da Apple Brasil não viabilizou esse caminho.

Segunda hipótese: leitura de QR Code

O teste com QR Code validou a emissão, o recebimento e a pontuação do cartão. Ao fim do primeiro ciclo, apresentamos a API integrada ao aplicativo.

Da infraestrutura à atualização do cartão

  1. Configurar e emitir. Firebase Cloud Functions e Firestore criavam e assinavam o passe, acessível por QR Code.
  2. Registrar o cartão e o dispositivo. A API associava cartão e dispositivo para enviar notificações de atualização.
  3. Consultar e entregar atualizações. A carteira consultava as mudanças e recebia o cartão com os novos pontos.
  4. Pontuar pelo aplicativo. O estabelecimento adicionava pontos pelo app, completando a integração com a Wallet.

Proposta de solução

A solução melhora a experiência de fidelização dos dois lados: pequenos estabelecimentos ganham métricas e insights para crescer com clientes recorrentes, e os clientes têm seus cartões de fidelidade no celular.

Solução 01

Entrada e gestão da conta

DorSolução
O estabelecimento precisa entender a proposta, iniciar o uso e gerenciar sua conta.Apresentação do produto, cadastro, verificação de e-mail e escolha do plano com duas semanas grátis. O perfil reúne assinatura, dados, documentos legais, saída e exclusão da conta.

Ilustrações e onboarding

OnboardingLogin
Create your digital loyalty card
Illustrations and onboarding
Creating an accountVerificationPlans choosement
Getting started and managing an account
Getting started and managing an account
SuccessBusiness setup
Business setup
Business setup
SettingsNo active plan
Other
Other

Solução 02

Criar o programa de fidelidade

DorSolução
A configuração dos programas analisados era complexa e centrada no desktop.Criação de modelos no iPhone, com nome, recompensa, quantidade de pontos, validade e imagem do cartão.
Empty StateFirst cardMultiple cards
Create a loyalty program → states
Create a loyalty program → states
New template – DetailsNew template – Appearance
Create a loyalty program → forms empty
Create a loyalty program → forms empty
New template – DetailsNew template – Appearance
Create a loyalty program → forms filled
Create a loyalty program → forms filled

Solução 03

Receber o cartão sem instalar outro app

DorSolução
As entrevistas apontaram resistência à instalação de novos aplicativos.QR Code para o cliente informar seus dados e adicionar o cartão à carteira por App Clip ou web.
Customer scans the business’s QR codeCustomer detailsLoading State
Receive a card without installing another app
Receive a card without installing another app

Solução 04

Pontuar e concluir o cartão

DorSolução
Cartões físicos resgatados eram guardados para estimar recompensas e custos.QR Code ou código manual para adicionar pontos. Ao completar o cartão, o fluxo orienta a entrega da recompensa e o encerramento.
QR code scanningAdding pointsFeedback
Stamp and complete a card – reading and stamping
Stamp and complete a card – reading and stamping
Customer completed the cardAdding a new card to Wallet
Stamp and complete a card → finishing stamps
Stamp and complete a card → finishing stamps
Loyalty card models

Solução 05

Acompanhar a recorrência

DorSolução
Os estabelecimentos tinham dificuldade para saber quem retornava e quantos cartões utilizava.Indicadores de distribuição, conclusão de cartões e retorno de clientes, atualizados a cada novo cartão distribuído.
Distribution and use → Updated insights
Distribution and use → Updated insights

Solução 06

Manter contato depois da compra

DorSolução
O relacionamento após a compra tinha pouco acompanhamento e dependia de iniciativas manuais.Mensagem e localização vinculadas ao modelo. Na demonstração, clientes a até 100 metros recebem uma notificação que abre o cartão na Wallet.
Create a loyalty program – notification
Create a loyalty program – notification

06 / Identidade

Desenvolvida junto às interfaces, com uma etapa dedicada em agosto, a identidade reuniu marca, ilustrações, onboarding e fotografia.

O produto em contexto

07 / Delivery

Design system

Adotamos uma interface minimalista para dar espaço à marca de cada restaurante nos cartões. A personalidade do Figal ficou na arquitetura da informação, na composição e no craft dos componentes e interações.

Logo and app icon

Figal
Light
Dark
Tinted

Interface palette

Primary#09080D
Secondary#565655
Disabled#A8A8A8
Card#EDEDED
Field#F4F4F4
Surface#FCFCFC
ActiveSuccessError

Component typography · Manrope

Card title21 / 700
Alert title16 / 700
Button16 / 400
Text field15 / 400
Small button14 / 700
Label12 / 400
Helper text11 / 400
Tab label10 / 400

Buttons and states

Interaction

Text fields

Interaction

Table View

EmailYour account informationcmspola@gmail.com
Manage planYour account informationFigal Premium
Login and securityYour account information—
Personal dataView and update your personal data—
Privacy policyYour account information—
Terms of useYour account information—
My accountYour account information—
Sign outYour account information—

Stamp selector

1 stamp

Segmented control

Card Model

Main TemplateActive
Café moído em um filtro
RewardCappuccino with milk
Expires07/08/2024

Tab Bar

Your cards

Create and manage loyalty cards.

Alerts and feedback

Are you sure you want to delete this account?

Be careful: this action cannot be undone and all your data will be lost.

Qualidade da implementação

Corrigimos os 28 cards de QA abertos pelo time: 3 de prioridade alta, 8 média e 17 baixa. Os ajustes cobriram cartões, QR Code, scanner, pontuação, confirmações e consistência da interface. Ferramentas online apoiaram as verificações de acessibilidade.

Ajustes a partir do uso real

No piloto gratuito em uma loja de doces, dúvidas sobre a validade dos cartões mostraram que as regras precisavam ser explicadas, além de configuráveis.

08 / Marketing

Preparamos prints, site, vídeos e materiais de prospecção entre agosto e novembro. A versão 1.0 foi publicada em 21 de novembro de 2024.

Apresentação na loja

One app for businesses to create, share and stamp loyalty cards. Customers keep their cards on their phones, without installing another app.

Download on the App Store

Estratégia de marca

Brand purpose

We believe in the connection between small businesses and their customers. We exist to strengthen this connection through technology.

Our mission

To offer a simple and accessible digital loyalty solution for small businesses, making it easier to use data to strengthen customer loyalty.

Our vision

To be a reference in digital loyalty and relationship marketing for local businesses in Brazil.

Webpage e material comercial

Apresentações e peças para WhatsApp complementaram o site na prospecção de estabelecimentos.

Scroll inside the screen to explore.

Vídeos de divulgação

Vídeo de divulgação
Manifesto do Figal

09 / Reflexão

Resultados

Pesquisa

11 estabelecimentos

Entrevistados em Curitiba.

Uso real

1 piloto gratuito

Feedback sobre a experiência.

Prospecção ativa

3 reuniões

Abordamos 10 potenciais clientes e conseguimos reuniões com Ichimon, Choco Oz e Grupo Tacla.

Aquisição

1 cliente via imprensa

Pizzaria vinda da MacMagazine.

Featured in MacMagazine on November 21, 2024, as an alternative to physical loyalty cards.

Feedback dos estabelecimentos prospectados

“I loved the platform’s proposal”

Nabru Tattoo

“Makes sense for my ice cream business, I’ll be in touch!”

Conrado from LOCAL

“Cool! For me, the R$ 200.00 I paid for another similar service was a lot… this value is much more affordable for me”

Daniel from Bubble Mix

“Can you tell me if the app would work on any iPhone? I’m trying to think of how to present the best proposal to my bosses, and if it worked on an old, cheap model, I think it would be easier to convince them.”

Thais from Ichimon

Aprendizados

  • Decisão de compra. Nas franquias, era preciso identificar quem decidia a contratação e avaliar a disposição para pagar.
  • Acesso ao produto. A restrição ao iPhone limitava a adoção. Android e desktop precisavam ser considerados conforme os equipamentos dos negócios.
  • Continuidade da operação. Suporte e correção de bugs exigiam dedicação contínua. Ainda faltava investigar se as mensagens por proximidade geravam novas visitas.

Figal landing page

MacMagazine

Figal aims to replace physical loyalty cards

Yan Avelino · November 21, 2024

The article introduces Figal’s digital loyalty cards: businesses create templates, share cards by QR code, award stamps and follow performance. Customers keep their cards in Apple Wallet.

Read the original article

Article preview. MacMagazine restricts display within other websites. The original article is in Portuguese.