← Todos os projetos

LatAm Partners

Desktop · Mobile · UI · UX · Design de Produto
LatAm Partners

Visão geral

A LatAm Partners, do time da consultoria Connect33, mantém no seu site um marketplace B2B que conecta empresas dos Estados Unidos a empresas de desenvolvimento de software na América Latina, para que uma empresa que quer terceirizar software encontre e avalie parceiros na região num só lugar.

A LatAm Partners me contratou pelo Upwork para desenhar o próprio marketplace, porque é a parte do produto que uma empresa americana usa para escolher um parceiro. Na plataforma da LatAm Partners ela busca empresas, avalia cada uma e abre o perfil de cada empresa antes de entrar em contato. O site da LatAm Partners já tinha uma landing page, e eles também me pediram para melhorá-la, porque essa página é a primeira coisa que um visitante novo vê.

Meu Papel

Como product designer, desenhei os fluxos do marketplace no Figma, para desktop e mobile, para que uma empresa use o marketplace no notebook ou no celular.

Também melhorei a landing page que já existia, a primeira página que um visitante novo vê, e essas mudanças foram ao ar no site da LatAm Partners, então todo visitante novo passou a ver a página melhorada.

Principais Contribuições

  • Busca com Filtros. Desenhei a página de resultados de busca na plataforma da LatAm Partners, onde uma empresa filtra parceiros por orçamento, setor, stack de tecnologia e localização, para ver só as empresas que servem ao seu projeto. No celular, fiz os filtros abrirem numa tela própria, para os resultados continuarem fáceis de ler.
  • Perfis das Empresas. Desenhei a página de perfil de cada empresa na plataforma da LatAm Partners, com a stack de tecnologia, os setores que atende, os serviços que oferece e como trabalha com clientes, além de um modal que abre cada case study com as imagens, para que uma empresa avalie a parceira pelos trabalhos anteriores antes de entrar em contato.
  • Fluxo de Criação de Perfil. Desenhei os quatro passos que uma empresa segue na plataforma da LatAm Partners para criar o perfil (informações gerais, pessoas-chave e localizações, portfólio e case studies, informações adicionais) e uma página final de revisão, para que cada empresa preencha as mesmas informações que as empresas clientes depois filtram e comparam.
  • Páginas de País e de Setor. Desenhei páginas de lista e de detalhe no site da LatAm Partners para cada país e cada setor, para que uma empresa explore parceiros por país e leia sobre cada mercado antes de buscar.
  • Melhorias na Landing Page. Melhorei a landing page que já existia no site da LatAm Partners, no desktop e no mobile, para que ela explique o marketplace e leve os visitantes à busca de parceiros.
  • Sistema Visual Consistente. Mantive as telas consistentes com os componentes, as cores e os estilos de texto definidos no arquivo do Figma da LatAm Partners, para que a landing page e o marketplace pareçam um produto só.

Impacto

A LatAm Partners recebeu o design do seu marketplace no Figma, da primeira busca até o perfil de cada empresa, no desktop e no mobile, para que o produto possa ser construído a partir desses arquivos.

Mapa das Américas da capa da LatAm Partners no Figma
Guia de Estilo

Cores e Botões

#1B4357 · Midnight Blue
#436E8A · Ocean Blue
#DFFEB9 · Light Lime Green
#EDFFE1 · Light Mint Green
#333333 · Dark Charcoal
#EBE6E1 · Pearl Gray
#F9F7F6 · Pearl Gray 30%
#E66335 · Vibrant Orange
#EBC133 · Golden Yellow
#FFFFFF · White
Tipografia · Outfit e Albert Sans

Discover Partners

ExemploNomeFonteTamanhoAltura da linhaEspaçamento
Explore Top DestinationsHeadline largeOutfit SemiBold32px39px0
Perfil da EmpresaHeadline bigOutfit SemiBold24px29px0
Tech StackHeadline mediumOutfit SemiBold16pxAuto0
Find the right partner swiftly and easily.ParágrafoAlbert Sans Regular16px23px0
Get StartedTexto do botãoAlbert Sans Medium16px28px0
Mobile
Feito no Figma
Design de joaomob
Créditos