<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Sillas Oliveira on Medium]]></title>
        <description><![CDATA[Stories by Sillas Oliveira on Medium]]></description>
        <link>https://medium.com/@oliveirasillas41?source=rss-b296da81ac81------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/0*7K3paa9Ut_h8fEdT</url>
            <title>Stories by Sillas Oliveira on Medium</title>
            <link>https://medium.com/@oliveirasillas41?source=rss-b296da81ac81------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 23 May 2026 16:23:34 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@oliveirasillas41/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[Caso de estudo EBAC UX/UI Design | Projeto Itaú]]></title>
            <link>https://medium.com/@oliveirasillas41/caso-de-estudo-ebac-ux-ui-design-projeto-ita%C3%BA-903def0795ed?source=rss-b296da81ac81------2</link>
            <guid isPermaLink="false">https://medium.com/p/903def0795ed</guid>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[itau-app]]></category>
            <dc:creator><![CDATA[Sillas Oliveira]]></dc:creator>
            <pubDate>Sun, 12 Nov 2023 16:56:14 GMT</pubDate>
            <atom:updated>2023-11-29T22:13:13.711Z</atom:updated>
            <content:encoded><![CDATA[<p>Estudo de projeto viabilizando soluções de problemas ao público do banco Itaú, propondo melhorias e inovações na usabilidade dos sistemas.</p><p>Durante o curso de design UX/UI da EBAC foi proposta uma análise do banco Itaú pelo ponto de vista dos clientes, levantando hipóteses e gerando resultados para gerar uma nova solução a partir do design investigativo.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*iyp9bYLAFnYbjr-l78kAqQ.png" /></figure><p>Metodologias: Método Double Diamond e Desk Research</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*wwTLYVrRyGSHGVcRXSn_Jw.jpeg" /></figure><h3><strong>Desk Research:</strong></h3><p>Pesquisa de campo e entrevista de profundidade via google meets.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*uGu2gbwDf3ZGyjiwDX4LbQ.png" /></figure><p>Após pesquisas de campo pelo <strong>reclame aqui e avaliações do próprio app do Itaú, e entrevista de profundidade com cerca de 15 usuários que utilizam ou utilizaram os serviços do banco Itaú </strong>chegamos em <strong>insights </strong>sobre o problema em si e como os clientes são impactados:</p><ul><li><strong>Percebemos que os usuários tem muita dificuldade com canais de atendimento e entendimento das funcionalidades.</strong></li><li><strong>Usuários acham que o Itoken gera muitas dúvidas e problemas.</strong></li><li><strong>Habilitação de ID problemática.</strong></li><li><strong>Dúvidas sobre instabilidade do sistema</strong></li><li><strong>Atendimento não empático dos funcionários.</strong></li></ul><p>Tudo isso resulta numa experiência negativa que não condiz com os valores da empresa. Portanto devemos c<strong>riar soluções digitais, rápidas e eficientes</strong> que visem maximizar momentos agradáveis do cliente com o Itaú.</p><p>Site onde dados foram coletados:</p><p>RECLAME AQUI: <a href="https://www.reclameaqui.com.br/empresa/itau/">https://www.reclameaqui.com.br/empresa/itau/</a></p><p>ANDROID: <a href="https://play.google.com/store/apps/details?id=com.itaucard.activity&amp;hl=pt_BR&amp;gl=US">https://play.google.com/store/apps/details?id=com.itaucard.activity&amp;hl=pt_BR&amp;gl=US</a></p><p>IOS: <a href="https://apps.apple.com/br/app/banco-ita%C3%BA-conta-cart%C3%A3o-e/id474505665">https://apps.apple.com/br/app/banco-ita%C3%BA-conta-cart%C3%A3o-e/id474505665</a></p><h3>Personas</h3><p>Após levantamento dos insights criamos uma persona que traria consigo a definição do cliente Itaú levando em conta contexto, necessidades, comportamento, objetivos e dados no geral. Essa etapa é de grande importância pois visa realizar uma leitura do público-alvo e antecipar suas dores e como criar resoluções para problemas futuros.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*kxcq2G_YtaaeKE6utNn1yg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zr2jU1aubCMcxWAgRMUXAw.png" /></figure><p><strong>Mapa de empatia:</strong></p><p>Após criação das personas criei mapas de empatia para ter uma ideia estruturada dos clientes e solucionar futuros problemas, criar soluções, imergir no psicológico dos usuários oferecendo um <strong><em>melhor serviço</em></strong>.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*c6t8Gc6fZmXZhZa5wkR-eQ.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*A47k_AkhnYF5reCg1TLP8Q.png" /></figure><h3><strong>Needs Statements</strong>:</h3><h4>Os usuários do banco Itaú precisam de <strong><em>agilidade </em></strong>e <strong><em>eficiência </em></strong>nas <strong><em>funcionalidades </em></strong>e <strong><em>atendimento empático dos funcionários </em></strong>para <strong><em>seguirem satisfeitos</em></strong> como clientes do banco.</h4><h3>Pain Points:</h3><h4>Garantir funcionalidades claras e objetivas, orientar para sanar dúvidas e antecipar questões, otimizar tempo do cliente evitando problemas e frustrações.</h4><h3><strong>Soluções para os problemas apontados:</strong></h3><p>1 — Páginas de dúvidas urgentes — Funcionar como FAQ antecipando dúvidas recorrentes.</p><p>2 — Canal online para dúvidas especificas com atendimento rápido e menos espera (Feito por funcionários reais).</p><p>3 — Canal de atendimento humanizado por chamada de vídeo com funcionários atendendo em tempo real.</p><p>4 — Página de vídeos com passo-a passo ensinando funcionalidades do app.</p><h3>Teste de Usabilidade</h3><p>Tivemos como objetivo avaliar se os usuários conseguem realizar as funções do aplicativo sem maiores problemas, apontar possíveis eventualidades e aplicar correções se preciso.</p><p>Para isso durante a ENTREVISTA DE PROFUNDIDADE foram avaliados também a forma que os usuários utilizavam o aplicativo e como eles usariam as funcionalidades criadas com a proposta de solucionar os problemas apontados.</p><p>A dúvida foi referente a conectividade na <strong>terceira solução (canal de atendimento humanizado) </strong>e foi passado como solução que s<strong>erá necessário boa conectividade em 4G ou Wi-fi no momento da utilização desta função</strong>. Mas no geral houveram boas avaliações dos usuários e esta foi a única dúvida documentada em geral.</p><h3>Protótipos alta fidelidade</h3><p>Após uma avaliação do aplicativo do Itaú foram feitas adições das novas funcionalidades em ambientes de aplicativo web, smartphone e totem. Também avaliamos toda a identidade visual e tipografia do banco para condizer com o resultado final.</p><p>A seguir versão para smartphone, Desktop e Totem em ordem.</p><p>1 — Páginas de dúvidas urgentes — Funcionar como FAQ antecipando dúvidas recorrentes.</p><p>2 — Canal online para dúvidas especificas com atendimento rápido e menos espera (Feito por funcionários reais).</p><p>3 — Canal de atendimento humanizado por chamada de vídeo com funcionários atendendo em tempo real.</p><p>4 — Página de vídeos com passo-a passo ensinando funcionalidades do app.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/390/1*vBkWDpFhYZjdGfDzsn5AGw.png" /><figcaption>Páginas de dúvidas urgentes</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/390/1*iZRgluCjBAwjFhgtLzKl-A.png" /><figcaption>Canal online para dúvidas especificas</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/390/1*fWV2seMSlJ2Ho5vpmybkGA.png" /><figcaption>Canal de atendimento humanizado</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/390/1*WPRpvWRjRQjAlkzmhOJU0Q.png" /><figcaption>Página de vídeos</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ogxrekDm-dJsQtQlIKpdlw.png" /><figcaption>Página de vídeos (Desktop)</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*LspcfIMSN9OyEmE9Bw95qw.png" /><figcaption>Página de dúvidas (Desktop)</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0v8Ada1pAnZ6RYveYK3mzQ.png" /><figcaption>Página de video chamada (Desktop)</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*GlSdEUrDE5C9J_M7Nbayvw.png" /><figcaption>Página de chat express (Desktop)</figcaption></figure><h4>Aqui vocês podem ver link do figma com as demais versões responsivas, style guide e mockups: <a href="https://www.figma.com/file/sfaZIvAUmZR2OT2IjRcycB/It%C3%A1u-Projeto?type=design&amp;node-id=79%3A260&amp;mode=design&amp;t=4zkRtBJvdLQddy7i-1">https://www.figma.com/file/sfaZIvAUmZR2OT2IjRcycB/It%C3%A1u-Projeto?type=design&amp;node-id=79%3A260&amp;mode=design&amp;t=4zkRtBJvdLQddy7i-1</a></h4><h3>Conclusão e apontamentos futuros:</h3><p>Pensamos na conexão de cliente e Itaú como um relacionamento aberto a melhorias, portanto é esperado melhorias em relação a conectividade do aplicativo e um canal de treinamento para atendentes do banco para uma escuta mais empática entre cliente e usuário, com esses pontos em melhoria constante acreditamos que todos tem a ganhar.</p><p>Espero que tenham gostado deste projeto, foi de grande importância pensar em soluções e trabalhar na responsividade e melhoria de funções do aplicativo Itaú em parceria com a EBAC.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=903def0795ed" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Estudo de caso UX\UI: processo de criação de um aplicativo para incentivar criatividade na cozinha…]]></title>
            <link>https://medium.com/@oliveirasillas41/estudo-de-caso-ux-ui-processo-de-cria%C3%A7%C3%A3o-de-um-aplicativo-para-incentivar-criatividade-na-cozinha-0197dd1f92d9?source=rss-b296da81ac81------2</link>
            <guid isPermaLink="false">https://medium.com/p/0197dd1f92d9</guid>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[ui-ux-design]]></category>
            <dc:creator><![CDATA[Sillas Oliveira]]></dc:creator>
            <pubDate>Tue, 17 Oct 2023 15:28:23 GMT</pubDate>
            <atom:updated>2023-10-20T10:14:00.147Z</atom:updated>
            <content:encoded><![CDATA[<h3>Estudo de caso UX\UI: processo de criação de um aplicativo para incentivar criatividade na cozinha e melhorar a relação do usuário com os alimentos.</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*dUj0E-SAmxol4OcKfFvsFg.png" /></figure><h3><strong>Introdução</strong></h3><p>O projeto de desenvolvimento do aplicativo ‘’Tem em casa’’ durante o curso “Profissão: UX\UI Designer” da EBAC que teve inicio em novembro de 2022. Durante os 10 meses de duração do curso fui orientado a escolher um tema para trabalhar e em cima dele criar uma plataforma. Com base em minha formação anterior (gastronomia) decidi escolher um tema que tivesse ligação com o assunto e fosse relevante para desenvolver a criatividade na cozinha e diminuir o consumo de fast-food/alimentos industrializados. O desafio era: <strong>Como incentivar o usuário a cozinhar com o que tem disponível em casa e consequentemente diminuir o consumo de alimentos prejudiciais a saúde</strong>?</p><h3>Descrição do Problema</h3><p>É fato que a maioria dos usuários preferem pedir comida por aplicativo devido ao cansaço do dia-a-dia, estarem sem tempo para cozinhar ou simplesmente não saber o que fazer quando chega o fim de mês e a despensa está com poucos recursos e acabam não sabendo o que cozinhar. Muitos recorrem a comidas processadas e fast-food e desperdiçando alimentos que tem em casa. Após pesquisas descobriram:</p><ul><li>Pedidos de fast-food por aplicativo aumentaram 65% apenas no primeiro trimestre de 2022 e tiveram aumento de 7,5% em 2023.</li><li>56% das pessoas consomem delivery semanalmente.</li><li>O horário de maior pedido é o jantar(geralmente quando chegamos em casa cansados do trabalho).</li></ul><p>Dos que pedem comida 8% moram sozinhos, 41% são casados e/ou possuem filhos, 29% moram com amigos ou parentes, 19% apenas com um amigo ou companheiro. Ou seja: Quanto mais pessoas tem numa família mais delivery elas consomem.</p><h3>Benchmarks</h3><p>Durante a pesquisa pude encontrar poucos aplicativos que batem com a proposta do “Tem em casa”, a maioria deles está relacionada com seleção de receitas tendo ingredientes selecionados pelo usuário como base, mas:</p><ul><li>Não dão sugestão de preparações sem que você selecione os ingredientes.</li><li>Geralmente não estão disponíveis para várias plataformas (IOS, Android, tablet ou desktop).</li><li>As versões em português que seguem por esse sistema são poucas, foram encontrados sites em inglês que seguem a ideia do Tem em casa, mas na prática para usuários do Brasil seriam trabalhosos de utilizar por conta dos ingredientes dados como opções no site (alguns não são encontrados com facilidade por aqui), pela barreira linguística e diferença de medidas (gramas, ml e afins).</li></ul><h3>Matriz CSD</h3><p><strong>Certezas</strong>:</p><ul><li>A cada ano ocorre aumento significativo nos pedidos de delivery e consumo de fast-food no país.</li></ul><p><strong>Suposições</strong>:</p><ul><li>Quanto maior a família mais as chances do consumo de fast-food e comidas processadas ser real.</li><li>Geralmente é sempre uma pessoa da família que prepara as refeições.</li><li>Não se tem uma ideia de cozinha básica e aproveitamento de alimentos, por exemplo: Temos farinha, batatas, leite e queijo na geladeira. É possível fazer nhoque de queijo com estes ingredientes, mas poucas pessoas sabem disso.</li></ul><p><strong>Dúvidas</strong>:</p><ul><li>Com tantos sites de receitas será que as pessoas vão utilizar o aplicativo?</li><li>“Quanto mais simples melhor”. O nível de facilidade ao realizar uma receita é decisivo na utilização do aplicativo?</li></ul><h3>Pesquisas</h3><p>Os artefatos escolhidos para obtenção de informações sobre o público e adquirir um rumo para a formulação do aplicativo foram o formulário online via Google Forms distribuídas entre alguns grupos e entrevista de profundidade. Depois selecionei 6 participantes para as entrevistas de profundidade.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*iZ6KeF2EVlCNVrimsdZhoA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_WXROjGSnCgAVFRyH0cRAg.png" /></figure><h3>Personas e Jornadas</h3><p>Após finalizar as pesquisas precisei entender melhor o público-alvo e foram criadas 2 personas para representa-los. Em seguida pude descrever suas necessidades, criar um mapa de empatia e jornada de usuário. Estes processos são de extrema importância para garantir que as etapas de uso do usuário sejam as melhores possíveis.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0HfMLnZsSEmDbztQXzwvgw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XpZDiP8zhvLA9RJs6T0HfQ.png" /></figure><h3>Mapa de empatia</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*AuaU9D9aLOqgtVA29yvOhA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cWmAXq3ECDQGgAf79ZIr7Q.png" /></figure><h3>Ideação</h3><p>Após analise das personas foram identificados pontos de dor dos usuários e analises de ideação para o aplicativo:</p><ul><li>Sugestões de receitas que não precisam de ingredientes pré-selecionados para serem geradas.</li><li>Função no menu contendo lista de compras, receitas favoritas e itens na despensa. Muitas vezes as famílias compram as mesmas coisas, então ter uma listagem de itens e receitas favoritas aumentam e muito a praticidade na hora da indecisão.</li><li>Opções de visualização da receita em formato de video.</li><li>Receitas simples e diretas e um grande repertório de receitas com poucos ingredientes.</li><li>Menu onde o usuário obtenha informações sobre armazenamento de alimentos, cozinha básica e boas práticas de higiene.</li></ul><h3>Protótipo de baixa fidelidade</h3><p>Com base nas pesquisas realizadas, criação de personas e mapa de empatia foram criados wireframes de baixa fidelidade para entender os próximos caminhos que iremos seguir:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UigAcuajLtI2qOHF5koK0Q.png" /></figure><h3>Teste de usabilidade</h3><p>Cerca de 4 testes de usabilidade foram realizados para identificar a dinâmica dos usuários utilizando ao navegar pelo aplicativo, identificando possíveis problemáticas e otimizando a experiência.</p><p>Alguns usuários recomendaram uma mudança na interface do menu de opções, mas o meio que ambos chegaram a receita foram muito semelhantes e sem complicações. No geral o app foi avaliado de maneira muito positiva pela objetividade e simplicidade.</p><h3>Guias de estilo</h3><p>O nome “Tem na despensa” é autoexplicativo, se refere ao que temos em casa para confecção da receita. A marca foi criada do zero para o projeto e seu símbolo faz referência ao símbolo do infinito, que tem tudo haver com as infinitas possibilidades dentro de uma cozinha.</p><p>As cores foram pensadas para transmitir na ideia de frescor, saúde e equilíbrio, passando uma sensação de segurança e acolhimento. A proposta é ser um aplicativo simples, clean e visualmente agradavel ao público. O layout e cores foram corrigidos seguindo as normas de acessibilidade.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/492/1*_7RvCN-_GgbudVSfP4l1JA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/433/1*YnAWubOPAK5Smhb2CKlmcg.png" /></figure><h3>Protótipo de alta fidelidade</h3><p>Seguido dos testes de usabilidade partimos para criação dos protótipos de alta fidelidade, e finalização da identidade do projeto. Após o usuário criar sua conta e fazer login no aplicativo, irá acessar o menu, podendo navegar entre receitas pré-selecionadas, menu de ingredientes e menu de receitas por categoria (mexicana, americana, com frutas e etc.), além de ter uma aba especifica para suas receitas favoritas, lista de compras e do que tem na despensa de casa.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Q2RxHF6Nesz7w69BjS8zvQ.png" /></figure><h4>Confira link do protótipo de navegação do aplicativo aqui:</h4><h4><a href="https://www.figma.com/proto/Dk8NGaTHylhqZjWw6rHcUG/Microintera%C3%A7%C3%B5es?page-id=0%3A1&amp;type=design&amp;node-id=8-325&amp;viewport=176%2C201%2C0.11&amp;t=EPaTblDofghEVIc1-1&amp;scaling=scale-down&amp;starting-point-node-id=8%3A325&amp;mode=design">https://www.figma.com/proto/Dk8NGaTHylhqZjWw6rHcUG/Microintera%C3%A7%C3%B5es?page-id=0%3A1&amp;type=design&amp;node-id=8-325&amp;viewport=176%2C201%2C0.11&amp;t=EPaTblDofghEVIc1-1&amp;scaling=scale-down&amp;starting-point-node-id=8%3A325&amp;mode=design</a></h4><h3>Conclusão:</h3><p>Posso dizer que aprendi muito com o meu primeiro projeto na área de UX e UI. Pude compreender a importância de todos os processos de pesquisa, prototipação e usabilidade, entender as dores do usuário e ter empatia.</p><p>O aplicativo Tem na despensa mostrou como é importante educar e fazer com que o público tenha consciência que é possível exercer a criatividade dentro da cozinha com poucos ingredientes e que não precisamos estarmos reféns de alimentos processados e delivery. Que o ato de cozinhar é afetuoso e pode criar laços.</p><p>Os próximos passos incluem criar uma comunidade entre os usuários do aplicativo e busca por financiadores do projeto. Acredito que o projeto tem a função de ajudar as pessoas a fazerem melhores escolhas no cotidiano e observar as mudanças positivas no seu cotidiano.</p><p>Agradeço por chegar até aqui!</p><p>Confira também o projeto no <a href="https://www.behance.net/gallery/182485111/Aplicativo-Tem-na-despensa">Behance</a> ou meu site clicando <a href="https://oliveirasillas.myportfolio.com/">aqui</a>.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=0197dd1f92d9" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>