You are on page 1of 54

PROYECTO WEB

briefing
Briefing /// Proyecto Web /// Concepto Y

· ¿Por dónde empezar?

· Cuestiones básicas

· Análisis crítico de la competencia


· Qué usar, qué no usar y por qué

· Público objetivo y posicionamiento

· Qué queremos transmitir?


Briefing /// Cuestiones /// ¿Por qué una web?

· ¿Por qué hacer un sitio web?

· Darse a conocer por otras vías

· Ampliar información de diferente forma (haciendo uso de


las diferentes opciones que nos permite la web > multimedia)
· Ofrecer información nueva que el espacio editorial no nos permite.

· Fidelizar al público (dándole más información que quiere/necesita)


Briefing /// Cuestiones /// ¿Qué analizar?

· ¿Qué es lo que busco en la competencia?

· Cosas positivas que funcionen


· Buen uso del color
· Recursos gráficos interesantes
· Uso de las imágenes (color, tipo y calidad)

· Cosas negativas (ejemplos de lo que no debo hacer)

· Mal uso del color


· Mala estructuración y jerarquía de contenidos
· Mal uso de las imágenes
ANÁLISIS DE LA COMPETENCIA

Competencia directa
Revistas para hombres
Competencia relacionada
Investigación de webs en general
Briefing /// Análisis /// Competencia directa

La mayoría de sitios webs que ofrecen la competencia directa (webs


de psicoterapia) son escasas en recursos. Se podrían calificar como
sitios web poco trabajados y, la mayoría, hechas por gente carente
de los conocimientos de un diseñador gráfico. Obviamente, hay
excepciones. Dentro de la competencia directa destacan las webs
de algunos productos editoriales.

Valoradas positivamente Valoradas negativamente


Altea psicólogos España CAAP Granada
Cetebreu España Aaron Beck Granada
Childguidance EE.UU C. Manuel E. España
Psychologies EE.UU CGRC EE.UU
Briefing /// Análisis /// Competencia directa
Valoradas positivamente - Altea psicólogos

Cosas positivas Cosas negativas

Bien estructurada, da la sensación Ancho extraño


de que dominamos el sitio web.
Uso del color, no refleja
Sencilla, limpia, estética “elegante” el sector al que pertenece

Interesante la sección de las Faltan metadatos


“opiniones”
Ejemplo a seguir Mal uso de imágenes,
todas son persuasivas,
ninguna acompaña a la
información

Pocas secciones

Footer enorme e
innecesario
Briefing /// Análisis /// Competencia directa
Valoradas positivamente - Psico. Científica

Cosas positivas Cosas negativas

Muy ordenada, un ejemplo a Carece de color


seguir, es limpia, estética y
funcional. Muy pocas imágenes,
muy pequeñas y mal
Uso de pistas para situar usadas.
al que visita la página (bread
Demasiado texto por
crump)
página, no se hace inter-
sante la lectura.
Mal uso de imágenes,
todas son persuasivas,
ninguna acompaña a la
información
Si bien es simple, limpia,
estética y funcional, peca
de un diseño demasiado
sencillo.
Briefing /// Análisis /// Competencia directa
Valoradas positivamente - Cetebreu

Cosas positivas Cosas negativas

Muy ordenada, estética y Se repiten varias cosas en


funcional el top menú y menú auxil.

Ejemplo a seguir en la Mal uso del color, en algunas


forma de uso del top menu secciones parece incluso
y el menú auxiliar (no el una web relacionado con
recurso en sí, sino la forma) algo futurista.
Un tanto experimental, Pocas imágenes aunque
es interesante proponer las poca que tiene están
propuestas diferentes a lo bien tratadas.
habitual (aunque esta en Mal uso de los recursos,
concreto no se adaptar siendo esta una web de
a los requisitos de Concepto Y) psicoterapia, parece más
Buen tamaño de columnas bien la web de xbox
Añade sonidos al clickear
Recursos de :hover interesantes y al hacer :hover bastante
(estudiarlos) molestos
Briefing /// Análisis /// Competencia directa
Valoradas positivamente - ChildGuiDance

Cosas positivas Cosas negativas

Como el resto, es bastante Mal uso del color, uso de


ordenada algunos degradados

Interesante los menús Pocas imágenes (excepto


desplegables en el home) y mucho texto

Menú auxiliar curioso


saliéndose del margen
(siendo acertado o no, es
interesante)

Bueno ancho de columnas


de texto
Briefing /// Análisis /// Competencia directa
Valoradas positivamente - Psychologies

Cosas positivas Cosas negativas

Muy interesante la Columnas de texto


estructura jerárquica que muy estrechas.
presenta este sitio web. Poco espacio para los
Hay bastantes recursos de contenidos.
los que se pueden sacar
partido.

Buen uso de las imágenes


y galerías de imagen.

Hover sencillos (la mayoría


de web decentemente
tienen hovers demasiado
complejos y llamativos)
Briefing /// Análisis /// Competencia directa
Valoradas negativamente - Aaron Beck

Cosas positivas Cosas negativas

Buen uso del color Mal estructurado, ejemplo


aunque el color principal de lo que no hay que hacer
y el color de contraste
está demasiado saturado Tiene 3 menús y bastante
confusos

La pantalla de la bienvenida
(la de la izquierda) parece
otra web distinta al home

Mal espaciado entre texto


y márgen
Briefing /// Análisis /// Competencia directa
Valoradas negativamente - CAAP

Cosas positivas Cosas negativas

Menu lateral bien Información mal ubicada


estructurado (aparece debajo del menú
lateral)
Uso de bread crump
(aunque no clickeable) Mal uso del color, muy
estridente.

Header enorme

No respeta demasiado
bien los espaciados.
Briefing /// Análisis /// Competencia directa
Valoradas negativamente - CP Torrelodones

Cosas positivas Cosas negativas

Forma de estructurar Mal uso del color (parece


el contenido una web de medio ambi-
ente)
Sencilla
No hay imágenes excepto
en el header (y la imagen
en esa zona no es muy
adecuada)

No hay demasiados
niveles de jerarquización
de contenido (excepto
el títular, lo demás es texto
tirado sin más)

No hay hover para los


links, confunde bastante
porque, además, hay texto
en el menú que no son links
Briefing /// Análisis /// Competencia directa
Valoradas negativamente - CS Córdoba

Cosas positivas Cosas negativas

Mal uso del color

Uso terrible de fondos con


imágenes.
Header enorme

Uso de texturas y
cuadros con bisel

Muchas opciones no
operativas.

Animaciones hechas por


niños de 3 años.
...
SEGUNDO TIPO PRINCIPAL
DE COMPETENCIA

Revistas para hombres


Briefing /// Análisis /// Webs para hombres
¿Por qué estudiar los sitios web dirigidos hacia hombres?

De las webs que van dirigidas hacia el público masculino (p.ejemplo: fhm, gq etc) me
interesa algo bastante importante en el proyecto web de Concepto Y, la forma en
que se dirigen a los hombres (ya que son webs exclusivamente para ellos) por tanto
es interesante estudiar estas webs y cómo se dirigen hacia su público objetivo (que,
en esencia, es el mismo que el mío)

Destacan en diseño: 2 fases de estudio:


Men’s Health España Primera fase: estudio general
del tratamiento de los contenidos
FHM España y la forma de expresarse hacia su
público objetivo.
Soho España
Segunda fase: estudio específico
Revista GQ España de las secciones comunes
Briefing /// Análisis /// Webs para hombres
Men’s Health
Briefing /// Análisis /// Webs para hombres
Men’s Health
Briefing /// Análisis /// Webs para hombres
Men’s Health
Briefing /// Análisis /// Webs para hombres
Soho
Briefing /// Análisis /// Webs para hombres
Soho
Briefing /// Análisis /// Webs para hombres
Soho
Briefing /// Análisis /// Webs para hombres
FHM
Briefing /// Análisis /// Webs para hombres
FHM
Briefing /// Análisis /// Webs para hombres
Revista GQ
Briefing /// Análisis /// Webs para hombres
Revista GQ
Briefing /// Análisis /// Webs para hombres

Tratamiento general
de los contenidos

En estas revistas tratan los contenidos y al público de forma graciosa y divertida,


intentan que el espectador se ría con algunos contenidos. En algunos temas específicos
(como sexo) suelen tratar los contenidos de una forma, digamos, poco sutil,
e insensible (en general los hombres no somos tan “finos” en esos temas)
Para mi sitio web debo buscar el equilibrio y saber cuándo ser gracioso,
cuándo ser sensible con ciertos temas, y cuando ser insensible con otros.
Briefing /// Análisis /// Webs para hombres

Tratamiento específico
para secciones comunes

<< Aún por completar >>


...
TERCER TIPO PRINCIPAL
DE COMPETENCIA
Competencia relacionada
(Empresas de salud)
Briefing /// Análisis /// Competencia relacionada

Primero: ¿qué consideramos competencia relacionada?

Psicología y salud mental Servicios relacionados con la salud

Hospitales Clínicas
Rehabilitación
Veterinarias
Briefing /// Análisis /// Competencia relacionada

¿Y por qué estudiar a este tipo de servicios?


Si bien las webs dirigidas esclusivamente hacia el público masculino (p.ejemplo fhm
gq etc) nos ofrecían las pautas que debíamos seguir para la forma de transmitir
la información a nuestro público objetivo (que quedamos en que era el mismo) este
tipo de webs (las que están relacionadas con la salud) nos pueden aportar más (las webs
de psicoterapia aportan también bastante) sobre el carácter “humano” y sensible que
necesitarán algunas noticias de la web “Concepto Y”. Este tipo de servicios son
especialistas en lo que a sensibilidad se refiere. Y además (que no es menos importante)
este tipo de webs nos puede dar buenas pautas de uso de color (desde el inicio de Grandía,
el color corporativo ha intentado siempre que se relacione con la salud). Por mencionar
también que viene bien ver webs diferentes para observar sus recursos, estructuras,
formas de jerarquizar etc.

Destacan en diseño:
CV amigos España
Ephpo España
Vitaldent España
C. Dermoestetica España
Briefing /// Análisis /// Competencia relacionada

CV Amigos
Briefing /// Análisis /// Competencia relacionada

CV Amigos
Briefing /// Análisis /// Competencia relacionada

CV Amigos
...
Briefing /// Cuestiones /// Público objetivo

Y qué pasa con el público objetivo

El público objetivo será similar al público de el producto editorial de “Concepto Y”


con esta nueva plataforma pretendemos únicamente fidelizar a los ya cliente fijos
y captar a nuevos clientes (gente que no compra revistas pero sí navega por internet)
sin embargo este público no tiene por qué tener otras preocupaciones personales de
las que tienen los clientes de la revista.
Briefing /// Cuestiones /// Posicionamiento

Cómo debe posicionarse Concepto Y en la web

El posicionamiento no cambia, pretendemos que el producto vaya


dirigido hacia el público masculino. La web pretende reforzar
este posicionamiento tan característico que Concepto Y tiene.
Briefing /// Cuestiones /// Palabras clave

Algunas palabras clave para echarles un vistazo de vez en cuando

Seriedad Amigable Orden Sensibilidad

Simplicidad (no sencillez)


Profesionalidad
Cercanía
Estético Limpio Los clientes

Grandía Salud mental


Ayuda
Equilibrio de
Humor - sensibilidad - insensibilidad
expresión en
los contenidos
Clientes>contenido>yo
...
Continuará

You might also like