Horizonte Benefícios
Everyday possibilities, brought closer.
A people-led benefits experience with distinct page compositions, portrait cards in motion and a connected, accessible information architecture.
Previous frontend work, reconstructed
Thirteen page templates, nine section links, CSS card choreography and local interactions
Context & 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.
My contribution
- 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 & 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.
A closer look
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.
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.