Categoria: 🚀 Cases

Categorias
🚀 Cases

Como ajudamos o Grupo WK a automatizar seus processos

Em Novembro de 2023, demos início a um projeto de consultoria e implementação de soluções para um cliente estratégico, o Grupo WK. 

Dentro desse grupo, trabalhamos diretamente com duas empresas: a Wiler-K,  líder nacional em vendas de tecidos para decoração e a Edantex Import.

O desafio era claro: identificar oportunidades de melhoria nos processos e automatizar soluções.

Após uma série de entrevistas com todas as áreas da Wiler-K e da Edantex Import, tivemos a oportunidade de conhecer as dores de cada setor e propor soluções de evolução nos projetos.

 Desde então, nossa parceria tem sido marcada por entregas significativas que revolucionaram a operação do Grupo.

1. Relatórios de PowerBI:

Ao entender a necessidade do Grupo WK por uma visão holística de seus resultados financeiros, nós construímos uma API para extrair e tratar dados do ERP do cliente, hospedando-os na AWS Cloud. 

Dessa forma é possível ter uma análise profunda dos negócios, adaptados às demandas específicas de cada área.

2. Integração com a Blip Chat – Whatsapp Business:

Para melhorar o relacionamento com clientes e representantes, implementamos a Blip Chat. Integrando essa solução em tempo real com o ERP do Grupo WK, fornecemos insights valiosos e possibilitamos novas automações. 

O resultado foi uma experiência de atendimento mais eficiente e centralizada, impulsionada por métricas detalhadas e uma interface de administração intuitiva.

3. Integração com o App HORR Maximus 

A demanda por um aplicativo acessível aos representantes levou à escolha do HORR Maximus. Fornecemos os dados necessários para alimentar o aplicativo, capacitando os representantes com informações atualizadas sobre estoque, preços, descontos e muito mais. Isso permitiu uma gestão mais eficaz da força de vendas, com acesso rápido a informações cruciais para impulsionar o crescimento dos negócios.

4. App Edantrack – Controle de Endereçamento de CD:

Para otimizar o controle de endereços no centro de distribuição do Grupo WK, desenvolvemos o aplicativo Edantrack. Agora, a empresa tem uma solução prática e precisa para gerenciar a localização de produtos em seu armazém, melhorando a velocidade e a precisão das operações logísticas.

Essas conquistas foram possíveis graças ao trabalho conjunto de nossa equipe talentosa de desenvolvedores  back-end, que colaboraram de perto com o Grupo WK para entender suas necessidades e fornecer soluções inovadoras e escaláveis.

“Trabalhar no projeto do Grupo WK é uma grande oportunidade para nós como profissionais da Ene Soluções, de fazermos parte da transformação que está sendo construída passo a passo junto com o cliente, tudo isso em um ambiente saudável, colaborativo e com muitas oportunidades de mostrar nosso back-end de soluções, tanto como analistas, gestores e consultores envolvidos neste projeto.

O projeto do cliente é um grande desafio, e portanto com ambas as partes do negócio engajadas e abertas a novas soluções, cria-se então o ambiente ideal para propor novas ferramentas, automação de processos, análise de dados e efetuar a entrega de novos produtos de valor.”, diz Alex Gomes, Team Lead responsável por esse projeto.

Em resumo, nossa parceria com o Grupo WK não apenas modernizou seus processos de negócios, mas também os transformou, capacitando-os a enfrentar os desafios do mercado com confiança e eficiência.

Continuamos alocados no cliente, com uma equipe de oito pessoas 100% dedicadas a trazer soluções ainda mais inovadoras, colaborando ativamente na aceleração do negócio.

Categorias
🚀 Cases

Como ajudamos O Novo Mercado a dar um salto na experiência do usuário construindo uma nova interface do zero

O Novo Mercado é a mais completa escola de marketing digital do Brasil, com mais de 30 mil alunos a plataforma conta com 17 professores divididos em mais de 300 aulas, são diversos conteúdos agrupados em cursos específicos, cada um criado para atender as necessidades de negócio dos empreendedores.

O Novo Mercado também realiza transmissões ao vivo toda semana sendo abordados diversos assuntos, além de possuir uma super comunidade engajada e também um mercado de trabalho onde os profissionais buscam e oferecem seus serviços, tudo isso e um pouco mais dentro da plataforma.

Entendendo o projeto

Como em todo grande projeto, alinhamos com todas as partes interessadas as expectativas e objetivos a curto, médio e longo prazo. Em reuniões com o pessoal d’O Novo Mercado nós abordamos assuntos específicos que foram cruciais para definirem o nosso fluxo de trabalho, vamos conferir juntos alguns dos assuntos abordados.

Data science

Nada melhor que começar falando sobre dados, para este projeto o nosso time analisou com precisão o comportamento do usuário, apresentamos uma análise inteligente de cliques e diversos outros números que nos trouxeram diversos insights que nos deram insumo para começar o projeto. Para estruturar tudo, foi montada uma dashboard com algumas informações:

  • Alunos da base
  • Aulas mais assistidas
  • Cursos mais vistos
  • Cursos mais concluídos
  • Aulas mais favoritadas
  • Aulas mais comentadas
  • Churn rate
  • E muito mais

UX research

Com os números quantitativos em mãos fomos em busca de dados qualitativos, e para descobrir informações preciosas sobre o comportamento dos usuários nós entrevistamos 5 pessoas, esses usuários foram divididos em grupos específicos desde usuários novos até usuários avançados, essas pessoas foram essenciais para que pudéssemos criar uma visão de projeto mais profunda e inteligente, com o usuário no centro já começamos ganhando, e claro, as entrevistas nos renderam inúmeros insights através de relatos reais.

Redesign

Com toda a gama de dados e insights coletados partimos para a construção da primeira versão de uma home page, com o passar do tempo construímos outros fluxos, componentes e páginas. Tudo isso graças aos dados numerosos e baseado no comportamento do usuário. Em todo redesign seguimos um processo definido e neste projeto não foi diferente, confira o nosso processo de design:

  • Entendendo o problema
  • Análise de dados
  • Pesquisas com usuários
  • Benchmarkings
  • Wireframes de baixa fidelidade
  • Definição de UX writing
  • Userflow
  • UI design
  • Testes de usabilidade
  • Validações e refinamentos constantes
  • Análise de dados em produção
  • Manutenção contínua das soluções

Prazos

Para construir em cima de todos esses processos todos os prazos foram muito bem definidos e acordados previamente, o aval do cliente foi importante para estarmos alinhados.

A plataforma antiga

Uma boa forma de mostrar os resultados é apresentando um comparativo, agora vale ressaltar um problema que a plataforma apresentava, os layouts eram responsivos mas apenas em 2 resoluções, sendo essas resoluções pouco adequadas no enquadramento certo dos dispositivos.

Outro problema impactante era uma grande diferença entre a plataforma web e o aplicativo, os layouts não seguiam um padrão e o usuário tinha muito esforço cognitivo durante o uso.

Design responsivo

Para este projeto construímos um design responsivo, para melhorar a experiência de uso e obte coerência nos dispositivos, começamos pelo mobile first. Criamos nas seguintes resoluções:

  • Mobile 390px
  • Tablet 768px
  • Desktop 1024px
  • Desktop 1440px
  • Ultrawide 1920px

Uma styleguide automatizada

Uma das principais discussões do time foi em como iriamos projetar uma styleguide eficaz, precisávamos de um sistema completo de componentes, mas não apenas componentes, visamos a escalabilidade que é algo que O Novo Mercado não tinha antes e por isso criamos uma biblioteca potente baseada em alguns conceitos:

  • Atomic design
  • Pixel perfect
  • Auto layout
  • Componentização
  • Variants
  • Interactive components
  • Documentação no Notion dos átomos, moléculas, organismos, templates e páginas.

A styleguide criada foi extensa pela gama de componentes, vamos conferir alguns juntos:

Até aqui você acompanhou alguns componentes da styleguide, o restante elementos como botões, header, sidebar… etc, estão em uma gama extensa e foram feitos com maestria, sendo cada componente renomeado de acordo com a sua classe, estilo e função.

Conclusão

O Novo Mercado é um projeto muito satisfatório, por algumas vezes complexo e por outras simples, nosso maior objetivo foi construir tudo isso com o usuário no centro da solução, trabalhando com o que há de mais atual no mundo do design e sempre nos preocupando em mantermos uma linha reta com o branding da marca.

Hoje continuamos trabalhando em cima de novas páginas e componentes enquanto o time d’O Novo Mercado se expande, sem dúvidas todos são profissionais com visão de futuro e o pensamento fundado no comportamento do cliente.

Não teríamos chegado tão longe se não fossem os alinhamentos iniciais, o que permitiu esse projeto ser construído dessa forma foi uma arquitetura bem definida e alinhada desde o início.

Gostaria de deixar o meu abraço a todos d’O Novo Mercado que sempre se colocaram a disposição para manter o projeto de pé e coerente e também agradecer o apoio dos profissionais da eNe soluções, um time que sempre esteve disposto a transformar os produtos digitais d’O Novo Mercado e elevar a experiência do usuário em um nível mais satisfatório.

Categorias
🚀 Cases

Estudo de Caso: Parceria de Sucesso com a IZIO

Fundada em 2014, a IZIO surge como uma resposta inovadora às demandas do mercado varejista brasileiro. Com uma origem profundamente enraizada no setor, a empresa possui uma compreensão prática e detalhada dos desafios enfrentados pelos grandes varejistas e indústrias.

Reconhecendo a importância da integração na cadeia varejista, a IZIO expandiu seu alcance para o setor industrial, oferecendo soluções estratégicas para grandes marcas de alimentos. Na IZIO&Co, o objetivo é ser um parceiro estratégico para toda a cadeia varejista, impulsionando o crescimento e a eficiência do varejo brasileiro.

A Parceria com a eNe Soluções

A eNe Soluções teve o privilégio de colaborar com a IZIO, fornecendo uma equipe talentosa de desenvolvedores front-end e back-end, assim como UI/UX designers.

Nossos profissionais participaram ativamente na manutenção, desenvolvimento e sustentação dos produtos da IZIO. Desde melhorias de fluxo até implementações cruciais, nossa equipe esteve ao lado dos times internos da IZIO, garantindo que o IZIO Loyalty e o Mangos continuassem aprimorando a experiência do usuário e impulsionando os resultados do cliente.

Os desenvolvedores foram fundamentais na identificação e correção de erros, otimização de extrações SQL e sugestão de melhorias na API dotnet em C#.

Enquanto isso, nossos designers colaboraram estreitamente com o time de produtos da IZIO, mapeando jornadas do usuário, melhorando a usabilidade e o design das interfaces.

Conheça mais sobre os produtos da Izio e veja as soluções que colaboramos ativamente:

IZIO Loyalty: Impulsionando a Fidelização do Cliente

O IZIO Loyalty vai além de uma plataforma de CRM comum. Ele oferece ofertas da indústria para que o shopper gaste em estabelecimentos parceiros, análise de comportamento baseada nos clientes identificados e uma captura rápida e inteligente dos dados do público.

Nosso time trabalhou em conjunto com a equipe da IZIO para aprimorar essas funcionalidades, garantindo uma experiência eficaz de fidelização do cliente.

Mangos: A Experiência Cashback Personalizada

O Mangos é um aplicativo de cashback que oferece uma variedade de funcionalidades poderosas para impulsionar o envolvimento do cliente e promover a fidelização.

Trabalhamos junto com a equipe da IZIO para implementar comunicação segmentada, análise da aderência de novos produtos, engajamento do público com missões e estratégias eficazes de fidelização de novos shoppers, proporcionando uma experiência personalizada que coloca a marca diretamente nas mãos do shopper ideal.

Números de Sucesso dos produtos Izio:

Esse é um exemplo claro de como uma alocação estratégica de profissionais especializados pode impulsionar o sucesso de uma empresa.

Se você busca melhorias contínuas em seus produtos ou soluções para desafios específicos, nossa equipe está pronta para ajudar. Entre em contato com nosso departamento comercial e descubra como podemos fazer a diferença em sua empresa.

Categorias
🚀 Cases

Como ajudamos a Algar Telecom a ter mais eficiência no portal

A Algar Telecom é uma empresa do grupo Algar que atua no setor de Telecom e TI há mais de 60 anos com dois objetivos principais: manter um relacionamento próximo com os nossos clientes e oferecer serviços de alta qualidade. 

A versão anterior do site foi criada em 2014 foi atualizada em 2018 quando a Ene Soluções assumiu a responsabilidade sobre o portal,  junto com os times internos da Algar, e trouxe uma nova visão de estrutura.

Sistema de componentes

O portal possui uma estrutura consideravelmente complexa e composta por várias páginas e aplicações. Para otimizar os processos, decidimos implementar uma estrutura baseada em componentes.

Mas afinal, o que é um componente?

Basicamente, o componente é uma “peça” reutilizável, que pode ser facilmente substituída por outra coisa que implementa a mesma API, que pode ser implementada independentemente, e que encapsula um conjunto coerente de comportamentos e responsabilidade na estrutura. Ou seja, uma página é construída utilizando a junção de vários componentes.

Baseado nesse ponto de vista, é muito mais inteligente e ágil pensar na evolução dos componentes, do que em criar uma “nova página”.

Atomic Design

Atomic Design foi criado em 2013 por Brad Frost e se baseia na química para criar uma metodologia em que os componentes são aplicados ao design de interfaces. Ele divide os componentes em átomos, moléculas, organismos, templates e páginas.

Baseados nessa metodologia, foram criados os primeiros componentes. Nesse momento, definimos as cores, as fontes incluindo peso e tamanho, espaçamentos horizontais e verticais, e todos os elementos básicos “átomos” que poderiam compor uma molécula.

Moléculas

Por mais que pareça simples um componente, a responsividade faz com que eles sempre possuam uma certa complexidade.

Banner

Um dos componentes mais importantes, o banner, utilizado na home da maioria das páginas do portal, parece simples por se tratar de uma imagem, porém ele precisa atender uma série de requisitos.

  1. As imagens precisam ser “responsivas” ou seja, precisam ser pensadas para que sua leitura e visualização sejam preservadas independente da resolução do dispositivo do usuário.
  2. As promoções precisam estar atreladas ao banco de dados do CRM 
  3. O portal identifica a localização do usuário e apresenta apenas os banners e ofertas destinadas àquele público específico.
  4. Ele funciona em sistema de carrossel com tempo pré determinado mas o usuário tem a opção de avançar ou pausar a qualquer momento.

Tem a opção de inserção de links para redirecionar o usuário.

Componente Insight

Outro componente muito utilizado, praticamente em todas as páginas, é o componente nomeado de Insight. Recebeu esse nome pela sua versatilidade de uso. Atualmente um dos componentes mais plásticos do portal. 

Nele você tem a opção de inserir uma tag de título, um título, uma descrição, um CTA, texto legal, um link, uma imagem de background e uma imagem sobreposta ao background. Além disso, você pode definir se a imagem ou texto estarão no lado esquerdo ou direito do componente. Isso facilita a liberdade criativa na hora de utilizar esse componente em alguma pagina. 

Para garantir que a imagem de background funcione corretamente, travamos a altura do componente em 650px no desktop, mas deixamos a altura adaptável no mobile.

Cards de oferta

Os cards de ofertas são os componentes mais importantes do portal pois são os responsáveis pelo índice de conversão. É no card que o usuário avalia as informações mais relevantes da oferta e consegue adquirir seu produto.

Todas essas informações vêm do banco de dados do CRM e por isso precisam atualizar de forma automática sempre que surgem novas ofertas. 

Devido a quantidade variável de cards que podem ser apresentados, definimos que seria mais viável a apresentação em carrossel. Todos os cards de oferta direcionam o usuário para o checkout e por isso, pensamos de forma estratégica ao apresentar as informações dentro do card.

Construção das páginas

Agora que temos um sistema de moléculas e que juntas formam outros componentes, fica fácil construir uma página.

Depois de trabalhar o conteúdo e priorizar as informações, podemos visitar nosso banco de componentes e escolher os que mais fazem sentido para determinados tipos de informação.

Atualmente, a home do portal de varejo é composta por 8 componentes.

Conclusão

Com nossos profissionais alocados em diversos times dentro da Algar Telecom, aumentamos consideravelmente o nível de entregas relacionadas ao portal em todos os sentidos. Trazendo alguns pontos importantes como: 

  1. Garantia de padronização do layout e funcionamento das páginas. 
  2. Agilidade no processo de concepção e desenvolvimento.
  3. Estrutura dinâmica com liberdade criativa.
  4. Sempre em beta, ou seja, pode receber melhorias contínuas. 

Com isso, concluímos que a evolução é sempre contínua se tratando de usabilidade e tecnologia. Quando se pensa dessa forma o produto final beneficia não só os clientes Algar, em termos de negócio, mas também, todos os StakeHolders envolvidos no processo em termos de operação, trazendo eficiência e dinamismo para melhorias e testes necessários para evolução do portal.

()

Categorias
🚀 Cases

Como ajudamos a Algar Telecom a criar as eleições do seu conselho

O Conselho de Usuários é um órgão consultivo, com participação de clientes, para orientar, analisar e avaliar os serviços e a qualidade do atendimento oferecido, além de sugerir melhorias nos mesmos.

A cada 3 anos são criadas novas eleições para definir os representantes, tanto em pessoas físicas quanto jurídicas, e a Algar Telecom nos convidou para desenvolver essa estrutura de votações.

Desafios

O prazo para design e desenvolvimento da estrutura era relativamente curto considerando a complexidade das solicitações do edital.

Estudos e soluções eficientes 

A princípio analisamos a solicitação e decidimos que deveríamos transformar essa demanda pontual em um produto que pudesse ser utilizado em votações futuras. 

Como já existia uma página de Conselho de Usuários, nossa sugestão foi o acréscimo de botões que direcionassem o usuário para uma nova landing page onde pudéssemos apresentar todas as fases do processo.

Para cumprir o cronograma, o projeto foi dividido em 3 etapas, desde o cadastro de candidatos, lista para votação e apresentação dos resultados.

Além disso, foi herdada a estrutura de uma LP e de um MVP que já haviam sido criados, desenvolvidos e testados previamente. Assim conseguimos otimizar o processo de desenvolvimento e manter a qualidade da entrega.

Fase 1 – Landing Page para cadastro de candidatos.

A landing page apresenta um banner de boas vindas e convida o usuário a fazer seu cadastro de candidato.

O fluxo de cadastro era composto por três passos:

  1. O candidato define a macrorregião e tipo de candidatura (CPF, CNPJ, Entidade integrante do Sistema Nacional de Defesa do Consumidor SNDC e Entidade sem fins lucrativos que atue na defesa dos interesses do consumidor ou no setor de telecomunicações), aceita os termos e edital das eleições.
  2. Preenche os dados solicitados com um breve resumo da trajetória profissional.
  3. Faz a revisão dos dados para concluir seu cadastro de candidato.

O período de cadastro foi de 04 a 08/07 de 2022.

Fase 2 – Apresentação da lista de candidatos e votação.

A lista de candidatos foi publicada em 25/07 e ficaria disponível até 01/08 quando seria liberado o processo de votação com prazo até o dia 12/08.

Para votar, o usuário precisa indicar sua macrorregião e escolher um candidato de cada categoria.

O edital exigia que os candidatos fossem apresentados em ordem alfabética e para melhorar a experiência, foi inserido um campo de busca para facilitar que o usuário pudesse encontrar seu candidato específico. Além disso, ele tem a opção de votar em branco na categoria ou desmarcar um candidato já escolhido para escolher outro candidato.

Após escolher os candidatos, o votante informa seu nome completo, CPF e data de nascimento, aceita as políticas de políticas de privacidade e conclui a votação.

Fase 3 – Apresentação dos mais votados e lista de novos membros do conselho.

A landing page apresenta entre 05 a 12/09 a lista de todos os candidatos por ordem de quantidade de votos, além dos possíveis suplentes. Basta o usuário escolher sua macrorregião para ver os resultados. Ela também informa o e-mail caso o candidato queira enviar algum recurso.

Após o dia 12/09 os usuários conseguirão ver apenas os candidatos que se tornaram os novos membros do conselho e a lista de possíveis suplentes.

()

Categorias
🚀 Cases

Como conseguimos automatizar o fluxo de colheita em usinas

A Kaizen é uma empresa de consultoria que ajuda seus clientes a criarem vantagens competitivas em empresas de qualquer tamanho ou setor econômico.

E com o objetivo de automatizar o fluxo de colheita dentro de usinas de cana de açúcar, alocou um de nossos squads de TI, no seu cliente, para desenvolver esse projeto.

Entendendo o cenário

A Kaizen havia desenvolvido um cálculo que basicamente informava o próximo horário de envio de um caminhão para determinada frente da usina, para a busca ou entrega de cargas.

Só que esse cálculo, desenvolvido inteiramente no Excel, era muito manual, e pedia inserts de informações e acompanhamento de uma forma frequente, o que gastava um tempo precioso dos operadores da usina.

Para resolver esse problema, marcamos reuniões periódicas e pontos de controle com todos os envolvidos, buscando entender as dores e identificar pontos de evolução desse cálculo.

O que foi feito

Transformamos o cálculo manual em um software para gerenciar o fluxo de colheita dentro de uma usina de açúcar, o Kaizen Log.

A ferramenta possui funcionalidades para realizar o controle de usinas, fazendas, frentes, glebas e equipamentos e o que mais for necessário para otimizar a operação.

Permitindo, dessa forma, o controle de tempo de todas as etapas presentes no processo de colheita e carregamento.

O Kaizen Log também possibilita identificar o próximo horário de envio de caminhões às frentes de trabalho, otimizando o cálculo de acordo com a produtividade de cada área individualmente.

Outro fator que merece destaque na ferramenta é o acompanhamento de todos os equipamentos em tempo real, o que permite uma visão geral de toda a usina, entendendo quantos caminhões foram enviados ou retornando, quantidade de colhedoras paradas ou produtivas e também a situação atual dos tratores.

“Estou atuando no projeto a cerca de 5 meses e desde o início foi muito desafiador. Mas a disposição junto ao profissionalismo de todos do time, possibilitaram que ao longo desse período pudéssemos realizar grandes entregas com muita qualidade. 

Além disso, a experiência da qual estou tendo como desenvolvedor é fantástica, porque a cada novo desafio que encontramos, há também uma oportunidade de conhecer, aprender e crescer.” Murillo Isidoro | Desenvolvedor

Além de uma styleguide completa para desdobramento e criação do sistema como um todo, facilitando assim o desenvolvimento web de toda a entrega inicial e também a criação futura de novos fluxos e melhorias.

Conclusão

Em uma usina, o tempo e a efetividade no despacho de caminhões são muito importantes e, graças à evolução do cálculo existente, em uma ferramenta bem mais completa isso foi possível.

O Kaizen Log superou espectativas e trouxe diferenciais competitivos valiosos para esse negócio:

  • Cálculo otimizado
  • Acompanhamento em tempo real
  • Mais controle para os operadores
  • Economia de tempo
  • Autonomia na gestão de dados da usina

Como esperado, o desenvolvimento de um projeto focado na automação do fluxo de colheita dentro de usinas de cana de açúcar, foi um sucesso, colaborando diretamente na redução de tempo ocioso em máquinas, glebas e frentes, o que afeta diretamente no aumento da capacidade de produção dessa indústria.

()