Marfala — Creative Website Development

Marfala is a creative firm and luxury advisor specializing in strategy and design. Its website brings together the firm’s work, its point of view, and the references that inspire it. The experience needs to make room for both polished project presentations and a more exploratory side of the studio.

I developed the website for Contra Studio, translating Silvana Aponte’s design into a Nuxt.js site with Prismic as the content platform. My role focused on development: bringing the layouts, navigation, and content presentation into the browser while preserving the character of the design.

The design combines large, light typography, an olive-green palette, generous space, and carefully placed imagery. Those relationships are central to its identity. The development challenge was to carry that composition into a working website while accommodating different projects, image proportions, and amounts of text.

The site also brings together distinct kinds of content: an introduction to the firm, a portfolio of work, detailed project stories, and The Garden, a collection of creative references. Each area has its own visual rhythm while sharing navigation and clear routes to contact.

Design translation. I implemented Silvana’s layouts in Nuxt.js, carrying the typography, spacing, color, and image treatment across the site. The About view shown below illustrates that balance: an expansive statement sits alongside a portrait, small supporting details, and a direct contact link.

Project storytelling. Individual stories give the work space to unfold through large imagery, project titles, and credits. The site connects these presentations through portfolio browsing and previous/next project links, allowing visitors to continue exploring the firm’s work.

A space for inspiration. The Garden extends the experience beyond completed projects. Its collage-like arrangement gives references their own space, with links to their sources so visitors can explore the material behind the studio’s inspiration.

Content platform. The project pairs Nuxt.js for the website with Prismic for content management, using the Figma design as the visual reference for development.

These screenshots document the original project’s About page, story layout, and The Garden. The live website’s content and presentation have evolved since these views were captured.

A finished website brings Marfala’s portfolio, studio information, and creative references into one experience. The implementation carries the design’s distinctive typography and image compositions across different types of content, with connected project stories and direct contact links.

Design: Silvana Aponte Development: Jorge Toloza Studio: Contra Studio

Tools: Figma, Nuxt.js, Prismic