useportal.net/

Useportal

useportal.net/

Portal is a freelance business toolkit for sending branded proposals, collecting payments (40+ payment options via Stripe, fees "as low as 1%"), managing subscriptions and transferring files up to 5GB, aimed at replacing PDF-based invoicing. Instead of testimonials, the homepage shows sample project cards with real-looking client names and amounts marked "paid" (€4,500, €5,250, €8,000) as its proof mechanism. The site ends in a personal, informally written memo signed by founder Roman Tesliuk rather than a company boilerplate, and the copy throughout leans casual and slangy ("rad as heck," "smooth like butter") rather than corporate. It's still in beta, with the CTA being a beta signup rather than a live purchase flow.

Visit website

Category

Productivity & Collaboration

Style

Light Colorful

Stack

Framer

Fonts

Perfectly Nineties RegularInter

Palette

Meta title

Portal - your beautiful freelance toolkit

Sections

Updated

Oct 10, 2026

Useportal's landing page, section by section

Each section below is cropped straight from Useportal's live page — useful references for productivity & collaboration landing page design.

Useportal design review: how the homepage is built

Useportal's homepage presents its product as "Portal", a freelance proposals and payments tool, across a single long scroll about 9,019 pixels tall on desktop. The hero sits on a blue-to-pink sky with a gradient-lit illustration of an orange robot. Its colour approach relies on a saturated blue (#5a84fd) and lavender (#989cea) drawn from that sky, with a pale blue (#b6c6fb) as a supporting tint, while the body sections move onto a near-white ground. The typefaces are a serif display face for headings and Inter for body copy. The distinctive element is the framed project window that sits beneath the hero subhead.

Above the fold

The hero carries "Your beautiful freelance toolkit. From sending proposals to getting paid" in a serif display face over the gradient sky, with three navigation labels at top right and a "Join beta" pill beneath the subhead. Below, a framed device window shows a sample project titled "0→1 Mobile App Design for a travel companion app", with an "Active" status card and price figures beside a small orange robot.

Proposals, portals and contracts

The first content block, "Your projects deserve a beautiful digital home, not another PDF.", sits above a two-column list of icon rows, including "Create stunning proposals", "Receive payments" and "Sell services with Klarna". Four stacked cards list "Fixed-price", "Hourly rate", "Subscription" and "Milestone-based" portal types. Feature rows alternate text and mock interface, such as "Run productized services or collect retainers on autopilot" beside a payment notification list.

Payments, showcase and process

Payments get a two-by-two grid of icons, including "Offer 40+ worldwide payment options" and "Get paid now, let clients pay later with Klarna". A row of tilted portfolio screenshots sits under "Present your services with style." Then "Go from proposal to getting paid. Here's how." sets out five numbered steps, ending in "You get paid!". The section closes with "Pricing? Glad you asked." and a blue "1%" badge.

Founder memo, sign-up and footer

A "Founder memo" card, slightly rotated and signed by its maker, sits above a second "Join beta" button. The memo runs four short paragraphs before a handwritten signature. The footer carries an inline link to a related macOS app, with "Contact", "Blog" and "Legal" at right, and a copyright line reading "All rights reserved, 2025" above an illustrated mountain strip.

On mobile

At 390 pixels the hero headline wraps to four lines and the device window drops below the "Join beta" button, shrinking to a narrow strip. The navigation collapses behind a menu icon at top right. Feature rows stack into single full-width columns, the payment icon list becomes one column, and the mock interface panels are cropped at the edge of the screen.

Worth borrowing

Feature rows pair a short headline with a mock interface panel on the opposite side, so each capability reads as a paired example.
Pricing appears as a blue "1%" badge followed by a comparison sentence, so the fee is stated before any detail.
The closing section repeats the single "Join beta" action, so the final screen offers the same button as the hero.