LOGÍSTICA

<h3> Terminal de Cargas do Paraná (TCP)</h3>
Imagine ser o terminal de cargas mais produtivo do Brasil e o 2º maior da América do Sul.  Parece grande, não é mesmo? Some a isso ser o único terminal do sul do Brasil com conexão com ferrovia, receber linhas marítimas semanalmente com cobertura global e possuir um sistema de logística terrestre que movimenta mais de 9 mil contêineres por mês.
<img class="aligncenter wp-image-353 size-large" src="http://huna.se/wp/wp-content/uploads/2020/12/tcp-1024x461.png" alt="" width="1024" height="461" srcset="http://huna.se/wp/wp-content/uploads/2020/12/tcp-1024x461.png 1024w, http://huna.se/wp/wp-content/uploads/2020/12/tcp-300x135.png 300w, http://huna.se/wp/wp-content/uploads/2020/12/tcp-768x346.png 768w, http://huna.se/wp/wp-content/uploads/2020/12/tcp.png 1598w" sizes="(max-width: 1024px) 100vw, 1024px" />
A movimentação diária é gigante e, para nada dar errado, o controle de todo o fluxo de cargas tem que ser tão bem orquestrada quanto uma sinfonia. Se você achou complexo, na realidade é um pouco mais do que parece. Todos os fornecedores e clientes que têm algum tipo de relação com a TCP, acessam o mesmo sistema como ferramenta de trabalho, a extranet. As funções são variadas e cada usuário tem uma necessidade específica: desde tracking de contêineres até o agendamento com foco em transporte terrestre, toda e qualquer necessidade, passa por ali. E quando um sistema que recebe tantas visitas diárias não está otimizado, bem… a brincadeira fica um pouco mais difícil. 
Para nada ir por água abaixo, estava na hora de construir uma nova extranet que atendesse as necessidades de todos os envolvidos. E é aí que a HUNA entra.
<h3>Problema à vista</h3>
<blockquote>&#8220;Como criar a melhor extranet de terminal de containers do Brasil?&#8221;</blockquote>
Pausa para o café das 4:00h. Você pega sua caneca e vai até a janela admirar a vista. Olha o sol, olha o mar, olha o navio… Navio? Sim! É a sua carga chegando ao porto, apesar de não estar indicando no tracking da extranet. Hora de pular o café e correr ligar para a TCP entender o que aconteceu.
Qualquer bug ou falha no sistema pode virar um grande problema quando se está falando de um sistema portuário. Se o sistema parar, o porto para – e a vida de muita gente também. Por isso, nossa equipe precisava solucionar o primeiro passo do projeto – descobrir quais problemas os diferentes perfis de usuários encontravam, sabendo que cada um possui diferentes necessidades. Fomos ouvir quem usa o sistema.
Foram entrevistadas 32 pessoas, individualmente, dos seguintes perfis:
<ul>
<li style="font-weight: 400;">Importadores e Exportadores</li>
<li style="font-weight: 400;">Transportadoras: </li>
<li style="font-weight: 400;">Despachantes</li>
<li style="font-weight: 400;">Depots</li>
<li style="font-weight: 400;">Armadores</li>
</ul>
<img class="aligncenter wp-image-354 size-large" src="http://huna.se/wp/wp-content/uploads/2020/12/personas-1024x461.png" alt="" width="1024" height="461" srcset="http://huna.se/wp/wp-content/uploads/2020/12/personas-1024x461.png 1024w, http://huna.se/wp/wp-content/uploads/2020/12/personas-300x135.png 300w, http://huna.se/wp/wp-content/uploads/2020/12/personas-768x346.png 768w, http://huna.se/wp/wp-content/uploads/2020/12/personas.png 1598w" sizes="(max-width: 1024px) 100vw, 1024px" />
São perfis bem diferentes com necessidades específicas, que viram na reformulação sua esperança de um porto seguro. Os stakeholders também foram ouvidos na rodada de entrevistas. Todo mundo tinha direito a abrir o coração e colocar todas as suas dificuldades na mesa. E haja mesa para entrevistar todas essas pessoas, analisar e sintetizar em objetivos claros nossos próximos passos.
Falando com as pessoas certas, não existe problema complexo de se compreender. Em 4 dias, já sabíamos exatamente o que estava funcionando bem, quais problemas mais atrapalhavam a rotina dos envolvidos e o que poderia ser melhorado. Compilamos todos os resultados e criamos 5 personas, que representavam as principais necessidades desse projeto.
As personas criadas traziam o objetivo chave daquele perfil com a TCP, quais os comportamentos mais comuns em sua rotina, qual era sua relação com o sistema (tanto desktop quanto mobile) e o que deveria e não deveria ser feito para atender suas necessidades. Foi um trabalho árduo, porém muito bem estruturado, que nos fez enxergar com clareza os próximos caminhos no redesenho da ferramenta.
Os principais problemas relatados pelos usuários:
<ol>
<li style="font-weight: 400;">Confiança nos dados do sistema &#8211; “Será que a informação é essa mesmo?”</li>
<li style="font-weight: 400;">Controle e liberdade do uso da ferramenta &#8211; “Eu poderia poupar bastante tempo na semana se pudesse filtrar algumas tarefas no sistema”</li>
<li style="font-weight: 400;">Feedbacks do sistema &#8211; “É difícil confiar, o sistema é mudo. Não quero ficar ligando para o CAC para resolver as coisas”</li>
</ol>
<h3>Todos à bordo</h3>
Sabendo quais problemas deveriam ser resolvidos e quais as perdas que estavam enfrentando em função deles, nossa equipe inicial do projeto, composta por especialistas nas áreas de antropologia e design de interação se deparou com o 2º desafio: precisávamos ajudar nossos clientes a convencer o board da diretoria da TCP sobre a necessidade do redesenho do sistema.
Convencer um board a aprovar um projeto, em que as resoluções não fazem parte da rotina diária deles, pode não ser a coisa mais fácil do mundo. Essa tarefa pedia por uma apresentação bem estruturada – até mesmo no visual, porque não é todo dia que usamos sapato social e gravata. Com as descobertas certas e as projeções de ganhos bem estabelecidas, não foi difícil. Projeto aprovado pelo CEO: Check!  Próxima cena.
<h3>A execução</h3>
Esse sistema facilitaria as vidas e processos de trabalho de muita gente, por isso, estávamos lidando com uma necessidade de curtíssimo prazo. Quanto antes implementado, melhor. Utilizamos um sistema ágil de produção com co-criação alocada no cliente, para não perder tempo com longas aprovações e ajustes.
O documento oficial do projeto foram os wireframes. Em um projeto tão dinâmico, em que estavam também migrando o sistema de suporte a plataforma, muitas adaptações eram necessárias ao longo do caminho. Componentizamos todos os módulos e estabelecemos os comportamentos, assim, os ajustes ao longo do projeto não seriam um problema. Para o nosso especialista de front-end, foi um sucesso. Já no início ele pode programar tudo e criar uma biblioteca robusta. Assim, ele teve mais tempo para montar todo o sistema de style guide que fez parte da nossa entrega.
Processo leve, com agilidade.
Em 2 semanas de trabalho, lemos todas as documentações e especificações técnicas necessárias, fizemos reuniões de trabalho com os envolvidos, prototipamos a solução e já aprovamos em tempo real com o cliente. Tempo economizado. Protótipos aprovados. Sorriso no rosto de ambos os lados. Finalmente, depois de muito trabalho pesado, a TCP possuiria um sistema com usabilidade coerente, com padrões de interação que faziam sentido.

		<style type='text/css'>
			#gallery-1 {
				margin: auto;
			}
			#gallery-1 .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 33%;
			}
			#gallery-1 img {
				border: 2px solid #cfcfcf;
			}
			#gallery-1 .gallery-caption {
				margin-left: 0;
			}
			/* see gallery_shortcode() in wp-includes/media.php */
		</style>
		<div id='gallery-1' class='gallery galleryid-124 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.57.15.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.57.15-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.58.15.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.58.15-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.59.34.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.59.34-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl> <dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.59.19.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.59.19-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.58.38.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.58.38-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.58.56.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-09.58.56-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl> 
		</div>

&nbsp;
Com os protótipos resolvidos, passamos para a linha visual. A TCP tinha acabado de construir um guide visual de marca, que acabou sendo uma surpresa inesperada – o guide não era muito amigável com o ambiente digital. Precisamos de alguns testes e aplicações para entender o que estava óbvio: não vai dar para seguir o guide. Mas, a aplicação fala por si só. O cliente estava de acordo em seguir com uma evolução do guide.
<img class="aligncenter wp-image-393 size-full" src="http://huna.se/wp/wp-content/uploads/2020/12/tcp-1.gif" alt="" width="600" height="318" />
<h3>Solução mobile</h3>
O cliente havia compartilhado uma vontade de possuir uma versão mobile do sistema. Já na entrevista com os usuários, entendemos que a extranet nada mais é do que uma ferramenta de trabalho dos usuários que, inclusive, possuía mais acessos via desktop (98%). Isso fez com que nos perguntássemos qual seria o real ganho de construir uma solução para celular. Com as funcionalidades que descobrimos ser as mais usuais entre os usuários através das métricas e na etapa de entrevistas, chegamos em um nova (e mais otimizada) solução: um aplicativo mobile que contempla-se apenas consultas e cadastro de containers. Um app precisa ser útil e não complexo.

		<style type='text/css'>
			#gallery-2 {
				margin: auto;
			}
			#gallery-2 .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 20%;
			}
			#gallery-2 img {
				border: 2px solid #cfcfcf;
			}
			#gallery-2 .gallery-caption {
				margin-left: 0;
			}
			/* see gallery_shortcode() in wp-includes/media.php */
		</style>
		<div id='gallery-2' class='gallery galleryid-124 gallery-columns-5 gallery-size-thumbnail'><dl class='gallery-item'>
			<dt class='gallery-icon portrait'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp06.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp06-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon portrait'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp07.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp07-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon portrait'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp08.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp08-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon portrait'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp05.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp05-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon portrait'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp03.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/mobile-tcp03-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl> 
		</div>

<h3>Hora de testar</h3>
No papel, estava tudo perfeito. Hora de testar na prática antes de colocar no ar. Para garantir a consistência do sistema, rodamos um beta teste durante 1 mês. Foram 50 usuários escolhidos, com nossa equipe monitorando diariamente. Foram feitas ligações para entender dificuldades, um sistema de métrica estava rodando para acompanhar as atividades e pesquisas on-line também foram aplicadas.
<img class="aligncenter wp-image-394 size-full" src="http://huna.se/wp/wp-content/uploads/2020/12/tcp-2.gif" alt="" width="600" height="316" />
<h3>Resultados</h3>
Especialistas felizes e cliente mais ainda: o projeto todo foi entregue em 3 meses, até a parte de front-end. A melhor experiência do usuário estava garantida, a aversão foi nula e a rotina de algumas centenas de pessoas acabava de ficar BEM mais fácil.
Houve uma grande diminuição de chamadas na Central de Atendimento, solução que o usuário realmente não gostava de ter que recorrer. Afinal, desde o whatsapp, quem ainda gosta de fazer ligação?
A satisfação dos usuários estava comprovada. E o sucesso do projeto também.
<img class="aligncenter wp-image-395 size-full" src="http://huna.se/wp/wp-content/uploads/2020/12/tcp-3.gif" alt="" width="600" height="315" />
<h3>O que nós aprendemos?</h3>
Não há nenhum processo complexo que não possa ficar mais fácil. Mesmo.
Nosso trabalho está em entender a rotina de um cliente e propor soluções que realmente sejam vantajosas para ele. Mesmo que isso vá contra o que ele queria inicialmente, se a solução for comprovada muito significativa para o usuário, será boa para o cliente também. 
Aposto que você nunca parou para pensar o quão complicado é o caminho que a bugiganga que encomendou no AliExpress faz até chegar na sua casa. Para nós, conhecer a fundo a complexidade desse processo foi incrível. Otimizar o trabalho de todos as pessoas envolvidas no uso diário desse sistema e ver a satisfação da TCP valeu cada gota de suor ao ter usado sapato social e terno em um verão de 30º.  

		<style type='text/css'>
			#gallery-3 {
				margin: auto;
			}
			#gallery-3 .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 20%;
			}
			#gallery-3 img {
				border: 2px solid #cfcfcf;
			}
			#gallery-3 .gallery-caption {
				margin-left: 0;
			}
			/* see gallery_shortcode() in wp-includes/media.php */
		</style>
		<div id='gallery-3' class='gallery galleryid-124 gallery-columns-5 gallery-size-thumbnail'><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.40.20.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.40.20-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.40.04.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.40.04-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.39.29.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.39.29-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.38.46.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.38.46-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a href='http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.38.55.png'><img width="150" height="150" src="http://huna.se/wp/wp-content/uploads/2020/12/Captura-de-Tela-2021-01-15-às-10.38.55-150x150.png" class="attachment-thumbnail size-thumbnail" alt="" /></a>
			</dt></dl> 
		</div>

&nbsp;

Uma grande entrega.

O terminal de cargas mais produtivo do Brasil e o 2º maior da América do Sul precisa redesenhar sua plataforma de controle de contêineres.