[{"data":1,"prerenderedAt":108},["ShallowReactive",2],{"work-pt-spb-web":3},{"id":4,"title":5,"author":6,"body":7,"company":90,"date":91,"description":92,"extension":93,"highlight":94,"meta":95,"navigation":96,"path":97,"role":98,"seo":99,"sitemap":100,"stem":101,"tags":102,"thumbnail":105,"year":106,"__hash__":107},"work\u002Fwork\u002Fpt\u002Fspb-web.md","SPB Web App","Salguento",{"type":8,"value":9,"toc":80},"minimark",[10,15,19,23,26,30,33,43,47,50,58,62,65,73,77],[11,12,14],"h2",{"id":13},"projeto","Projeto",[16,17,18],"p",{},"Auxiliar na atualização de um aplicativo da Web para gerenciamento de trabalho e equipes. O projeto já estava em desenvolvimento e havia passado por uma revisão da navegação e do fluxo da interface.",[11,20,22],{"id":21},"mapeamento","Mapeamento",[16,24,25],{},"A versão atual do aplicativo foi segmentada e documentada, servindo de base para os ajustes e a criação de novos fluxos de navegação.",[11,27,29],{"id":28},"sistema-de-design","Sistema de Design",[16,31,32],{},"Em cada ramo do fluxo de navegação, foram estudadas melhorias na apresentação dos dados em cada interface. A partir dessas observações e de pesquisas técnicas sobre interfaces, foi desenvolvida a base do novo sistema, que fundamentou as soluções para necessidades futuras.",[16,34,35,40],{},[36,37],"img",{"alt":38,"src":39},"Color palettes and typography variations.","\u002Fimg\u002Fwork\u002Fspb\u002Fpaletas.png",[41,42,38],"em",{},[11,44,46],{"id":45},"componentes","Componentes",[16,48,49],{},"A biblioteca de componentes foi criada para aplicar o sistema de design de maneira uniforme à criação, manutenção e programação futura das telas.",[16,51,52,56],{},[36,53],{"alt":54,"src":55},"Side menu and search popup components.","\u002Fimg\u002Fwork\u002Fspb\u002Fcomponentes.png",[41,57,54],{},[11,59,61],{"id":60},"prototipação","Prototipação",[16,63,64],{},"Com os componentes prontos, foram criados protótipos de alta fidelidade para análise das partes interessadas e alinhamento com a equipe de desenvolvimento.",[16,66,67,71],{},[36,68],{"alt":69,"src":70},"Protótipos em versões escuras e claras.","\u002Fimg\u002Fwork\u002Fspb\u002Ftelas.png",[41,72,69],{},[11,74,76],{"id":75},"ferramentas","Ferramentas",[16,78,79],{},"O FigJam e o Figma foram usados para documentar a navegação e os fluxos de prototipagem, respectivamente, juntamente com as bibliotecas de componentes e ícones do Bootstrap. O gerenciamento de tarefas foi feito com o Jira.",{"title":81,"searchDepth":82,"depth":82,"links":83},"",2,[84,85,86,87,88,89],{"id":13,"depth":82,"text":14},{"id":21,"depth":82,"text":22},{"id":28,"depth":82,"text":29},{"id":45,"depth":82,"text":46},{"id":60,"depth":82,"text":61},{"id":75,"depth":82,"text":76},"Siapro Sistemas","2022","Aplicativo de gerenciamento de trabalho e equipes","md",false,{},true,"\u002Fwork\u002Fpt\u002Fspb-web","UX|UI Designer",{"title":5,"description":92},{"loc":97},"work\u002Fpt\u002Fspb-web",[103,104],"UX-Design","Figma","\u002Fimg\u002Fwork\u002Fspb\u002Fcover-spb.png",2022,"HcELYouO_zelqlMZT0AAeI0C6m7b4HpiRKXs1T_6jtc",1785123039893]