RESID


2024

Redesenhando o aplicativo de uma membership club

DURAÇÃO

2 meses

EQUIPE

2 UI Designers | 2 Devs

MINHAS RESPONSABILIDADES

Fluxo do usuário Protótipo

FERRAMENTAS

Figma Adobe Photoshop

RESID


2024

Redesenhando o aplicativo de uma membership club

DURAÇÃO

2 meses

EQUIPE

2 UI Designers | 2 Devs

MINHAS RESPONSABILIDADES

Fluxo do usuário Protótipo

FERRAMENTAS

Figma Adobe Photoshop

RESID


2024

Redesenhando o aplicativo de uma membership club

DURAÇÃO

2 meses

EQUIPE

2 UI Designers | 2 Devs

MINHAS RESPONSABILIDADES

Fluxo do usuário Protótipo

FERRAMENTAS

Figma Adobe Photoshop

RESID


2024

Redesenhando o aplicativo de uma membership club

Redesenhando o aplicativo de uma membership club

Redesenhando o aplicativo
de uma membership club

Este projeto fiz no tempo que trabalhei na Moonkey (Consultoria) e o escopo envolvia apenas a entrega do protótipo, sem acompanhamento pós lançamento

Este projeto fiz no tempo que trabalhei na Moonkey (Consultoria) e o escopo envolvia apenas a entrega do protótipo, sem acompanhamento pós lançamento

Duração

2 meses

Equipe

2 UI Designers

2 Devs

Minhas responsabilidades

Fluxo do usuário

Protótipo

Ferramentas

Figma

Adobe Photoshop

CONTEXTO

Redesenhar um aplicativo de reserva para hospedagens e experiências

Redesenhar um aplicativo de reserva
para hospedagens e experiências

A Resid Club é um clube de membros brasileiro voltado para a classe A que oferece reserva de hospedagens e experiências exclusivas.
Atuei dentro da consultoria trabalhando como UI designer para entregar um novo protótipo do aplicativo de reservas da Resid.

A Resid Club é um clube de membros brasileiro voltado para a classe A que oferece reserva de hospedagens e experiências exclusivas.
Atuei dentro da consultoria trabalhando como UI designer para entregar um novo protótipo do aplicativo de reservas da Resid.

A Resid Club é um clube de membros brasileiro voltado para a classe A que oferece reserva de hospedagens e experiências exclusivas.

Atuei dentro da consultoria trabalhando como UI designer para entregar um novo protótipo do aplicativo de reservas da Resid.

2 meses

DURAÇÃO

2 UI Designers

2 Devs

EQUIPE

MINHAS RESPONSABILIDADES

Fluxo do usuário

Protótipo

FERRAMENTAS

Figma
Adobe Photoshop

CONTEXTO

Redesenhar um aplicativo de reserva para hospedagens e experiências

A Resid Club é um clube de membros brasileiro voltado para a classe A que oferece reserva de hospedagens e experiências exclusivas.

Atuei dentro da consultoria trabalhando como UI designer para entregar um novo protótipo do aplicativo de reservas da Resid.

O foco era a entrega do protótipo

O escopo envolvia apenas a entrega do protótipo, sem acompanhamento pós-lançamento.

PROBLEMA

Fricção na navegação e baixa percepção
de valor do benefício no protótipo anterior

Fricção na navegação e baixa percepção de valor do benefício no protótipo anterior

Fricção na navegação e baixa percepção de valor do benefício no protótipo anterior

O desafio era equiparar a experiência digital do aplicativo ao alto padrão do atendimento offline, eliminando fricções de navegação e aumentando a clareza e a percepção de valor dos benefícios do clube para os membros.

O desafio era equiparar a experiência digital do aplicativo ao alto padrão do atendimento offline, eliminando fricções de navegação e aumentando a clareza e a percepção de valor dos benefícios do clube para os membros.

Grade de benchmarking listando empresas como samsung, apple, amazon, lg, google, wavio, square glow, bellman & symfon e sonic alert.
Grade de benchmarking listando empresas como samsung, apple, amazon, lg, google, wavio, square glow, bellman & symfon e sonic alert.
Grade de benchmarking listando empresas como samsung, apple, amazon, lg, google, wavio, square glow, bellman & symfon e sonic alert.

Esta é versão antiga do protótipo

Esta é versão antiga do protótipo

OBJETIVOS

Para solucionar esses problemas, estabelecemos dois objetivos principais

Para solucionar esses problemas, estabelecemos dois objetivos principais

Para solucionar esses problemas, estabelecemos
dois objetivos principais

1) Eliminar gargalos de usabilidade
Foi necessário mapear todo o fluxo do aplicativo para verificar se faltava implementar alguma tela e/ou navegação.

2) Alinhar o aplicativo ao alto padrão da marca
O cliente solicitou um novo protótipo que se equiparasse a experiência de alto padrão que a empresa se propõe no atendimento.

1) Eliminar gargalos de usabilidade
Foi necessário mapear todo o fluxo do aplicativo para verificar se faltava implementar alguma tela e/ou navegação.

2) Alinhar o aplicativo ao alto padrão da marca
O cliente solicitou um novo protótipo que se equiparasse a experiência de alto padrão que a empresa se propõe no atendimento.

1) Eliminar gargalos de usabilidade
Foi necessário mapear todo o fluxo do aplicativo para verificar se faltava implementar alguma tela e/ou navegação.

2) Alinhar o aplicativo ao alto padrão da marca
O cliente solicitou um novo protótipo que se equiparasse a experiência de alto padrão que a empresa se propõe no atendimento.

SOLUÇÃO

Do visível ao memorável, elevando o padrão visual e a retenção do clube

Do visível ao memorável, elevando o padrão visual e a retenção do clube

Do visível ao memorável, elevando o padrão visual
e a retenção do clube

O aplicativo deve oferecer no digital o mesmo nível da experiência offline.

Ao elevar o padrão visual de cada interface, transformamos a jornada do nosso público para que cada interação seja memorável.

O aplicativo deve oferecer no digital o mesmo nível da experiência offline.

Ao elevar o padrão visual de cada interface, transformamos a jornada do nosso público para que cada interação seja memorável.

O aplicativo deve oferecer no digital o mesmo nível da experiência offline.

Ao elevar o padrão visual de cada interface, transformamos a jornada do nosso público para que cada interação seja memorável.

O aplicativo deve oferecer no digital o mesmo nível da experiência offline.


Ao elevar o padrão visual de cada interface, transformamos a jornada do nosso público para que cada interação seja memorável.

Análise da usabilidade e estética
do protótipo antigo

Análise da usabilidade e estética
do protótipo antigo

Análise da usabilidade e estética
do protótipo antigo

Revisamos todas as telas desenhadas e identificamos melhorias e outros ajustes necessários para melhorar a experiência do usuário.

Revisamos todas as telas desenhadas e identificamos melhorias e outros ajustes necessários para melhorar a experiência do usuário.

Revisamos todas as telas desenhadas e identificamos melhorias e outros ajustes necessários para melhorar a experiência do usuário.

O design do aplicativo não tem grande apelo visual

O design do aplicativo não tem grande apelo visual

O design do aplicativo não tem grande apelo visual

Principalmente na tela inicial os cards das experiências tem pouco destaque para as imagens, mas elas poderiam ter mais destaque.

Principalmente na tela inicial os cards das experiências tem pouco destaque para as imagens, mas elas poderiam ter mais destaque.

Grande uso de texto corridos

Grande uso de texto corridos

Grande uso de texto corridos

Na tela de detalhes sobre o hotel ou experiência temos dois textos longos que não atraem o usuário para ler o conteúdo.

Na tela de detalhes sobre o hotel ou experiência temos dois textos longos que não atraem o usuário para ler o conteúdo.

Pouca exibição dos colecionáveis no aplicativo

Os colecionáveis só eram visíveis no perfil do usuário e em nenhum outro momento no fluxo.

Falta de padronização nos tamanhos
e espaçamentos

Ao longo do aplicativo tempos diversos tamanhos de fonte utilizados, sem um padrão claro.

Pouca exibição dos colecionáveis no aplicativo

Pouca exibição dos colecionáveis no aplicativo

Pouca exibição dos colecionáveis no aplicativo

Os colecionáveis só eram visíveis no perfil do usuário e em nenhum outro momento no fluxo.

Os colecionáveis só eram visíveis no perfil do usuário e em nenhum outro momento no fluxo.

Falta de padronização nos tamanhos e espaçamentos

Falta de contexto de negócio

Falta de padronização nos tamanhos e espaçamentos

Ao longo do aplicativo tempos diversos tamanhos de fonte utilizados, sem um padrão claro.

Ao longo do aplicativo tempos diversos tamanhos de fonte utilizados, sem um padrão claro.

Mapeando fluxos incompletos
no protótipo antigo

Mapeando fluxos incompletos
no protótipo antigo

Mapeando fluxos incompletos no protótipo antigo

Após realizar a análise e lista as melhorias, estruturei o mapa do aplicativo, como um sitemap porém com um pequeno fluxo para demonstrar a relação entre as páginas e conteúdos antes de iniciar o desenho das telas.

Também foram acrescentadas novas telas que não haviam sido feitas anteriormente.

Após realizar a análise e lista as melhorias, estruturei o mapa do aplicativo, como um sitemap porém com um pequeno fluxo para demonstrar a relação entre as páginas e conteúdos antes de iniciar o desenho das telas.

Também foram acrescentadas novas telas que não haviam sido feitas anteriormente.

A vitrine com melhores experiências
e hotéis de alto padrão

A vitrine com melhores experiências

A vitrine com melhores experiências

O novo design atua como uma vitrine estratégica, elevando o apelo visual dos produtos e o desejo em experimentar as experiências exclusivas e hotéis.

O novo design atua como uma vitrine estratégica, elevando o apelo visual dos produtos e o desejo em experimentar as experiências exclusivas e hotéis.

Antes

Tela inicial

Depois

Tela inicial

Explore cada vantagem e detalhe exclusivo para uma escolha impecável

Explore cada vantagem e detalhe exclusivo para uma escolha impecável

Explore cada vantagem e detalhe exclusivo
para uma escolha impecável

Explore cada vantagem e detalhe exclusivo para uma escolha impecável

Unimos informações objetivas a um visual impactante que destaca o que há de mais valioso em cada produto, tornando as vantagens irresistíveis ao primeiro olhar.

Unimos informações objetivas a um visual impactante que destaca o que há de mais valioso em cada produto, tornando as vantagens irresistíveis ao primeiro olhar.

Antes

Produto

Depois

Produto

Eternize sua jornada com a Resid colecionando ativos digitais exclusivos

Eternize sua jornada com a Resid colecionando ativos digitais exclusivos

Eternize sua jornada com a Resid colecionando
ativos digitais exclusivos

Eternize sua jornada com a Resid colecionando ativos digitais exclusivos

O ganho de colecionáveis exclusivos gamifica ao premiar a aquisição de hotéis e experiências com ativos digitais, esse recurso pode elevar o LTV, criando uma barreira de valor que consolida a retenção e a fidelidade no aplicativo a longo prazo.

O ganho de colecionáveis exclusivos gamifica ao premiar a aquisição de hotéis e experiências com ativos digitais, esse recurso pode elevar o LTV, criando uma barreira de valor que consolida a retenção e a fidelidade no aplicativo a longo prazo.

Antes

Produto

Depois

Produto

Completei o fluxo de colecionável que estava com telas faltando

O fluxo anterior tinha apenas o local onde os colecionáveis ficariam armazenados, mas não tinha nenhuma tela anterior que avisava desse brinde. Então informamos na tela de detalhes da hospedagem ou experiência se ela irá ganhar um colecionável ao reservar e também uma tela para avisar que ganhou o colecionável depois de visitar a hospedagem ou viver a experiência.

Completei o fluxo de colecionável que estava com telas faltando

O fluxo anterior tinha apenas o local onde os colecionáveis ficariam armazenados, mas não tinha nenhuma tela anterior que avisava desse brinde. Então informamos na tela de detalhes da hospedagem ou experiência se ela irá ganhar um colecionável ao reservar e também uma tela para avisar que ganhou o colecionável depois de visitar a hospedagem ou viver a experiência.

Completei o fluxo de colecionável que estava com telas faltando

Completei o fluxo de colecionável que estava com telas faltando

O fluxo anterior tinha apenas o local onde os colecionáveis ficariam armazenados, mas não tinha nenhuma tela anterior que avisava desse brinde. Então informamos na tela de detalhes da hospedagem ou experiência se ela irá ganhar um colecionável ao reservar e também uma tela para avisar que ganhou o colecionável depois de visitar a hospedagem ou viver a experiência.

O fluxo anterior tinha apenas o local onde os colecionáveis ficariam armazenados, mas não tinha nenhuma tela anterior que avisava desse brinde. Então informamos na tela de detalhes da hospedagem ou experiência se ela irá ganhar um colecionável ao reservar e também uma tela para avisar que ganhou o colecionável depois de visitar a hospedagem ou viver a experiência.

Aprendizados

Tive diversos aprendizados durante o processo, mas destaquei apenas dois

Tive diversos aprendizados durante o processo, mas destaquei apenas dois

Tive diversos aprendizados durante o processo,
mas destaquei apenas dois

1) Exploração de versões
Explorar possibilidades de telas em algumas versões até chegar na versão final foi importante para garantir a valorização dos produtos

2) Não se limitar ao que foi pedido
Os stakeholders tinham uma expectativa e fomos além da estética, mapeamos a jornada e revisamos a interface para entregar uma solução com embasamento teórico

1) Exploração de versões
Explorar possibilidades de telas em algumas versões até chegar na versão final foi importante para garantir a valorização dos produtos

2) Não se limitar ao que foi pedido
Os stakeholders tinham uma expectativa e fomos além da estética, mapeamos a jornada e revisamos a interface para entregar uma solução com embasamento teórico

Próximos passos

Esses seriam os passos que eu seguiria,
se tivesse participado das evoluções

Esses seriam os passos que eu seguiria, se tivesse participado das evoluções

O Painel de controle traz visibilidade dos atendimentos,
mas ele tem o potencial de evoluir e se tornar mais proativo

Esses seriam os passos que eu seguiria,
se tivesse participado das evoluções

1) Monitorar métricas
Implementar e analisar eventos para identificar problemas na jornada que foi desenhada sem a contribuição do usuário e entender se o fluxo faz sentido ele.

2) Validação do aplicativo
Com a implementação dos eventos, acompanharíamos as métricas para validar as hipóteses de conversão e retenção pós-lançamento.

3) Pesquisa com usuários
Realizar testes de usabilidade e entrevistas com usuários reais para entender a percepção de valor dos ativos digitais, garantindo ele tenha cumprido seu objetivo.

1) Monitorar métricas
Implementar e analisar eventos para identificar problemas na jornada que foi desenhada sem a contribuição do usuário e entender se o fluxo faz sentido ele.

2) Validação do aplicativo
Com a implementação dos eventos, acompanharíamos as métricas para validar as hipóteses de conversão e retenção pós-lançamento.

3) Pesquisa com usuários
Realizar testes de usabilidade e entrevistas com usuários reais para entender a percepção de valor dos ativos digitais, garantindo ele tenha cumprido seu objetivo.

Create a free website with Framer, the website builder loved by startups, designers and agencies.