# Horizonte Benefícios

Canonical page: https://www.buildwithcarlos.dev/projects/horizonte-beneficios/

A people-led benefits experience with distinct page compositions, portrait cards in motion and a connected, accessible information architecture.

Status: Previous frontend work, reconstructed

Scope: Thirteen page templates, nine section links, CSS card choreography and local interactions

## Context and challenge

A reconstruction of real frontend work previously implemented by Carlos in collaboration with designers. Page relationships, people-led compositions and finite card motion carry that earlier work into this portfolio, with the original client identity and content adapted to the shared Horizonte. brand.

Connect a broad benefits story with practical information, while keeping everyday scenes, readable typography and clear routes to help. The reconstruction must remain useful as an interface demonstration without presenting a real financial or healthcare service.

## Contributions and credits

- Implemented: Carlos implemented the frontend and interaction behavior of the earlier project, in collaboration with designers. This portfolio version reconstructs that work; sole authorship of the original visual layouts is not claimed.

- Reframed: The shared Horizonte. identity, generated imagery, card artwork and editorial content adapt the original project for presentation in this portfolio.

## Decisions and delivery

### Let each page tell its own story.

The home and personal page use portrait-card compositions; the card page reverses that arrangement; benefits and about pages open with people-led photography. Utility pages keep a clear editorial hierarchy.

### Give motion a beginning and an end.

Two CSS card entrances preserve the source geometry and distinct timings, with coordinated reveals, bounded shine and composed reduced-motion states. The animation settles instead of continuing in a floating loop.

### Make the paths work.

Dedicated routes, nine section destinations, navigation menus, local help search and pagination, keyboard-aware contact dialogs and illustrative downloads complete the browsing experience.

## Evidence

- [Desktop browser view of the Horizonte Benefícios home, with an ivory canvas, violet portrait cards and a generous headline.](https://www.buildwithcarlos.dev/cases/horizonte-beneficios/home-hero-desktop.jpg)

  Current browser capture of the reconstructed frontend, October 9, 2026. Identity, card artwork and content are adapted for this portfolio; this is not a historical client capture.

  [Explore the benefits demonstration](https://www.buildwithcarlos.dev/demos/horizonte-beneficios/)

- [Full home page showing the portrait-card hero, three information cards, generated everyday scenes, photo-backed benefits, app illustration and native questions.](https://www.buildwithcarlos.dev/cases/horizonte-beneficios/home-full-desktop.jpg)

  Full-page desktop browser capture of this reconstruction, October 9, 2026. People are generated fictional characters and all content is illustrative.

  [View the full home capture](https://www.buildwithcarlos.dev/cases/horizonte-beneficios/home-full-desktop.jpg)

- [Full card page with the reversed hero, five-item conditions strip, four-item dreams strip, photo panels and first steps.](https://www.buildwithcarlos.dev/cases/horizonte-beneficios/card-full-desktop.jpg)

  Desktop browser capture of the card-information page, October 9, 2026. Its five- and four-item icon compositions preserve the source section roles with independently authored content.

  [Explore the card page](https://www.buildwithcarlos.dev/demos/horizonte-beneficios/sobre-o-cartao/)

## What this work shows

A complete reconstruction depends on more than its opening screen: route behavior, readable utility content, motion fallback and honest project boundaries make the experience coherent.

## Evidence and attribution limits

This reconstruction documents Carlos’s previous frontend work with collaborative visual design. The original client identity, imagery and service content are adapted for this portfolio; the Horizonte. brand and generated people are fictional. Published routes demonstrate the interface and local interactions, without representing an operating financial or healthcare service, customer endorsement or measured commercial result.

## Related links

- [Explore the demonstration](https://www.buildwithcarlos.dev/demos/horizonte-beneficios/)

- [Explore the benefits page](https://www.buildwithcarlos.dev/demos/horizonte-beneficios/beneficios/)