Bon dia

Sergi Vilà Bori. Desarrollo creativo. Desde la investigación hasta la implementación final, construyo estrategias que ayudan a personas, productos y organizaciones a ser percibidas del modo en que merecen en los contextos que necesitan.

Servicios:

Strategy
Branding
Naming
Creative direction
Art Direction
Graphic Design
Web design
Editorial design
Film direction and production
Generación de contenidos
Copywriting
Photography
Edition
Signage
Production
Media plan
Curatorship
Autonomous design

Tutor del máster en diseño gráfico Escola Elisava (curso 2021–2022)
He trabajado en Folch Studio, Clasebcn y con Màrius Zorrilla.

Selección de agencias y clientes:

Sergi Vilà Bori

(+34) 670 320 859
hello@sergivilabori.com

Cal Xurriu

More

Visual identity and packaging for a natural wine producer

Plot

The necessary contradiction between the natural and the mechanized is reflected in a graphic design where the manual stroke contrasts with a rigid and systematic typographic treatment.

Client

Services

  • Branding
  • Graphic Design
  • Packaging

Collaborators

GoodGoods Paper (II)

More

Fanzine for a furniture collector.

Plot

To translate the casual tone of the conversation between the designer and the collector, the text is arranged as a dialogued script. The images –that break monotony and illustrate the furniture that is mentioned— flow freely. The risographic print brings to the piece an accessible aspect, bringing closer a couple of characters that are traditionally hostile.

Client

Services

  • Editorial design

Collaborators

Crevin

More

Branding and positioning for a home textiles manufacturer.

Plot

Despite having a competitive and high-quality product, Crevin struggled to establish itself as a leading brand in the design and home sectors. Together with Laura Santarelli, we worked on Crevin's creative direction for four years, establishing a unique voice in the international landscape and reaching higher-level clients. The initial phase of the project was carried out at Clasebcn studio.

 

We built a distinct personality taking its Mediterranean and family character as a basis. We re-thought each and every brand touchpoint: from its tone of voice to the textile names, from catalogues and sample books to the product imagery. Everything, until the las typographical detail, has been improved to offer an unmistakeable brand language.

Client

Services

  • Branding
  • Brand strategy
  • Creative direction
  • Graphic Design
  • Art Direction
  • Project management

Collaborators

Miguel Milá “Guess Who”

More

Campaign to rediscover a Spanish designer.

Plot

The percepcion on Miguel Milá has been built from a boastful perspective, making him not very accessible. The campaign humanizes the character and presents his essence in a mundane tone. We discover a nice inventor that works to make the world easier.

Client

Agency

Services

  • Strategy
  • Creative direction
  • Film direction and production
  • Graphic Design

Collaborators

Creatura

More

Title credits for a film exploring female sexuality in three different life moments.

Plot

Somewhere between drama, psychological terror, and autobiography, the film explores female sexuality at three different pivotal moments. The simple yet impactful typographic composition and the use of black and white encapsulate the movie's mood. Awarded at the 2023 Cannes Film Festival: Best European Film (Quinzaine des réalisateurs).

Client

Services

  • Graphic design

Foqus

More

Communication for an alternative techno festival.

Plot

Foqus was about cutting off any festival aspect other than music. Just one stage of local and European techno in a daytime schedule. We developed a visual language that shook off the dark and harsh mood –almost a rule in this cases–, where meteorology appears as a metaphor of flow; freedom.

Client

Services

  • Branding
  • Creative direction
  • Graphic Design

Collaborators

Ot Bou

More

Cover for a political podcast focused on the city of Barcelona.

Plot

Saint Eulàlia is the forgotten patroness of Barcelona. According to the legend, when she was martirized a pidgeon emerged from her mouth; the perfect symbol to speak about the contemporary politics of this city.

Client

Services

  • Graphic Design

Ex-Libris

More

Ex-libris for my good friend Edu M. Piracés.

Plot

Edu wears glasses.

Client

Services

  • Graphic Design

Länk Arquitectes

More

Identity for an architecture studio.

Plot

Länk projects considering the existing matter as the basis to create spaces. Following this principle, a typographic system as simple as possible is organized; handing over the space to the content or, when absent, to white space.

Client

Services

  • Strategy
  • Branding
  • Graphic Design
  • Web design
  • Art Direction
  • Copywriting
  • Photography

Collaborators

Dragones, bicicletas y crucifijos

More

Book design for an architecture thesis.

Plot

Simplicity for an academic text with an important necessity of referencing its sources.

Client

  • Gaspar Jaroslavsky Sardà

Services

  • Editorial design

Asubio, Arquitectura

More

Visual identity for a Cantabrian architecture firm.

Plot

At the intersection of land, sustainability and craft. The symbol of Asubio —shelter in the local language— visually delivers the key values of the brand.

Client

Services

  • Naming
  • Branding
  • Graphic Design

Heather – Old Cry, I Walk

More

12" artwork and singles collection for the second record of a pop-rock band.

Plot

In an album where the band broke the idea of style and created a collection of very different moods through its songs, the artwork captures the different emotions of the lead singer in a series of a photo-booth shots.

Client

Services

  • Creative direction
  • Art Direction
  • Graphic Design

Collaborators

Pumba

More

Visual identity for a digital design agency

Plot

The digital onomatopoeia reinforces a name that might feel far from its purpose and creates an easy to recognize, distinctive visual language.

Client

Services

  • Branding
  • Graphic Design
  • Copywriting

Collaborators

Regular o Expropiar

More

Campaña de tweets falsos para encender el debate alrededor del derecho a la vivienda.

Plot

En vísperas a la aprobación de la ley de la vivienda española, la cooperativa La Hidra –especializada en la materia– organiza un debate para discutir sobre los aspectos clave de este derecho fundamental. El recurso del ‘fake’ enciende el debate cuestionando el posicionamiento de cada persona frente a la temática.

Client

Services

  • Strategy
  • Graphic Design

Collaborators

VVV [Trippin’ you] – Turboviolencia

More

Artwork for a neo-bakala's third record.

Plot

In an album packed with generational despair, deshumanisation and hate, the artwork balances the clean aesthetic of power with its instruments and symptoms.

Client

Agency

Services

  • Creative direction
  • Art Direction
  • Graphic Design
  • Edition

Collaborators

Hafreiat

More

Poster for a documentary film.

Plot

The film unearthes the story of a digger from an archaeological excavation. The use of very different graphic layers builds a similar visual sensation.

Client

Services

  • Creative direction

Collaborators

GoodGoods Paper

More

Fanzine for a furniture collector.

Plot

To translate the casual tone of the conversation between the designer and the collector, the text is arranged as a dialogued script. The images –that break monotony and illustrate the furniture that is mentioned— flow freely. The risographic print brings to the piece an accessible aspect, bringing closer a couple of characters that are traditionally hostile.

Client

Services

  • Editorial design

Collaborators

Fisioteràpia Palafrugell

More

Visual identity for a physiotherapy center in a semi rural area.

Plot

The therapist's honesty and simplicity are shown in the rational use of text and design; distilling the benefits to its minimum expression. In a town with almost no competitors, the identity of the center stands out by its anti-pretenitiousness.

Client

  • Fisioteràpia Palafrugell

Services

  • Naming
  • Branding
  • Graphic Design
  • Signage

Collaborators

L’Afluent

More

Visual identity for a cultural coop operating in the fields of music and education.

Plot

To explain the real value —that is, the impact— of a cultural coop is no simple task. Its integration into the social, cultural and economic systems of the areas where it operates makes the energy flow in many directions, creating feedbacks and multiplying it. To visualize this, we took the "feedback loop maps", used in the 70s to illustrate complex social structures. The visual identity is rooted in the graphic elements of this charts to create a brand that is self-explained.

Client

Services

  • Branding
  • Graphic Design
  • Web design

Collaborators

Helsinkipro

More

Visual identity for a mainstream record label and management agency.

Plot

Virgil showing the Inferno to Dante is the perfect example to explain how Helsinkipro helps artists to find its path in the music industry; a glowing star that guides in the dark.

Client

Agency

Services

  • Creative direction
  • Branding
  • Graphic Design
  • Web design

Collaborators

Festival Márgenes

More

Campaign and visual identity for an alternative cinema festival.

Plot

To value what is left in the margins. The visual translation of the festival's mission invites the user to re-read realities from a fresh point of view. The redesign of its identity after 20 editions institutionalizes its cultural labor and makes it easy to recognize.

Client

Agency

Services

  • Strategy
  • Branding
  • Creative direction
  • Graphic Design
  • Web design

Collaborators

Festival Clàssics

More

Visual identity and full-service campaigns for a cultural festival.

Plot

The festival promotes classical culture by taking a different subject for every edition and revisiting it with a contemporary perspective, so we designed a visual identity within the same pattern.

 

2019
We took a fragment of Plato's dialogue with Phaedrus where the idea of corrupting beauty when possessed is exposed. The goldfinch in a metal cage acts as a visual metaphor that helps the visuals to stand out.

 

2020
Reset. In a year marked by the global pandemic, the festival mutated and was cellebrated exclusively online. The revision of Humanity in this new context is the starting point for the campaign: a digital, androginous Vitruvian man; a new Renaissance.

 

2021
Rage. The obsession for domesticating one of our most rooted feelings. The archetype: the dog, the numb version of the wolf, although not always under our control.

Client

Agency

Services

  • Strategy
  • Creative direction
  • Branding
  • Art Direction
  • Graphic Design
  • Production
  • Media plan

Collaborators

VVV [Trippin’ you] – Los Bailes Perdidos

More

A death book that honors all the nights that were lost in 2020.

Plot

When VVV [Trippin' you] had to cancel its 2nd album tour (Escama, "Squama") they decided to release a remix album. Instead of pressing a 12", we edited and printed 250 copies of all the memories their fans had while listening to them or going to their gigs. The book compiles more than 300 pages of independent experiences that are arranged in a single-night narrative.

Client

Agency

Services

  • Creative direction
  • Edition
  • Editorial design
  • Production

Collaborators

Anxious in Beirut

More

Poster for a documentary

Plot

The use of red and yellow colors deliver the urgency of the country's situation, the main message on the film. The rejected proposal relied on the "horror novel" visual language to emphasize the constant panic situations depicted in the film.

Client

Agency

Services

  • Creative direction
  • Graphic Design

Collaborators

Arc-Hive

More

Visual identity for a biological art archive.

Plot

The logotype visually represents the celullar process known as mitosis, something easy to associate with biology.

Client

Agency

Services

  • Branding
  • Graphic Design

Collaborators

Suport a la Creació

More

Identity and communication for an art production and curation grant program.

Plot

The optical effect created between the space and the volume in the graphics is a representation of how curation and creation unfold, respectively.

Client

Agency

Services

  • Naming
  • Graphic Design

Collaborators

Pitch

More

Logotype for a digital music pitching agency.

Plot

The agency promised the artists the takeoff of their songs; so does the logotype.

Client

  • Pitch

Services

  • Branding
  • Graphic Design

Collaborators

B•Sual

More

Videogame for an alternative music festival

Plot

Cara•B Festival always had an annual exhibition displaying the best visual art on music of the year. For the pandemic edition, a virtual environment was developed, featuring 14 different rooms, each dedicated to a relevant artist of the Spanish scene.

Client

Agency

Services

  • Strategy
  • Creative direction
  • Curatorship
  • Edition
  • Graphic Design

Collaborators

Tiago Majuelos

More

Website for an illustrator.

Plot

Color is the main thing on Tiago's illustrations. His site couldn't be less.

Client

Services

  • Web design

Collaborators

  • Néstor Vera Code

Anna Pla-Narbona

More

Website for a documentary photographer and filmmaker.

Plot

Plain, clean site where the content is protagonist.

Client

Services

  • Web design

Collaborators

Possible Objects

More

Naming and visual identity for an independent furniture manufacturer.

Plot

How many possibilities does it take for a nice piece of furniture to exist? Under this idea we developed the identity of Possible Objects, an editor of objects.

Client

  • Possible Objects

Services

  • Creative direction
  • Branding
  • Naming

Collaborators

Heather – Miscellaneous

More

A collection of different works (2015 – 2020)

Plot

A selection of projects developed through the first era of the band.

Client

Services

  • Creative direction
  • Art Direction
  • Graphic Design
  • Photography

Collaborators

VOL

More

Identity and communication for a concert venue.

Plot

VOL. We chose, in Catalan, a very polysemic name: it means will, flight, volume; 3 concepts the venue wants the audience to feel. The name is always floating on top of an extremily simple graphic system composed by lists, easy to assemble by the client. An eclectic color scheme –as is their programme– and a misterious image treatment complete an always-recognizable communication style.

Client

Agency

Services

  • Naming
  • Branding
  • Graphic Design
  • Web design
  • Autonomous design

Collaborators

  • Josep Dols Naming, branding, graphic design
  • Sergi Egea Graphic design (development)

betevé

More

Branding para la televisión local de Barcelona (concurso público).

Plot

With the death of television as the supreme media and the irruption of new formats, the role and the perception of the channel is reassessed from scratch. From the name, which loses the figure "TV" when verbalizing its acronym —"BTV" becomes "betevé"— to its gaze on the city, which is horizontalized and humanized. A responsive graphic system and a strict use of color offer an identity framework for new content.

Client

Agency

Services

  • Branding
  • Strategy
  • Art Direction
  • Graphic Design
  • Editorial design

Collaborators

15-L

More

A double visual identity for a production company that works both in documentaries and international advertising services.

Plot

We took advantage of the popular feeling on a particular typography. Depending on its context, Swiss 721 acquires a meaning or another. The use of industry's drawn inside jokes or documentary images, as well as the color scheme, tip the identity scales towards a kind or a commited perception, as required.

Client

Services

  • Branding
  • Graphic design
  • Art Direction
  • Web design

Collaborators

Barcelona Design Week 2017

More

Visual identity for the major design event in the city.

Plot

Typographic simplicity and bold use of saturated color play as the main elements in graphic design.

Client

Agency

Services

  • Graphic Design

Collaborators

DSAS Publicaciones

More

Editorial collection for an NGO supporting suicide survivors.

Plot

A rigid system and an international style font transmit institutionality, boosting the reader's trust when absorbing the hard messages. Allegoric images subtly reinforce the issues treated.

Client

Services

  • Editorial design
  • Photography

Aitor Mohedano

More

Business card for a physiotherapist.

Plot

The technical names of each vertebra in its natural disposition conform the spinal column, one of the key points in the discipline. The letterpress on the front marks the reverse of the cotton paper, which allows the fingers to sense a backbone as inside the back.

Client

  • Aitor Mohedano

Services

  • Graphic Design

Collaborators

Germà Aire – 7″

More

7" for a revival-pop band.

Plot

Following the 70s Italian and Spanish singer-songwriter singles, the artwork displays a frontal portrait and a whimsical typeface.

Client

Agency

Services

  • Creative direction
  • Art Direction
  • Graphic Design

Collaborators