All projects

03 / Human-centered interface / Responsive frontend

Horizonte — Credit landing page

A closer look at the next chapter.

A people-first credit landing-page study with expressive variable typography, a warm photographic introduction and a complete question-and-answer flow.

CONTEXT

Interface study

SCOPE

Responsive layout, variable-weight title, viewport entrances and sixteen independent accordions

Desktop browser capture of the reconstructed Horizonte landing-page hero, October 9, 2026. The photograph depicts generated fictional people. This documents the current interface, not a historical client website.Open live interface study
Browser screenshot of the Horizonte landing-page reconstruction with its header, three generated people, PLANOS headline and local navigation button.

Desktop browser capture of the reconstructed Horizonte landing-page hero, October 9, 2026. The photograph depicts generated fictional people. This documents the current interface, not a historical client website.

Context & challenge

Reconstructed from earlier collaborative frontend work, with a fictional identity, new copy and newly generated photographic assets.

Preserve a human-centered page and its detailed motion sequence while giving the experience an independent ivory-and-violet identity.

My contribution

Executed
Responsive frontend implementation and design-system consistency in earlier work, in collaboration with designers.
Collaborated
The original visual direction belonged to collaborative design work. Sole authorship of the original layouts is not claimed.

Decisions & delivery

01

Keep people at the center.

An older couple and a younger adult introduce the page. The following section keeps text on the left and a smiling portrait on the right, with a separate offset white plate. Warm ivory surfaces and deep violet accents connect both moments.

02

Carry the complete interaction sequence.

A repeatable variable-weight title leads into the original section order: introduction, portrait, sixteen independent questions, the four-step explanation inside question seven, and a four-group footer. Timings and trigger positions follow the source audit; browser-level visual matching is not yet verified.

03

Keep the demonstration clear.

There are no offers, rates, financial calculations, forms or submissions. Local navigation, native question controls and a reduced-motion alternative keep the content readable.

What this work shows

The study connects photographic warmth with precise frontend behavior, retaining the full information structure rather than reducing the original page to a decorative hero.

Fictional brand and people; generated imagery is not customer testimony. Original client identity and photographic assets are excluded. No current financial service, offer, measured outcome or runtime-verified visual equivalence is claimed.