Website and company profile for Yasuni
Mariona Agency designed and developed the website for Yasuni, which has been making exhausts, variators and components for scooters and motorcycles in Barcelona since 1977, and also created its company profile. A website in three languages that organises the entire catalogue, guides every customer to their distributor and tells the brand’s story in the language of the track.
The idea
A website with the pulse of the track.
“No fabricamos solo escapes. Creamos emociones” (We don’t just make exhausts. We create emotions), says Yasuni. The website turns that into design: full-bleed racing photography, outline headlines that let the image show through and strips of torn paper between sections. Underneath, a catalogue you browse by engine, by line and by product, all the way to the distributor.
Website and company profile
One story, on paper and on screen.
A brand born on the track, told at its own speed.
The project
The challenge
Yasuni has been making exhausts, variators and accessories for scooters and motorcycles in Barcelona since 1977, and sells them through an international network of distributors. Its website had to organise a catalogue of dozens of products —by engine, by line and by brand— without losing what the brand is on the track: racing, sound and speed.
The approach
Mariona Agency approached the website as a paddock, not as a parts warehouse. Each product family opens with a full-bleed header: racing photography and the name in a condensed outline typeface that lets the image breathe through the letters. Sections are joined by strips of torn paper that break the catalogue grid and set the rhythm of the scroll, and the brand’s red is the common thread running through the fixed header, the buttons and the footer.
Underneath, order: you choose the engine —2T or 4T—, then the line or brand, and each product page sums up power, torque and weight, with a direct link to where to buy it. The brand’s story, from 1977 to the champions who have raced with Yasuni, follows the same structure as its company profile, also designed by the agency, so that the brand says the same thing on paper and on screen.
The result
A website in Spanish, English and French that brings together the catalogue, a distributor locator with a map, racing and product news and a downloadable catalogue, and that has already hosted the launch of the R3-PRO, Yasuni’s homologated exhaust for cylinders up to 90 cc. The company profile, in Spanish and English, has since been adapted for presentations to manufacturers.
Frequently asked questions
Who designed the Yasuni website?
The Yasuni website was designed and developed by Mariona Agency, a strategic and creative agency based in Barcelona, which also created the brand’s company profile.
What is Yasuni?
Yasuni is a Barcelona manufacturer of high-performance exhausts, variators and components for scooters and motorcycles, founded in 1977 and closely linked to racing.
What does the Yasuni website include?
A catalogue of 2T and 4T exhausts, variators and accessories; product pages with power, torque and weight; a distributor locator with a map; racing and product news; a downloadable catalogue and the brand’s story, in Spanish, English and French.
Why does the Yasuni website use torn paper and outline headlines?
To bring the brand’s racing character to the screen: the photography leads, the outline headlines let the image show through the letters and the torn paper breaks the catalogue grid and gives the scroll its rhythm.
How does the website relate to Yasuni’s company profile?
They share a story and a structure: the history since 1977, sport as its DNA, leadership and innovation, and the brand’s values. Mariona Agency designed both so that Yasuni says the same thing on paper and on screen.