Conheça o redesign da área de membros do Inside Beauty Hub: arquitetura da informação, UX/UI, IA, onboarding e assinatura em uma experiência mais clara e segura.
Ana Cecília
Cofundadora
Na Parte 1 deste case, mostramos como reconstruímos a landing page do Inside Beauty Hub. Agora, vamos olhar para dentro da plataforma.
Neste artigo, mostramos como a Milan Design Studio conduziu o design da área de membros e o redesign da plataforma por assinatura do Inside Beauty Hub, voltada aos mercados de beleza, saúde e bem-estar.
O desafio era transformar funções pouco claras em uma experiência mais intuitiva, organizar o acesso aos conteúdos e tornar os fluxos de cadastro e pagamento mais claros e seguros.
O que é a plataforma do Inside Beauty Hub?
Um ambiente exclusivo de uma plataforma em que os assinantes acessam conteúdos, ferramentas e informações da própria conta após fazer login.
O Inside Beauty Hub é um hub de conhecimento por assinatura para os mercados de beleza, saúde e bem-estar. A plataforma oferece diferentes planos, com recursos disponíveis de acordo com a assinatura contratada.
Dentro da área de membros, o assinante pode:
Ler e baixar relatórios de mercado e tendências.
Assistir a masterclasses e webinars.
Explorar o Guia Cidades, com roteiros curados de lojas e experiências.
Conversar com a BI (Beauty Intelligence), a inteligência artificial da Inside Beauty.
Sugerir pautas, solicitar conselhos estratégicos e participar de eventos.
Agendar uma sessão individual anual com Alice Caetano.
O conteúdo é desenvolvido a partir das análises de Alice, que acompanha as tendências do mercado e as traduz em relatórios relevantes para o contexto brasileiro.
Para quem a plataforma foi pensada?
A plataforma atende empreendedoras, consultorias, agências de marketing e branding e equipes de produto e inovação.
Embora tenham necessidades diferentes, esses públicos compartilham um objetivo: tomar decisões com mais clareza em um mercado que muda constantemente.
Por isso, a experiência precisava atender tanto quem entra para consultar um relatório específico quanto quem deseja explorar tendências, descobrir novas referências e acompanhar os conteúdos disponíveis.
Qual era o desafio do redesign da plataforma por assinatura?
A versão anterior apresentava problemas de usabilidade que dificultavam a compreensão dos recursos e o uso da plataforma:
Funções pouco claras: não era evidente o que cada recurso oferecia nem por onde começar.
Telas sem diferenciação suficiente: áreas com objetivos distintos tinham aparências semelhantes, dificultando a identificação de suas funções.
Dados incompletos do cliente: o cadastro não contemplava todas as informações necessárias para os processos de pagamento e emissão de notas fiscais, dificultando o atendimento às necessidades operacionais e de compliance do negócio.
O desafio, portanto, não era apenas atualizar o visual. Precisávamos reorganizar a estrutura, simplificar os fluxos e considerar como as informações dos assinantes seriam solicitadas e utilizadas.
O que fizemos no projeto?
A Milan Design Studio projetou o sistema, da arquitetura da informação à documentação para desenvolvimento.
No Inside Beauty Hub, o trabalho contemplou diferentes etapas da experiência do produto:
Copy e linguagem da plataforma.
Arquitetura da informação.
Fluxos de navegação.
Onboarding de novos assinantes.
Design das interfaces para desktop e mobile.
Organização dos planos de assinatura.
Handoff e documentação para a equipe de desenvolvimento.
O desenvolvimento foi realizado pela Giano Digitale. Por isso, a documentação das telas, dos componentes e dos comportamentos esperados teve um papel importante na entrega, ajudando a orientar a implementação do produto.
Como organizamos a arquitetura da informação?
Na versão anterior, a navegação era dividida em menus genéricos, como “Conteúdo”, “Comunidade” e “Minha área”. Para descobrir o que cada seção oferecia, o assinante precisava entrar e explorar.
No redesign, reorganizamos o menu para apresentar diretamente os principais tipos de conteúdo: Home, Relatórios, Guia Cidades e Masterclass.
Essa mudança tornou a estrutura mais previsível e reduziu o esforço necessário para localizar cada recurso.
Os relatórios também passaram a contar com uma organização por categorias, como Beleza e Saúde e Bem-Estar, além de subcategorias relacionadas a cabelos, skincare, maquiagem e perfumaria. Filtros por tema e uma busca com sugestões de termos ajudam a refinar a consulta e encontrar conteúdos relevantes.
Como a home passou a orientar o assinante?
Em uma área de membros, a home funciona como ponto de partida para a experiência. Mais do que reunir funcionalidades, ela precisa ajudar o usuário a entender o que está disponível e decidir o próximo passo.
No Inside Beauty Hub, organizamos a página inicial para destacar:
BI, a IA da Inside Beauty: com sugestões de perguntas para iniciar uma conversa.
Próximos eventos: com informações de data, horário e formato.
Recursos de relacionamento: como Insider Pauta, Conselho da Inside e Mini Diagnóstico.
Para você: com recomendações de relatórios.
A hierarquia visual passou a refletir a importância e a finalidade de cada bloco. Em vez de apresentar uma sequência de cards com o mesmo peso, a home oferece caminhos mais claros para explorar a plataforma.
Como desenhamos a experiência com inteligência artificial?
A BI (Beauty Intelligence) permite consultar informações sobre mercado, comportamento do consumidor e tendências a partir da base de conhecimento da Inside Beauty.
Para facilitar seu uso, desenhamos uma interface familiar, com padrões que os usuários já reconhecem em ferramentas de conversa. A tela reúne histórico de conversas, busca, campo para perguntas, possibilidade de anexar imagens e sugestões para iniciar a interação.
Também incluímos um aviso de que a inteligência artificial pode cometer erros. Essa informação ajuda a estabelecer expectativas realistas e reforça a importância de avaliar criticamente as respostas geradas.
O objetivo foi tornar a ferramenta acessível dentro da experiência da plataforma, sem exigir que o assinante aprenda uma nova lógica de interação para utilizá-la.
Como tratamos cadastro, pagamento e dados dos assinantes?
O fluxo de assinatura exigia atenção especial porque envolve informações pessoais, dados de cobrança e decisões que afetam diretamente a confiança do usuário.
Para estruturar essa experiência, utilizamos como referência padrões de pagamento encontrados em grandes e-commerces. A familiaridade com esse tipo de fluxo ajuda o usuário a reconhecer as etapas e entender o que precisa fazer.
Também consideramos as diferentes necessidades de quem assina. Uma consultoria, por exemplo, pode precisar informar o CNPJ para emissão de nota fiscal, enquanto uma empreendedora pode utilizar o próprio CPF.
Com isso, organizamos o cadastro em três etapas:
Dados do usuário.
Endereço.
Pagamento.
O fluxo contempla aplicação de cupons, identificação por CPF ou CNPJ para emissão de nota fiscal e uma mensagem de segurança durante o processo.
No onboarding, também incluímos uma etapa de consentimento antes da inclusão do usuário na comunidade de WhatsApp. A intenção foi tornar essa escolha explícita, em vez de presumir a autorização do assinante.
Essas decisões de interface contribuem para uma experiência mais transparente e apoiam boas práticas relacionadas à privacidade e à proteção de dados. A conformidade com a LGPD, no entanto, também depende da implementação técnica, das políticas adotadas e dos processos de tratamento de dados da operação.
Como o design conecta a landing page à plataforma?
A experiência interna mantém a mesma linguagem visual da landing page apresentada na Parte 1 do case.
A paleta em tons de terracota, verde e azul, a tipografia e as formas da identidade da Inside Beauty foram aplicadas às interfaces da plataforma, respeitando as necessidades de cada contexto.
Essa continuidade ajuda a conectar os diferentes momentos da jornada: o visitante conhece a proposta da marca na landing page e encontra uma experiência visual coerente quando se torna assinante.
A identidade, nesse caso, não fica restrita à apresentação comercial. Ela também participa da experiência cotidiana de uso do produto.
Qual foi o resultado do projeto?
O redesign resultou em uma estrutura mais clara para acessar conteúdos, uma home com hierarquia visual definida, uma interface familiar para a inteligência artificial e fluxos mais organizados de cadastro, pagamento e gestão da assinatura.
A documentação também ajudou a orientar a equipe responsável pelo desenvolvimento, conectando as decisões de UX/UI à implementação do produto. Onde o projeto reorganizou a forma como os recursos são apresentados e como o assinante interage com eles.
A plataforma passou a refletir, também na experiência de uso, o cuidado dedicado ao conhecimento que entrega.
O que considerar no design de uma área de membros?
O projeto do Inside Beauty Hub evidencia alguns pontos importantes para quem planeja criar ou reformular uma plataforma por assinatura:
Navegação direta: apresente os principais conteúdos e recursos sem obrigar o usuário a explorar menus genéricos.
Home como ponto de partida: ajude o assinante a identificar o que está disponível e por onde começar.
Hierarquia entre telas: funções diferentes precisam ter estruturas visuais que comuniquem seus objetivos.
Cadastro em etapas: organize a coleta de informações para tornar o processo mais compreensível e fácil de acompanhar.
Privacidade e transparência: explique por que os dados são solicitados, como as escolhas são apresentadas e quando o consentimento é necessário.
Gestão da assinatura: permita consultar os detalhes do plano e entender as consequências de mudanças na contratação.
Documentação para desenvolvimento: registre componentes, estados e comportamentos esperados, especialmente quando outra equipe será responsável pela implementação.
Esses cuidados ajudam a construir uma experiência mais consistente, tanto para quem utiliza a plataforma quanto para as equipes responsáveis por mantê-la e evoluí-la.
Conclusão
Uma plataforma por assinatura não é um conjunto de conteúdos e funcionalidades. Ela faz parte de uma relação contínua entre a marca e seus clientes.
Por isso, cada recurso precisa ser fácil de encontrar, cada etapa deve deixar claro o que se espera do usuário e cada decisão envolvendo dados precisa ser tratada com responsabilidade.
No Inside Beauty Hub, a landing page apresenta a proposta de valor da marca. A área de membros é onde essa proposta ganha forma na experiência cotidiana do assinante.
Sua empresa precisa de uma área de membros ou de um sistema?
A Milan Design Studio projeta plataformas digitais e interfaces que conectam as necessidades do negócio a experiências claras, consistentes e preparadas para evoluir.
O que as pessoas entendem quando encontram sua marca?
Transformamos o que torna sua marca única em experiências digitais que comunicam valor e criam novas oportunidades.
Jonas Milan
Founder
Ana Cecília
Cofundadora
Designer de experiência com mais de 7 anos em UX, produto e estratégia. Coordenou Design e Experiência na Youcom (Lojas Renner) e atuou no marketplace da Renner pela Compass UOL. Pós-graduada em User Experience Design pela PUCRS e com MBA em Liderança e Gestão em Tecnologia, hoje conduz a estratégia de conteúdo e experiência dos projetos da Milan.
