← All projects

LatAm Partners

Desktop · Mobile · UI · UX · Product Design
LatAm Partners

Overview

LatAm Partners, from the team behind the consulting firm Connect33, runs a B2B marketplace on its website that connects US companies with software development firms in Latin America, so a company that wants to outsource software work can find and evaluate partners in the region in one place.

LatAm Partners hired me through Upwork to design the marketplace itself, because it is the part of the product a US company uses to choose a partner: on the LatAm Partners platform it searches for firms, evaluates them, and opens each firm's profile before getting in touch. The LatAm Partners website already had a landing page, and they also asked me to improve it, because that page is the first thing a new visitor sees.

My Role

As the product designer, I designed the marketplace flows in Figma, for desktop and mobile, so a company can use the marketplace from a laptop or a phone.

I also improved the existing landing page, the first page a new visitor sees, and those changes went live on the LatAm Partners website, so every new visitor saw the improved page.

Key Contributions

  • Search with Filters. I designed the search results page on the LatAm Partners platform, where a company filters partners by budget, industry, tech stack, and location, so it only sees firms that fit its project. On mobile, I designed the filters to open on their own screen, so the results stay readable.
  • Company Profiles. I designed the profile page of each firm on the LatAm Partners platform, with its tech stack, the industries it serves, the services it offers, and how it works with clients, plus a modal that opens each case study with its images, so a company can judge a firm by its past work before contacting it.
  • Profile Creation Flow. I designed the four steps a firm follows on the LatAm Partners platform to create its profile (general information, key people and locations, portfolio and case studies, additional information) and a final review page, so each firm fills in the same information that companies later filter and compare.
  • Country and Industry Pages. I designed list and detail pages on the LatAm Partners website for each country and each industry, so a company can explore partners by country and read about each market before searching.
  • Landing Page Improvements. I improved the existing landing page on the LatAm Partners website, on desktop and mobile, so it explains the marketplace and leads visitors to the partner search.
  • Consistent Visual System. I kept the screens consistent with the components, colors, and text styles defined in the LatAm Partners Figma file, so the landing page and the marketplace look like one product.

Impact

LatAm Partners got the design of its marketplace in Figma, from the first search to a firm's own profile, on desktop and mobile, so the product can be built from those files.

Map of the Americas from the LatAm Partners cover in Figma
Styleguide

Colors & Buttons

#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
Typography · Outfit & Albert Sans

Discover Partners

ExampleNameFontSizeLine heightLetter spacing
Explore Top DestinationsHeadline largeOutfit SemiBold32px39px0
Company ProfileHeadline bigOutfit SemiBold24px29px0
Tech StackHeadline mediumOutfit SemiBold16pxAuto0
Find the right partner swiftly and easily.ParagraphAlbert Sans Regular16px23px0
Get StartedButton textAlbert Sans Medium16px28px0
Mobile
Made in Figma
Design by joaomob
Credits