Book a call

Book a call

Loading the calendar
← All projects

Litora EB-5

Real Estate · Template · HubSpot · Design System · Landing Page
Litora EB-5

Overview

Litora is a HubSpot theme I created for sale, for real estate companies that offer EB-5 investments. EB-5 is the U.S. visa that grants a green card to foreigners who invest in an American business that creates jobs (USCIS). The demo presents a company that brings Brazilian investors to Tavessa, a rental building in Florida, with a webinar page, an event page in São Paulo and their thank-you pages, in Portuguese and English.

Role
UX/UI design and HubSpot development
Scope
10 landing pages, a custom theme and forms connected to the CRM
Tools
Figma, HubSpot, GSAP
Industry
Real estate

The Problem

EB-5 investors wait years for their green card and are afraid of losing what they invested. The pages have to answer those fears without promising returns, deadlines or a visa, since the SEC treats that kind of promise as a warning sign of fraud (SEC).

Constraints

  • HubSpot’s free plan

    The free plan allows up to 30 landing pages, with no A/B tests and the HubSpot logo on every page.

  • Editing without code

    The marketing team changes text, photos and dates in the HubSpot editor.

  • Two languages

    Every page has a Portuguese and an English version.

  • No promises

    Every number on the page comes with its date and its source.

Research

Before designing, I studied what EB-5 investors ask and complain about online, and their main worries shaped the content of the page.

Investors worry aboutOn the page
DelayAn FAQ about timing that doesn’t promise dates
Losing the moneyA risks section that answers “Yes.” to “Can I lose my money?”
Buying a home to get the visaThe first FAQ answer explains that it doesn’t work
The total costA table with every cost of the process
Proving the source of fundsA webinar topic and an FAQ about it

Each page targets one search term, and its H1 uses the words Brazilians actually search for, like “visto EB-5”.

Page Structure

  • 10landing pages
  • 15editable modules
  • 13section templates

The webinar page follows the order of the investor’s questions. It opens with the date and the sign-up form, shows the project, the costs and the risks, and closes with a last call to register.

The event page reuses the same modules with its own address and schedule, and the thank-you pages confirm the date and explain what happens next.

Four Decisions

1The form on the first screen

Problem
Sign-ups are the goal of the page.
Decision
The date, the schedule and the form share the first screen.
3 fieldsqualify each investor in the CRM

2No promises

Problem
Any promise would look like fraud to an investor.
Decision
The risks have their own section, with direct answers.
0 promisesof returns, deadlines or a visa

3A lighter form

Problem
HubSpot’s embedded form weighs about 180 KB and doesn’t follow the design.
Decision
The theme has its own form, which sends the data to HubSpot’s Forms API.
2 formsreach the CRM with every field

4Content that stays visible

Problem
Content hidden by an animation breaks the HubSpot editor and disappears without JavaScript.
Decision
Every animation follows the scroll, and nothing moves when reduced motion is on.
0 blockshidden in the editor or without JavaScript

Build

  • The brand’s colors and fonts live in the theme settings.
  • The theme passes HubSpot’s marketplace validation, except for the blog templates.
  • The Portuguese and English pages are linked with hreflang.
  • The Figma file uses the same Variables and text styles as the code.

Accessibility

  • Fields are 16 px, and errors appear as text.
  • A dark layer keeps the text readable over photos.

Results

  • 99–100performance on mobile
  • 100accessibility
  • 69 → 99performance between the first measurement and the last
Webinar 99
Event 100
Event thank-you 100
Webinar thank-you 96
Privacy 100

PageSpeed on mobile, October 4, 2026.

Styleguide

Colors & Buttons

#0D271E · Palm Darkest
#14382B · Palm Darker
#1C6146 · Palm
#FF7A66 · Coral
#F6C23F · Sun
#F9CC63 · Sun Light
#FBF5E9 · Cream
#F1E8D5 · Cream Dark
#748478 · Neutral
Typography · Jost, Nunito Sans, Unbounded

Invest with the facts on the table.

ExampleNameWeightSizeLine heightLetter spacing
A live EB-5 visa webinarH1 · JostLight44px48.4px-2%
What you will learnH2 · JostLight40px44px-2%
How EB-5 worksH3 · JostRegular20px22px-2%
Free and onlineEyebrow · Nunito SansMedium14px18.2px8%
Thursday, November 12Lead · Nunito SansRegular20px26px0
Each step, in orderBody · Nunito SansRegular16px25.6px0
TavessaProject · UnboundedMedium208px208px-2%
Litora, EB-5 visa webinar page
Mobile
Designed in Figma
Built with HubSpot
Design and build by joaomob
You can see live version here (opens in a new tab) Open read-only Figma → (opens in a new tab) See the theme code → (opens in a new tab)
Credits
  • HubSpot theme by João Marcos