← Todos los proyectos

LatAm Partners

Desktop · Móvil · UI · UX · Diseño de Producto
LatAm Partners

Resumen

LatAm Partners, del equipo de la consultora Connect33, mantiene en su sitio un marketplace B2B que conecta empresas de Estados Unidos con empresas de desarrollo de software en América Latina, para que una empresa que quiere tercerizar software encuentre y evalúe socios en la región en un solo lugar.

LatAm Partners me contrató por Upwork para diseñar el propio marketplace, porque es la parte del producto que una empresa estadounidense usa para elegir un socio. En la plataforma de LatAm Partners busca empresas, las evalúa y abre el perfil de cada una antes de ponerse en contacto. El sitio de LatAm Partners ya tenía una landing page, y también me pidieron mejorarla, porque esa página es lo primero que ve un visitante nuevo.

Mi Rol

Como diseñador de producto, diseñé los flujos del marketplace en Figma, para escritorio y móvil, para que una empresa use el marketplace desde una laptop o un teléfono.

También mejoré la landing page que ya existía, la primera página que ve un visitante nuevo, y esos cambios se publicaron en el sitio de LatAm Partners, así que cada visitante nuevo pasó a ver la página mejorada.

Contribuciones Clave

  • Búsqueda con Filtros. Diseñé la página de resultados de búsqueda en la plataforma de LatAm Partners, donde una empresa filtra socios por presupuesto, industria, stack tecnológico y ubicación, para ver solo las empresas que encajan con su proyecto. En el móvil, hice que los filtros se abran en su propia pantalla, para que los resultados sigan siendo fáciles de leer.
  • Perfiles de las Empresas. Diseñé la página de perfil de cada empresa en la plataforma de LatAm Partners, con su stack tecnológico, las industrias que atiende, los servicios que ofrece y cómo trabaja con sus clientes, además de un modal que abre cada caso de estudio con sus imágenes, para que una empresa juzgue a la firma por sus trabajos anteriores antes de contactarla.
  • Flujo de Creación de Perfil. Diseñé los cuatro pasos que una empresa sigue en la plataforma de LatAm Partners para crear su perfil (información general, personas clave y ubicaciones, portafolio y casos de estudio, información adicional) y una página final de revisión, para que cada empresa complete la misma información que las empresas clientes luego filtran y comparan.
  • Páginas de País y de Industria. Diseñé páginas de lista y de detalle en el sitio de LatAm Partners para cada país y cada industria, para que una empresa explore socios por país y lea sobre cada mercado antes de buscar.
  • Mejoras en la Landing Page. Mejoré la landing page que ya existía en el sitio de LatAm Partners, en escritorio y móvil, para que explique el marketplace y lleve a los visitantes a la búsqueda de socios.
  • Sistema Visual Consistente. Mantuve las pantallas consistentes con los componentes, los colores y los estilos de texto definidos en el archivo de Figma de LatAm Partners, para que la landing page y el marketplace se vean como un solo producto.

Impacto

LatAm Partners recibió el diseño de su marketplace en Figma, desde la primera búsqueda hasta el perfil de cada empresa, en escritorio y móvil, para que el producto pueda construirse a partir de esos archivos.

Mapa de las Américas de la portada de LatAm Partners en Figma
Guía de Estilo

Colores y Botones

#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
Tipografía · Outfit y Albert Sans

Discover Partners

EjemploNombreFuenteTamañoAltura de líneaEspaciado
Explore Top DestinationsHeadline largeOutfit SemiBold32px39px0
Perfil de la EmpresaHeadline bigOutfit SemiBold24px29px0
Tech StackHeadline mediumOutfit SemiBold16pxAuto0
Find the right partner swiftly and easily.PárrafoAlbert Sans Regular16px23px0
Get StartedTexto del botónAlbert Sans Medium16px28px0
Móvil
Hecho en Figma
Diseño de joaomob
Créditos