Professional Documents
Culture Documents
Betevé Llibre D'identitat
Betevé Llibre D'identitat
transmèdia
Actualment estem vivint un canvi de la segona meitat del segle XX— es Plantejament de la producció
paradigma a escala global en el qual deu a l’aparició de canals nous pels de continguts perquè es puguin
la comunicació —no només en l’àmbit quals l’audiència accedeix a un visualitzar en múltiples suports i
televisiu— està evolucionant d’un contingut abans estàtic, però que ara plataformes.
model basat en la relació “emissor → es descobreix interactiu. Snapchat,
Equivalència entre emissor i usuari.
usuari” a un model multiplataforma Twitter, YouTube, Facebook, Periscope
i participatiu. Motivats per l’evolució o la mateixa evolució de l’entorn Participació activa de l’usuari.
tecnològica de la nova era digital, els web són avui dia el mitjà pel qual
Interactivitat en temps real.
mitjans de comunicació tradicionals l’espectador consumeix informació i
s’han vist obligats a fer un gir dràstic entreteniment. Capacitat d’influència de l’usuari
o a desaparèixer. La participació “La narrativa transmèdia, elevada.
de l’audiència, l’oferta a la carta o —en anglès transmedia storytelling—
Continguts a la carta.
una edició del contingut molt més és un tipus de relat en què la història
compromesa són algunes de les es desplega a través de múltiples Nova manera de consumir contingut.
conseqüències que aquest model mitjans i plataformes de comunicació,
transmèdia està imposant. i on l’audiència té la possibilitat
La davallada de la televisió — d’assumir un rol actiu durant tot el
principal mitjà d’informació durant procés d’expansió.”
16 17
context
microcontext
48,5%
La meitat dels
ciutadans d’entre
16 i 44 anys no veu o
no coneix el canal
d’espectadors
mitjà televisiu davant de les noves
tecnologies (sobretot en el sector de
població més jove, que s’adapta molt
18 19
context context
plantejament plantejament
Naming
Pregnància gràfica estratègia Arquitectura
Transversalitat
de marca
contingut
Univers La mirada
de marca imperfecta
20 21
statement statement
22 23
desenvolupament context
naming macrocontext
BTV
Barcelona Televisió
24 25
Nom del barri desenvolupament
logotip
27
desenvolupament context
arquitectura de marca macrocontext
1 2 3
Quan es genera una El gruix tipogràfic L’espaiat entre línies ha
submarca, la marca de la marca mare és de ser sempre del 75%
mare es contrau en la la negreta, mentre que de l’alçada de x del cos
seva forma abreujada el de la declinació és tipogràfic.
btv. regular.
4 5 6
El desplegament de la submarca, a Gràcies a aquest sistema fugim La marca mare btv Si cal crear una Totes les submarques
continuació de la marca mare, ajuda d’un logocentrisme excessiu i sempre ha d’aparèixer submarca de la han d’anar amb
a jerarquitzar els elements, juntament afegim riquesa al sistema visual. La en el color dominant submarca, aquesta totes les lletres en
amb el canvi de gruix tipogràfic simplicitat d’aquest sistema el fa (generalment el roig), s’ha d’escriure sempre minúscula.
i de color. Seguim mantenint les idoni per crear totes les submarques depenent del fons. a sota, a manera de
minúscules com a part essencial que siguin necessàries segons la La declinació o la llista, en el mateix estil
del codi visual de la identitat, naturalesa del contingut (notícies, submarca ha d’anar en tipogràfic que el nivell
reforçant la idea d’horitzontalitat. cinema…) o altres àrees (media lab…) el color secundari. anterior.
28 29
desenvolupament desenvolupament
l’ull l’ull
30 31
context context
macrocontext macrocontext
32 33
desenvolupament desenvolupament
tipografia tipografia
L’objectiu ha estat trobar una la tecnologia associada a la tipogràfiques en pantalla. creant una relació contradictòria
tipografia prou característica perquè tipografia i el món digital han En cossos petits, sovint els píxels entre la retícula i el dibuix. Això
sigui un element diferenciador, però estat separades. Mentre l’impacte simplifiquen les formes brutalment. es fa especialment evident en
suficientment consistent per poder de la pantalla en el disseny es Partint d’aquest antagonisme, el alguns caràcters de caixa baixa
fer-la servir de manera exclusiva a mantenia com un problema per tipògraf ha dissenyat una tipografia (a, f, j, r, y) i el nombre 1, i en les
totes les aplicacions de la identitat. als dissenyadors, Eigenheer que incrusta els paràmetres de contraformes de tot el disseny. La
El seu plantejament aprofita capitalitzava la limitació que la pantalla en un dibuix clàssic. tipografia funciona perfectament
les limitacions tecnològiques oferia el píxel per investigar com El resultat final és híbrid, ja que tant en pantalla com impresa, i
com a pretext per conferir-li una uns paràmetres establerts per la les formes combinen solucions la seva simplificació geomètrica
sèrie de detalls que la fan única. tecnologia existent podien crear formals de la retícula de la pantalla ofereix una llegibilitat i una claredat
Està concebuda com un pont noves formes tipogràfiques. (dels píxels) i del dibuix lineal. espectacular en cossos petits.
entre les maneres més clàssiques Px Grotesk és el resultat La marca del píxel s’ha mantingut Quan treballa en mides generoses,
d’escriure i el nou entorn digital. de dissenyar una tipografia en alguns detalls, especialment en la Px Grotesk revela el seu dibuix
Durant més de dues dècades, després de renderitzar corbes les contraformes dels caràcters, sofisticat i estèticament innovador.
34 35
desenvolupament context
motion graphics macrocontext
36 37
desenvolupament desenvolupament
disseny de so disseny de so
38 39
desenvolupament
mosca primària i barra d’estat
1 2
40 41
desenvolupament desenvolupament
ràfegues de continuïtat — animació ràfegues de continuïtat — animació
42 43
context context
macrocontext macrocontext
Xavi Miserachs
@xmiserachs
44 45
desenvolupament desenvolupament
promocions promocions
46 47
context context
macrocontext macrocontext
48 49
desenvolupament desenvolupament
informatius informatius
compte enrere
El sistema de declinacions per a
la construcció de les submarques
estableix la jerarquia per a les
diferents edicions de notícies.
Com que el consum d’informació i donar una imatge sòlida i uniforme.
cartel·les és cada cop més fragmentat i a la Trenca la norma l’excepció de
carta, la distinció de les edicions notícies 73 (barris), on substituirem
es fa innecessària. Unificant-les les cartel·les de secció pels noms de
aconseguim, a més, generar cohesió barris, localitzacions i districtes.
plec de cartel·les
resum
50 51
desenvolupament desenvolupament
widget chyron
Per mostrar informació extra (que de situació i un indicador de secció. El sistema de chyrons que s’ha
pot ser de la tipologia més variada), Aquest element també és present en desenvolupat està pensat per
s’ha arribat a una solució única. Un altres espais, com la meteorologia, jerarquitzar els diferents nivells
widget que pot contenir el que calgui per exemple. Com ja s’havia proposat d’informació que ofereixen. La
segons el moment. Dividit en tres per a certes aplicacions físiques, les informació és més fàcil de digerir per
parts, tindrà sempre una imatge o proporcions de l’element parteixen a l’usuari, que acaba entenent millor i
una aplicació gràfica, un element d’una proporció de pantalla; 16:9. més ràpidament el contingut mostrat.
52 53
desenvolupament desenvolupament
méteo méteo
Els mapes s’han redibuixat des d’un S’han creat gradacions dels colors
punt de vista infogràfic, respectant corporatius per comptar amb una
la realitat geogràfica, però adaptant- major flexibilitat a l’hora d’elaborar
la als cànons geomètrics que els mapes meteorològics. Tant el
demanava la identitat gràfica. roig com el fosc mantenen com a to
L’animació dels elements juga amb més intens l’original, apastelant el
el creixement de les dades i el color per reduir la seva intensitat en
moviment independent de les icones. les gradacions.
54 55
desenvolupament desenvolupament
postproducció informatius arxiu d’imatges
La representació d’informació de
manera gràfica —infografia— seguirà
els codis marcats per la identitat:
ortogonalitat, geometria, color.
56 57
desenvolupament desenvolupament
arxiu d’imatges arxiu d’imatges
58 59
desenvolupament desenvolupament
ràfegues de continuïtat — contingut ràfegues de continuïtat — contingut
60 61
desenvolupament desenvolupament
direcció d’art direcció d’art
62 63
desenvolupament L’Antiga Esquerra de l’Eixample
direcció d’art — barris
64
Vallcarca i els Penitents La Verneda i la Pau
Hostafrancs La Barceloneta
Sant Antoni Can Peguera
Canyelles Diagonal Mar i el Front Marítim del Poblenou
El Gòtic Ciutat Meridiana
La Font d’en Fargues El Baix Guinardó
La Vall d’Hebron El Besòs i el Maresme
Les Corts Sant Andreu
El Camp de l’Arpa del Clot La Trinitat Vella
El Carmel El Parc de Montjuïc
Torre Baró El Clot
La Prosperitat El Coll
El Parc i la Llacuna del Poblenou El Congrés i els Indians
El Fort Pienc Sants — Badal
El Guinardó La Nova Esquerra de l’Eixample
La Guineueta El Poble Sec
Porta El Poblenou
El Turó de la Peira El Putxet i Farró
El Raval Sants
La Salut Horta
La Bordeta Verdun
La Dreta de l’Eixample El Bon Pastor
Les Tres Torres La Font de la Guatlla
Zona Franca — Port La Marina de Port
Vallvidrera, el Tibidabo i les Planes La Marina del Prat Vermell
La Vila de Gràcia La Maternitat i Sant Ramon
La Sagrada Família La Clota
Vilapicina i la Torre Llobeta La Sagrera
Can Baró La Teixonera
La Trinitat Nova Sant Martí de Provençals
La Vila Olímpica del Poblenou Sant Gervasi — Galvany
Les Roquetes Montbau
Navas Sant Pere, Santa Caterina i la Ribera
Pedralbes El Camp d’en Grassot i Gràcia Nova
Provençals del Poblenou Sant Gervasi — La Bonanova
Sant Genís dels Agudells Sarrià
Vallbona Baró de Viver
desenvolupament Francesc Centelles
direcció d’art — presentadors
140
Núria Peraire Sergi Cebrián
Flora Saura Brigitta Lamoure
context campanya
macrocontext concepte
Barris
Un mitjà que no depèn
de la marca Barcelona.
148 149
campanya campanya
desenvolupament desenvolupament
Formats
Explicar els formats mitjançant
la marca mare: betevé.
150 151
campanya campanya
desenvolupament desenvolupament
Temàtiques
Construïm una al·legoria visual per
explicar, de manera indirecta, les
temàtiques transversals del mitjà.
152 153
nous referents nous referents
format digital format digital
Generar referents propis, pioners en Amplificar la tasca digital de Produir un format audiovisual Incrementar la comunitat de
el seu àmbit, vinculats a la generació betevé per mitjà de contingut emès exclusiu per a xarxes que jugui amb seguidors i l’engagement digital dels
digital i pròxims culturalment. exclusivament a la xarxa. diferents formats: clip, reportatge… usuaris de la nova generació.
Els personatges influents Per aconseguir rellevància a les Explorar un nou format audiovisual Posicionar betevé com un mitjà
relacionats amb la ciutat estan, xarxes serà fonamental generar un d’emissió exclusiva a la xarxa on fort dins l’entorn digital dependrà
d’alguna manera, vinculats amb el contingut que, d’una banda, atregui s’aprofundeixi en aquests nous de l’engagement que es generi
passat. betevé ha d’aconseguir crear els usuaris de les plataformes referents permetrà posicionar betevé amb aquesta nova generació
un nou model de referent propi, lligat digitals (fonamentalment, la franja com un autèntic mitjà transmèdia, d’espectadors. Consumeixen
a la generació digital, pioner en el d’entre 18 i 34 anys) i, de l’altra, una a la vegada que cridarà l’atenció de continguts directament des de la
seu àmbit i pròxim culturalment amb gestió exemplar de la difusió digital la nova generació digital. El format xarxa, per la qual cosa aquesta ha
l’ideari del nou model de mitjà. (amb el suport de realitzadors ha de ser molt atractiu, innovador d’estar viva: durant la producció
reconeguts internacionalment, fent i avançat respecte del que s’emet per d’aquest nou format, s’aprofitarà per
campanya intensiva als mitjans televisió convencional. crear contingut extra per compartir-
digitals, etc.). lo a les xarxes (imatges, vídeos).
154 155
transmèdia
monogràfic
157
crèdits crèdits
nova identitat publicació
@beteve