Sessio Branding Web

La imatge i el disseny !

El look & feel del web de productor o bodega. El posicionament de marca i la imatge.

Albert Moreno29 /10/2009

1miércoles 4 de noviembre de 2009


Sessió:

La imatge i el disseny

Què és una Marca?Web: look & feelExemplesCas pràctic


L’art del marketing és fonamentalment la creació de marques. Si no és una marca, serà percebut como una commodity.

Phillip Kotler3miércoles 4 de noviembre de 2009

QUÈ APRENDREM AVUI?



Una definició actual de MARCA1



Una definició actual de MARCA

Les 5 accions principals per construir una MARCA

1

2





1

2

Com afecta l’estratègia de marca al disseny web3





1

2

Com afecta l’estratègia de marca al disseny web3

Com es fa un breiefing per un web4


PREPARATS?


Començarem fent caure alguns tòpics...


PRIMER

Una MARCA no és un logotip.



SEGON

Una MARCA no és una manual d’identitat corporativa.



PER ÚLTIMUna MARCA no és producte.


PER ÚLTIMUna MARCA no és producte.



doncs què és exactament una una MARCA?


UNA MARCA SÓN ELS SENTIMENTS VISCERALS DʼUNA PERSONA ENVERS UN PRODUCTE, UN SERVEI O UNA ORGANITZACIÓ



Són sentiments viscerals dʼuna persona, perquè les marques les defineixen individus, no les empreses, els mercats o els públics.


Són sentiments viscerals dʼuna persona, perquè les marques les defineixen individus, no les empreses, els mercats o els públics.

És un sentiment visceral perquè les persones som éssers intuïtius i emocionals16miércoles 4 de noviembre de 2009


En altres paraules…



Una MARCA...


NO ÉS EL QUE DIEM QUE ÉS...

Una MARCA...



...ÉS EL QUE ENSDIUEN QUE ÉS.


PER QUÈ SʼHA CONVERTIT EL BRANDING EN UNA ESTRATÈGIA TAN CRUCIAL?


La gent té múltiples opcions y molt poc temps disponible


1




Lʼoferta de productes acostuma a ser molt extensa i indiferenciada

1

2




Tenim tendència a basar els nostres criteris de compra en la confiança

Lʼoferta de productes acostuma a ser molt extensa i indiferenciada

1

2

3



NOMÉS A LʼESTAT ESPANYOL, HI HA MÉS DE 5.000 MARQUES DE VI.

COM DECIDIM QUIN COMPRAR?


CONFIANÇA



C=r+dLa confiança es crea amb la satisfacció i superació les expectatives del consumidor.

CONFIANÇA RECOMANACIÓ DESIG


Una MARCA té valor monetari?


€Una MARCA té valor monetari?



I TANT!



CAPITALITZACIÓ BORSÀRIA SENSE

INCLOURE EL VALOR DE LA MARCA

50.000 milions $

SENSE LA MARCA,COCA-COLA VEURIA

LʼAMPOLLA MIG BUIDA

CAPITALITZACIÓ BORSÀRIA INCLOENT EL

VALOR DE LA MARCA120.000 milions $


PROBLEMA

A la majoria dʼempreses, la CREATIVITAT


PROBLEMA

A la majoria dʼempreses, la CREATIVITAT

es troba separada de lʼESTRATÈGIA per un abisme



LA PART ESQUERRA DEL CERVELL SAP EL QUÈ ESTÀ FENT LA DRETA?


Només quan les àrees treballen juntes,es poden arribar crear marques amb carisma.


Una MARCA AMB CARISMA és aquell producte, servei o organització pel que la gent creu que no hi ha substitut


Qualsevol MARCA ho pot arribar a ser-ho31miércoles 4 de noviembre de 2009

Però primer,

sʼhan de dominar les 5 ACCIONS PRINCIPALS PER LA CONSTRUCCIÓ DE MARCA



ACCIÓ 1: DIFERENCIAR


FET:

Els nostres cervell actuen com a filtres per protegir-nos de lʼexcés dʼinformació.



NOMÉS PRESTEM ATENCIÓ AL QUE ÉS DIFERENT


SOLUCIÓ:


SOLUCIÓ:

SER DIFERENT.


Avui en dia el marketing va sobre la creació de “tribus”


beneficis

Què és i per a què serveix?

1920ʼs

Funcionals


beneficisEmocionals

Què sents?

1950ʼs


Autoexpressius2000ʼs

beneficis

Qui ets?


Una mateixa persona forma part de “tribus” diferents, en funció de les activitats que realitza.

ORDINADOR APPLE

COTXES VOLKSWAGEN

ESPORT NIKE

VIATGES ATRÁPALOBANCA SANTANDER

VINS VEREMA.COM


Les tres paraules més importants per intentar diferenciar una marca


POSICIONAMENT1


POSICIONAMENT2


POSICIONAMENT3


ÉS AIXÍ COM ENS VEUEN ELS CLIENTS?


EL TEST DEL POSICIONAMENT:

Qui ets?_____________________________________Què fas?____________________________________Per què és rellevant?___________________________


En cas de no saber respondre alguna de les tres,

es necessita millorar lʼestratègia de posicionament


La raó més freqüent per la pèrdua de posicionamentsón les malenteses extensions de marca


EXEMPLE:


EXEMPLE:

PORSCHE (BEN POSICIONADA) = COTXE ESPORTIU


EXEMPLE:

PORSCHE (BEN POSICIONADA) = COTXE ESPORTIU

PORSCHE (MAL POSICIONADA) = COTXE ESPORTIU + SUVʼS



LES EXTENSIONS DE MARCA mal plantejades,són les que cerquen beneficis a curt termini en detriment del valor de marca a llarg termini


LES EXTENSIONS DE MARCA mal plantejades,són les que cerquen beneficis a curt termini en detriment del valor de marca a llarg termini

LES EXTENSIONS DE MARCA ben plantejades,fan créixer el valor de la marca reforçant-ne el seu posicionament.




ACCIÓ 2: COL·LABORAR


COM LA CONSTRUCCIÓ DʼUNA CATEDRAL,CONSTRUIR UNA

MARCA ÉS UN PROCÉS COL·LABORATIU





Participació

10Entrevistes a distribuïdors

actuals

2Entrevistes a distribuïdors

no clients

50Entrevistes a consumidor

final

12Qüestionaris

interns




ConclusionsImatge antiquada

Excés de productes i poc definits

Carència de posicionament









ACCIÓ 3: INNOVAR


Execució—

no l'estratègia—és quan ens posem en marxa...


LA CREATIVITAT ÉS EL QUE PERMET TRACCIONAR A LES MARQUES EN EL MERCAT


Per què hi ha empreses que tenen tants problemes en ser creatives?

Perquè la creativitat és a la part dreta del cervell,

i lʼestratègia és a la part esquerra.


RAONAMENT CREATIU


RAONAMENT ESTRATÈGIC


PREGUNTA:

Com sabrem si una idea és innovadora de debò?



QUAN “ACOLLONI” A TOTHOM


Per començar,


la MARCA necessita tenir un naming que destaqui.Per començar,


Els 7 factors clau per fer destacar un naminig:



DISTINTIU1



DISTINTIU1

BREU2



DISTINTIU1

BREU

APROPIAT

2

3



DISTINTIU1

BREU

APROPIAT

FÀCIL DE PRONUNCIAR I ESCRIURE

2

3

4



DISTINTIU1

BREU

APROPIAT


QUE AGRADI

2

3

4

5



DISTINTIU1

BREU

APROPIAT


QUE AGRADI

AMPLIABLE

2

3

4

5

6



DISTINTIU1

BREU

APROPIAT


QUE AGRADI

AMPLIABLE

DISPONIBLE I ENREGISTRABLE

2

3

4

5

6

7


Un BON NAMING es mereix una BONA GRÀFICA.


EXTRA!

EXTRA!ELS LOGOS HAN MORT. VISCA LES ICONES!


Una ICONA és un nom i un element visual que suggerix un posicionament determinat, La tendència és a que siguin mòbils, canviables i que funcionin per si sols en qualsevol mitjà / aplicació.



Per productes, com el vi, que es venen en botiga,

el packagingés pot arribar a ser la millor i única opció per aconseguir la venda.


SEQÜÈNCIA HABITUAL DE COMPRA:

Veu el packaging

Comprador:

1

Es pregunta “Què és?”

“Per què mʼhauria dʼimportar?”

Vol ser convençut

Necessita provar el producte

2

3

4

5


Plantejant com ensenyar la informació pensant aquesta seqüència, un packaging pot fer vendre el producte dʼuna manera més efectiva


Si una empresa es comunica amb els seus clients o potencials clients de forma ONLINE, la seva web necessita seguir unes pautes de lectura SIMILARS, que ofereixi als usuaris només la informació que necessiten, enlloc dʼintentar fer-ho encabir TOT a la home page, COM AQUÍ, fent que els usuaris facin TOTA la feina, cosa que provocarà amb total seguretat que ABANDONIN, quan lʼúnic que realment sʼhauria dʼhaver fer és fer-se una PREGUNTA MOLT SIMPLE:


embotidaLa nostra web, sembla

en aquest vestit?


Hi ha un gran nombre de webs atapeïdes amb informació irrellevant


PER QUÈ?


TOTHOM DE LʼEMPRESA “VOL SORTIR” A LA HOME1


CREENÇA DE QUÈ AMB MÉS INFORMACIÓ MILLOR2


AVERSIÓ A LES NOVES TECNOLOGIES I LLENGUATGES3


TEST:Quina dʼaquestes pàgines sembla més fàcil de fer servir?





ACCIÓ 4: VALIDAR


VALIDAR vol dir integrar a la audiènciaen el procés creatiu de construcció de marca


LʼANTIC MODEL DE COMUNICACIÓ ERA UN MONÒLEG

EMISSOR MISSATGE RECEPTOR


EMISSOR MISSATGE RECEPTOR

EL NOU MODEL DE COMUNICACIÓ ÉS UN DIÀLEG


Com podem testar les idees creatives ABANS de llançar-les al mercat?

PREGUNTA:


Us recomano no gastargrans quantitats en complexes estudis de mercat


ELS TEST MÉS EFECTIUS, SÓN

YBARATOS”

BONITOS,“BUENOS,


És millor una resposta curta o concisa a la pregunta correcta,que una resposta extensa a la pregunta incorrecta


TEST 1:

LʼINTERCANVI DE LOGOS ÉS UNA PROVA DE FOC PER LES MARQUES


MARQUES EXISTENTS


Si el naming i la part gràfica de les 2 marques funcionen millor intercanviades, cap de les 2 marques és òptima


MARQUES INTERCANVIADES


TEST 2:

EL TEST DE LA MÀ


Si pots identificar la marca tapant-la,la MARCA ha aconseguit parlar per si sola



TEST 3:

EL TESTEIG DE CAMP ON-LINE és una prova efectiva i molt econòmica




El tests de camp, medeixen 5 aspectes:

Distinció1

Rellevància

Memorabilitat

Extensibilitat

Significat intrínsec

2

3

4

5



ACCIÓ 5: CULTIVAR


Un negoci és un procés, no una entitat.


Una marca viva és una conducta de comportament,i no un simple treball estilístic.


Les marques són com les persones.


SI LES PERSONES CANVIEN DʼESTIL DE ROBA SENSE CANVIAR EL SEU CARÀCTER…


PER QUÈ NO HO PODEN FER LES MARQUES…


FINS NO FA MASSA, LʼIMPORTANT ERA:

Controlar el

dʼuna marca

LOOK AND FEEL


Influenciar laPERSONALITATdʼuna marca.

NOU PARADIGMA:


La personalitat de la marca Apple és amigable i empàtica.Des del look de la seva web al disseny dels seus productes

Apple brand personality: - Friendly

Apple “look” is also friendly, from the website to the products design

EXEMPLE:


Imaginem ara que ja hem aconseguit...

DIFERENCIAR-NOS,COL·LABORAR,INNOVAR,I VALIDAR.


HAUREM ACONSEGUIT UNIR LA PART DRETA I ESQUERRA DEL CERVELL


HAUREM TESTAT EL CONCEPTE PER EVITAR FER EL RIDÍCUL....


I la marca sʼha convertit en la NÚMERO 1 en la seva categoria


I ara què?


FEM SERVIR LA BRÚIXOLA


Què és una brúixola?


Accions de branding planificades i continuades en el temps.


FORMACIÓAUDITORIES INTERNESREUNIONS DE SEGUIMENTMANUALS DʼIDENTITATENQUESTES A CLIENTSCONTACTE AMB CLIENT FINALNOVES APLICACIONS ETC...

I EL MÉS IMPORTANT....


mantenir la

COHERÈNCIApotenciant la personalitat de la

marca en totes les accions!


DOMINANT 5 ACCIONS PRINCIPALS PER LA CONSTRUCCIÓ DE MARCA, LʼEMPRESA CREA UN CERCLE VIRTUÓS.

VALIDAR

CULTIVAR

INNOVAR

DIFERENCIAR

COL·LABORAR


AMB CADA VOLTA AL CERCLA, EL VALOR DE LA MARCA CREIX PROPORCIONALMENT





Sessió:



Problema

Per norma general, el dissenyador tradicional té dificultats per dissenyar en entorn web


HIPÒTESI:

El disseny web es diferencia del diseny tradicional en la mesura que cerca aspectes funcionals addicionals (usabilitat) més enllà de lʼestètica.


FUNCIONS DEL DISSENY WEB:


COMUNICAR

emocional



COMUNICAR

racionalINFORMAR

emocional



COMUNICAR

racionalINFORMAR

emocional


El disseny ben entès informa i comunicaels valors i la personalitat de la marca


ASPECTES FONAMENTALS:

Colors2



Composició (layout) i continguts1

Colors2




Colors2




Colors

Textures

2

3




Colors

Textures

Tipografies

2

3

4




Colors

Textures

Tipografies

Imatges

2

3

4

5


Com optimitzar el disseny dʼuna “Landing Page” per incrementar

les conversions?


Estrategia

Sʼha dʼestructurar lʼinterfície gràfica de manera que motivi a lʼusuari a realitzar una acció concreta


AIDA134miércoles 4 de noviembre de 2009

A!ttention

Interest

D!esire

A!ction


A!ttention

Interest

D!esire

A!ction

Atenció

Interès

Desig

Acció


Exemple Paco&Lola


Exemple Paco&LolaAtenció

Interès

Desig

Acció

Acció


Exemple Lavinia


Atenció

Interès

AccióDesig

Acció

Exemple Lavinia


Recomanacions


Visibilitat de la imatge de marca

Ús dʼimatges atractives i colors corporatius

Introduir un titular simple i descriptiu

Incloure 1 o màxim 2 beneficis

Descripció del mercat objectiu (p.e. El vi pensat per als joves com tú)

Enfatitzar la popularitat del producte (p.e. presents a les millors botigues del món)

Atenció:


Explicar de forma clara (gràficament si cal) els beneficis del producte

Establir un USP del producte o servei

Incloure contingut comparatiu (p.e.: agricultura ecològica vs. estàndard)

Presentar material audivisual de producte (fotos / vídeos / postcats)

Interès:


Presentar testimonials escrits de clients satisfets o de tercers (creïbles)

Incloure testimonials audivisuals

Reforçar el posicionament de marca i recordar la popularitat del producte (p.e. Parker)

Desig:


Ús dʼicones o butons cridaners per enllaçar a pàgines de compra

Sempre de forma visible opcións de comunicació per suport a la compra:

Telèfon, email, xat, @twitter account, etc...

Presentar les ofertes vigents de forma clara i destacada

Acció:



El disseny és equilibri entre els elements


Compte amb les modes!!Perill dʼun excés de modernitat mal entesa



Compte amb les modes!!Perill dʼun excés de modernitat mal entesa


Els detalls dʼacabat marquen la diferència



Una bona estratègia de marca i unbon briefing SÓN LA CLAU peraconseguir un bon disseny





Sessió:



http://www.yellowtailwine.com/


http://www.yellowtailwine.com


































































































http://www.moet.com/


http://www.moet.com

http://www.moet.com

http://livepage.apple.com/


http://www.marquesderiscal.com/


http://www.marquesderiscal.com

http://www.marquesderiscal.com



http://www.vega-sicilia.com/


http://www.vega-sicilia.com

http://www.vega-sicilia.com



http://www.yquem.fr/


http://www.yquem.fr

http://www.yquem.fr



http://www.sensivini.com/


http://www.sensivini.com

http://www.sensivini.com



http://www.antinori.it/


http://www.antinori.it

http://www.antinori.it



http://gallo.com/


http://gallo.com

http://gallo.com



http://www.robertmondaviwinery.com/


http://www.robertmondaviwinery.com

http://www.robertmondaviwinery.com



http://www.angusthebull.com/


http://www.angusthebull.com

http://www.angusthebull.com



http://www.pacolola.com/


http://www.pacolola.com

http://www.pacolola.com



http://www.canbonastre.com/


http://www.canbonastre.com/es_ES/index.php

http://www.canbonastre.com/es_ES/index.php



http://www.raimat.com/


http://www.raimat.com

http://www.raimat.com



http://www.recaredo.es/


http://www.recaredo.es

http://www.recaredo.es






Sessió:



CAS PRÀCTIC


COM PLANTEJARIEU EL SEU WEB?

BRIEFING A AGÈNCIA

CAS PRÀCTIC


Filosofia d'elaboració integral terrer a terrer Vins i caves elaborats únicament a partir de vinyes pròpies de la Finca Sabaté i Coca Produccions limitades i numerades Nombrosos premis i reconeixements (elevades puntuacions en les principals Guies de referència) Respecte per l'entorn Pioners en l'elaboració de Xarel•lo Collita i data de degollament visibles en les etiquetes de cava

CAS PRÀCTIC


CAS PRÀCTIC


CAS PRÀCTIC


MODEL DEBRIEFING


1. Definir OBJECTIUS I ESTRATATÈGIA:MODEL DEBRIEFING


1. Definir OBJECTIUS I ESTRATATÈGIA: 1.1. A què es dedica l'empresa?

MODEL DEBRIEFING


1. Definir OBJECTIUS I ESTRATATÈGIA: 1.1. A què es dedica l'empresa? 1.2. Què pretén aconseguir amb aquest lloc web?

MODEL DEBRIEFING


1. Definir OBJECTIUS I ESTRATATÈGIA: 1.1. A què es dedica l'empresa? 1.2. Què pretén aconseguir amb aquest lloc web? 1.3. A quin públic objectiu vol dirigir?

MODEL DEBRIEFING


1. Definir OBJECTIUS I ESTRATATÈGIA: 1.1. A què es dedica l'empresa? 1.2. Què pretén aconseguir amb aquest lloc web? 1.3. A quin públic objectiu vol dirigir? 1.4 En quant temps pretén assolir els seus objectius?

MODEL DEBRIEFING



2. Definir aspecte (PERSONALITAT)

MODEL DEBRIEFING



2. Definir aspecte (PERSONALITAT)2.1. Identitat visual corporativa / posicionament / estratègia de marca?

MODEL DEBRIEFING




MODEL DEBRIEFING




Si la resposta és no:

MODEL DEBRIEFING




Si la resposta és no: 2.2. Quins colors / tons prefereix?

MODEL DEBRIEFING




Si la resposta és no: 2.2. Quins colors / tons prefereix? 2.3. Té materials visuals? quins té? (logotips, fullets, targetes??)

MODEL DEBRIEFING





MODEL DEBRIEFING





Si la resposta és si:

MODEL DEBRIEFING





Si la resposta és si: 2.44 Ens pot facilitar un llibre d'estil?

MODEL DEBRIEFING






2.5. Llocs web de referència intentant esbrinar què li agrada de cada

MODEL DEBRIEFING







3. Continguts

MODEL DEBRIEFING







3. Continguts 3.1. Quins continguts hi ha?

MODEL DEBRIEFING







3. Continguts 3.1. Quins continguts hi ha? 3.2. Quins continguts falten?

MODEL DEBRIEFING







3. Continguts 3.1. Quins continguts hi ha? 3.2. Quins continguts falten? 3.3. Estructura. (després de llegir / mirar els continguts)

MODEL DEBRIEFING







3. Continguts 3.1. Quins continguts hi ha? 3.2. Quins continguts falten? 3.3. Estructura. (després de llegir / mirar els continguts) 3.3.1. Quantes seccions hi ha?

MODEL DEBRIEFING







3. Continguts 3.1. Quins continguts hi ha? 3.2. Quins continguts falten? 3.3. Estructura. (després de llegir / mirar els continguts) 3.3.1. Quantes seccions hi ha? 3.3.2. Quantes subseccions hi ha i en quines seccions són?

MODEL DEBRIEFING







3. Continguts 3.1. Quins continguts hi ha? 3.2. Quins continguts falten? 3.3. Estructura. (després de llegir / mirar els continguts) 3.3.1. Quantes seccions hi ha? 3.3.2. Quantes subseccions hi ha i en quines seccions són? 3.3.3. Què es va a mostrar en cada secció / subsecció

MODEL DEBRIEFING







3. Continguts 3.1. Quins continguts hi ha? 3.2. Quins continguts falten? 3.3. Estructura. (després de llegir / mirar els continguts) 3.3.1. Quantes seccions hi ha? 3.3.2. Quantes subseccions hi ha i en quines seccions són? 3.3.3. Què es va a mostrar en cada secció / subsecció 3.3.4. A quina pàgina entra? (Si no hi ha intro)

MODEL DEBRIEFING








3.4. Ordenar continguts

MODEL DEBRIEFING








3.4. Ordenar continguts 3.4.1. on van els continguts donats?

MODEL DEBRIEFING








3.4. Ordenar continguts 3.4.1. on van els continguts donats? 3.4.2. on anirien els continguts que falten?

MODEL DEBRIEFING









4. Altres observacions

MODEL DEBRIEFING









4. Altres observacions Revisió final (check list)

MODEL DEBRIEFING


Gràcies per la vostra atenció!

Us espero a:

@albertmoreno

[email protected]


mailto:[email protected]

mailto:[email protected]

Business

Sessio Branding Web