beautyclass
product design
mobile platform

Ajudando profissionais da indústria da beleza a melhorar suas habilidades

empresa

Aula de beleza

função

Designer de produto

Tipo

Interno

ano

2019-2020

Visão geral

Puro e simples: uma plataforma de aprendizado on-line para profissionais de beleza.

A oportunidade

A capacidade de iterar mais rapidamente e oferecer uma experiência melhor aos alunos. Vá além das aulas em si e torne-se uma ferramenta.

Contexto

a empresa

A empresa tem foco no setor de beleza e oferece dois produtos principais. O primeiro produto é uma assinatura única que fornece acesso a vários cursos de nível básico. O segundo produto é um programa estruturado que inclui orientação.

o produto existente

O produto principal foi inicialmente denominado BeautyClass Flix, que era uma plataforma de vídeo on-line que oferecia vários cursos com uma única assinatura. No entanto, como parte de uma reestruturação da oferta da empresa, o produto estava programado para ser renomeado como BeautyClass Pro.

a equipe

Companhia

Beautyclass

Gerente de projeto

Gustavo Veiga

Product Designer

Guilherme Bayara 👈 este sou eu

Desenvolvedor Full Stack

Lucas Lopes

Objetivos

  • Traga o aplicativo internamente
  • Melhore a satisfação do cliente
  • Implemente novos recursos

Desafios

Low end phones

A maioria dos clientes tem dispositivos de baixo custo, com memória limitada e sem acesso fácil aos dados móveis.

Transição de plataforma

A primeira versão da plataforma foi criada por terceiros, e a empresa não teve acesso aos seus dados para facilitar a migração.

Tempo e recursos limitados

A equipe era pequena e o orçamento era apertado, o que significava recursos limitados além da pura mão de obra.

Acidente da Black Friday

Durante a promoção da Black Friday de 2019, a plataforma anterior caiu completamente, deixando os usuários sem acesso.

Projeto

Inicialmente, o projeto visava reformular a plataforma de vídeo. No entanto, à medida que encontramos dificuldades e obstáculos ao longo do caminho, o projeto evoluiu. Em vez de desenvolver uma solução completamente nova, a ênfase mudou para melhorar e refinar iterativamente o que já havíamos construído.

The three main components of the project already exist in the market. How can we reestructure them?

Minha contribuição

O único designer

Como único designer em uma pequena equipe, liderei todo o processo de design do início ao fim. Além do projeto, também assumi a responsabilidade de cultivar uma cultura de design em toda a empresa.

O que é

Plataforma de vídeo

Basicamente, é uma plataforma de vídeo com vários cursos em uma única assinatura.

Soluções

Tudo caiu! Agora, o que?

O aplicativo sofreu uma falha completa durante a promoção da Black Friday e precisávamos urgentemente de uma solução. Naquela época, ainda estávamos na fase de pesquisa e teste com usuários para criar um novo aplicativo do zero, então não havia uma solução rápida disponível. Depois de algumas discussões, decidimos utilizar o recurso de apresentação do Vimeo como uma solução temporária, enquanto continuávamos trabalhando em uma solução mais permanente.

The three main components of the project already exist in the market. How can we reestructure them?
Aí vem o PWA

De acordo com Lucas, nosso desenvolvedor, poderíamos desenvolver um PWA funcional rapidamente se o reduzíssemos aos seus principais recursos. Colaboramos para determinar quais recursos incluir e quais remover e, em apenas alguns dias, tínhamos um PWA em funcionamento que poderíamos refinar no futuro. Esse PWA serviu como uma ponte para o aplicativo em que já estávamos trabalhando.

The three main components of the project already exist in the market. How can we reestructure them?
PWA como campo de testes

Depois que nossa base de usuários fez a transição para o PWA, nós o tornamos nossa plataforma padrão. Isso trouxe várias vantagens importantes para nós. Em primeiro lugar, pudemos testar os recursos muito rapidamente. Em segundo lugar, não precisávamos mais ocupar muito espaço nos telefones de nossos usuários. Dois recursos que testamos no PWA - downloads de certificados e fórmulas de produtos - se mostraram muito promissores e foram posteriormente adicionados ao nosso roteiro de aplicativos. Antes disso, os certificados eram enviados manualmente e as fórmulas só apareciam em vídeos.

The three main components of the project already exist in the market. How can we reestructure them?

Processo

Como eu trabalhei

colaboração

A colaboração era um aspecto essencial do nosso processo, e eu me certifiquei de ter ferramentas para manter todos sincronizados. Adotamos uma abordagem de equipe para tomar decisões sobre produtos e trocamos ideias regularmente uns com os outros para encontrar as melhores soluções, especialmente quando enfrentamos desafios.

CONCENTRE-SE NO BÁSICO

Apesar das limitações impostas pelos dispositivos dos usuários, conseguimos aprimorar sua experiência priorizando a melhoria dos recursos essenciais. Nosso foco era oferecer um serviço mais confiável e fazer com que o básico funcionasse melhor. Por exemplo, aprimoramos a navegação por categorias para permitir que os usuários encontrem seus cursos com mais facilidade. Também adicionamos a seção “Continuando assistindo”, o que resultou em um aumento nas taxas de conclusão em todos os cursos.

Aprendizagens

iteração

O valor de aproveitar a iteração no PWA e no aplicativo nativo, o que ajudou a identificar possíveis pontos problemáticos que teriam sido implementados no aplicativo nativo.

Resultados

Projetos finais

Aplicativo nativo

Informado pelo PWA, o aplicativo nativo nasceu. A filosofia iterativa foi mantida.

The three main components of the project already exist in the market. How can we reestructure them?

Impacto

Menores números de tíquetes de suporte

A implementação do certificado por si só reduziu o número de tickets de suporte em mais de 20% em comparação com os números anteriores ao acidente.

Menor taxa de rotatividade

Após a implementação do PWA e antes da pandemia, a taxa de rotatividade estava diminuindo consistentemente.