Está en la página 1de 28

PROYECTO WEB

1ª PARTE: ELABORACIÓN DE BRIEFING

¿POR QUÉ NECESITA NUESTRA EMPRESA UNA WEB?

Hoy en día, Internet es la vía de comunicación más fácil, rapida y económica de llegar a todo el mundo, más
aún si cabe teniendo en cuanta el sector de la empresa. Tener tu propio sitio web establece tu credibilidad de
inmediato online y offline. En nuestro caso en particular (estudio creativo deArte) necesitamos la web para:

- Promoción: En la web debemos hacer saber al cliente los servicios que ofrecemos, también se
mostarán los trabajos ya realizados a otros clientes. Un amplio portfolio dividido en las categorias:
Imagen corporativa, publicidad, rotulación y diseño web.

- Imagen de marca: Asentar la imágen de marca de nuestro estudio creativo.


PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

ANÁLISIS DEL SECTOR: LA COPETENCIA EN LA RED

Dentro del sector del diseño gráfico nos disponemos a analizar las distintas web del sector, para ello nos hace-
mos las siguientes preguntas:

¿Que webs analizamos?

Dividiremos las web a analizar en tres grupos:



- Estudios de diseño de tamaño mediano (son nuestra competencia directa).
- Agencias de publicidad
- Diseñadores Freelance

Se analizarán las web corporativas de las que disponenen. Dado la gran cantidad de estudios de diseño que hay
me decanto por las webs que veo más interesantes, y cuya tecnologia sea accesible.

¿Que información nos interesa?

De las web que vamos a analizar nos interesan varios aspectos:



- Lenguaje que utilizan (HTML, PHP, MySQL, JavaScript, ¿Flash?).
- Numero de Secciones.
- Contenido.
- Aspecto.
- Funcionalidad.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

GRUPO 1: ESTUDIOS DE DISEÑO

Web Lenguaje Secciones Contenido Rasgos Caracteristicos

www.brida.es HTML, PHP Estudio, Campañas, Editorial, Web, Portfolio y Contacto Menu en la derecha de la
Identidad y Grafica pagina

www.studiobmd.com Flash Quien somos, Digital, Print, Portfolio de los trabajos Disponible en Inglés y
Branding y Contacto realizados español

www.artsessions.net HTML, PHP Web, Diseño gráfico, Fotografía, Video, Portfolio de los trabajos Permite Subcripción
y JavaScript Infografia, Quien Somos y Contacta realizados y varios idiomas

www.taccreativos.com Flash Reciente, Info, Contacto y Trabajos expuestos en Interfaz muy intuitiva
Portfolio (web, identidad..) dos zonas horizontales y manejable

www.kuonodg.com.ar Flash Home, Servicios, Contacto y Servicios que ofrece el Interfaz muy gráfica,
Portfolio (web, editorial..) estudio y portfolio incluye musica
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Web Lenguaje Secciones Contenido Rasgos Caracteristicos

www.xigno.com HTML y Estudio, Contacto, Creación Marca, Portfolio, Contacto, Fototeca: sección donde
JavaScript Grafica, Web, Ilustración y Fototeca Fotos preferidas muestran fotografias

www.takeone.es HTML y Portfolio y Contacto Portfolio y Contacto No tiene menú


JavaScript

www.ekkoestudio.com Flash Quien Somos, nuestros servicios, Portfolio, Servicios que Integramente en Flash
nuestros trabajos, soporte y contacto ofrecen y contacto

www.iriades.net Flash Estudio, Servicios, Portfolio, Servicios que Interfaz muy intuitiva
Clientes y Contacto ofrecen y contacto y en Flash

www.mentagrafica.com Flash Diseño (editorial, web, identidad..), Portfolio de trabajos y Menu muy atractivo
Fotografía y Estudio (contacto..) mentalidad de empresa y fácil navegación

thechurchoflondon.com HTML y PHP Work, Blog y About Portfolio y blog Solo disponible en
inglés
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

GRUPO 2: AGENCIAS DE PUBLICIDAD

Web Lenguaje Secciones Contenido Rasgos Caracteristicos

www.limonpublicidad.com HTML, PHP Imagen corporativa, publicidad, marke- Portfolio de trabajos rea- Menu en la derecha de la
y JavaScript ting, papeleria, web, packaging, Audiovi- lizados, ninguna infor- pagina
sual, Stand, Clientes y Eventos mación de la empresa

www.creativartwebs.com HTML y Flash Quienes somos, clientes, servicios Información sobre la Disponible de un blog
y blog agencia y trabajos donde esta el portfolio

www.oiestudiocreativo.com Flash Nosotros, misión, innovar, servicios, Filosofia de la empresa Interactua con el usuario
proyectos, conocenos, enlace y contacto y trabajos realizados mediante audio/video

www.grupohh.com Flash y PHP Quienes Somos, Equipo, Clientes, Información sobre la Integración de
Servicios, Portfolio y Contacto agencia y trabajos Flash y PHP
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

GRUPO 3: DISEÑADORES FREELANCE

Web Lenguaje Secciones Contenido Rasgos Caracteristicos

http://peha.com.pl HTML About, Logo, Illustración, Portfolio y Disponible solo en inglés


y JavaScript Otros y Contacto Curriculum

http://guyseese.com Flash Marcas en las que trabaja Portfolio Menú por marcas de
los clientes

www.isaacleon.com Flash Curriculum, blog, contacto, Facebook, Curriculum y Muy dinámica y


Portfolio entera en Flash

www.legarconbleu.com Flash Portfolio Portfolio No dispone de menú


PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

GRUPO 1: ESTUDIOS DE DISEÑO

Brida Estudio creativo

Cabecera y menú

Zona de muestra
de trabajos

Botón ampliar trabajo

Este estudio creativo con sede en Málaga tiene una estructura sencilla, parte izquierda para mostrar los trabajos y parte
derecha para un menu que se divide en dos partes: estudio y portfolio dividido en categorias.
En la sección de estudio nos muestran los datos para contactar y los productos/servicios que ofrecen. El menú y la cabece-
ra se encuentran en la parte derecha (algo poco habitual) y nunca cambia, exepto el recurso del circulo que cambia según
la sección en la que nos encontremos. Los trabajos se muestran verticalmente con scrool hacia abajo y cada proyecto con
un botón ‘ver mas’ que permite ampliarlo con más fotografias.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Be My Design Studio

Cabecera y menú

Zona de muestra
de trabajos

Pagina de
inicio

La web de Be My Design Studio dispone de una pagina de inicio donde muestra una presentación en Flash, en esta pre-
sentación está también el menú pudiendo entrar directamente a la sección que desees. El tamaño de la pagina es fijo y esta
centrado. Una vez dentro de las secciones los trabajos se muestran hacia abajo. La web también esta disponible en inglés.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

ArtSessions

Noticias destacadas

Menú desplegable
que muestra los
trabajos

Footer

Esta web aunque visualmente no es una gran cosa tiene algunas cosas interesantes: Dispone de un menu desplegable
donde al pulsar la seccion se abren los trabajos de dicha sección. Si se quiere saber más información sobre uno especifico
se habre una ventana nueva con todos los detalles. La web está disponible en español, ingles y catalán. El tamaño de la
pagina es fijo y esta centrado.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Tac Creativos

Zona de muestra de trabajos

Menú Detalles del trabajo

Esta web tiene la particularidad de mostrar los trabajos en la zona superior de la web, de forma horizontal con una barra
de desplazamiento. Abajo tiene una zona fija que es el menú dividido en las siguientes categorias y clientes. También
disponemos de una zona donde se muestras los detalles del trabajo tales como año, cliente, producto...
La web está echa totalmente en Flash.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Kuono Diseño Gráfico

Menú y Submenú

Zona muestra de trabajos

2º Menú y contacto

La web de Kuono esta dividida en 3 zonas divididas verticalmente: La zona superior es del menú principal y del submenú,
la zona central es la de la muestra de trabajos y el footer tiene el mismo menú, el contacto y la integración a redes sociales.
Completamente realizada en Flash con un ancho fijo y centrada.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Menta estudio de diseño

Menú
Zona muestra de trabajos

Contacto

De esta web destaco la particularidad de que está alineada a la izquierda, tiene una navegación muy simple permitiendote
pasar de pagina con el teclado, mediante los cuadrados o mediante los numeros. Todas las zonas son fijas excepto la de
muestra de trabajos.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Xigno Estudio creativo

Cabecera y menú

Zona de muestra
de trabajos

Xigno es un estudio de diseño gráfico y comunicación ubicado en Granada. Dividia en dos bloques (Arriba y Abajo). En la
parte superior de la pagina se encuentra la cabecera y menú (el menú ira marcando la zona en la que nos encontramos).
La muestra de trabajos se muestra de forma vertical hacia abajo. Como particularidad de la web en el footer aparece una
sección llamada fototeca donde aparecen fotografias realizadas por los diseñadores del estudio.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Takeone

Cabecera

Zona de muestra
de trabajos

La caracteristica más importante de esta web es que no tiene menú. Se divide en dos bloques (como podemos ver arriba),
la cabecera y el contacto están en el primer bloque y el portfolio se muestra hacia abajo pudiendo ampliarse los trabajos
haciendo click en ellos. La tecnologia que usa es HTML y JavaScrip para ampliar los trabajos en una nueva ventana.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Ekko Estudio Creativo

Portfolio

Menú

La web de ekko estudio creativo tiene como caracteristica más importante que está realizada integramente en Flash.
El menú se ubica en la parte izquierda y la parte derecha cambia en función de la sección en la que nos encontremos.
En la sección de nuestros trabajos disponemos de un submenú. Para ampliar en detalle cada trabajo pulsamos sobre el y
abrimos una nueva ventana.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Iriades Estudio Creativo

Cabecera y
Menú

Portfolio

Esta web esta dividida claramente en dos bloques, el bloque superior es para la cabecera y el logo de la empresa y el
menú. El bloque de abajo es el portfolio de la empresa, también dispone de un menu (imagen corporativa, diseño web,
publicidad, packaging y rotulación). Según la categoria en la que estemos vemos abajo una imagen en miniatura del tra-
bajo donde al pulsar sobre el se abre en grande en el contenedor grande.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Iriades Estudio Creativo


Cabecera y
Menú

Portfolio

Esta web esta dividida claramente en dos bloques, el bloque superior es para la cabecera y el logo de la empresa y el
menú. El bloque de abajo es el portfolio de la empresa, también dispone de un menu (imagen corporativa, diseño web,
publicidad, packaging y rotulación). Según la categoria en la que estemos vemos abajo una imagen en miniatura del tra-
bajo donde al pulsar sobre el se abre en grande en el contenedor grande.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

GRUPO 2: AGENCIAS DE PUBLICIDAD

Limón Publicidad

Contacto

Menú Zona de muestra de trabajos

Datos de la empresa

En esta web se divide en 4 zonas claramente diferenciadas como se indica arriba. No dispone de ninguna sección sobre
la empresa y opta por tener un footer inferior con la dirección, correo electronico, telefono y demás datos.
Para contactar con ellos dispone de un formulario arriba. Todas las zonas son fijas excepto la de muestra de trabajos que
va cambiando según la categoria en que estemos. Respecto al tamaño es fijo y la pagina esta centrada. Usa la metafora
como modo de comunicar.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Oi estudio creativo y Publicidad

Zona de muestra
de trabajos

Menú y control

Respecto a esta web decir que es totalmente diferente a todas las vistas hasta ahora. Está echa totalmente en flash y es muy
dinámica. Tiene un escenario que incluso puedes cambiar a tu gusto moviendo los iconos. La web tiene la particularidad
de que interactua con el usuario mediante el audio y video. Según la sección en que te encuentres se ejecuta un audio
que te va explicando cosas del estudio.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

DobleHache

Menú

Submenú

Zona de muestra
de trabajos

DobleHache es un agencia de publicidad, respecto a su web se divide en tres espacios: arriba podemor ver el menú prin-
cipal, donde podemos ir cambiando de sección. Una vez dentro de la seccion de portfolio disponemos de un submenú
donde se elige la categoria de los trabajos que deseamos observar. Esta web tiene una buena integración de Flash y PHP,
lo que permite la gestión de los contenidos con más facilidad.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

GRUPO 3: DISEÑADORES FREELANCE

Peha Personal Portfolio

Menú Zona de muestra de trabajos

Respecto a esta web del freelance nos encontramos con una pagina con una interfaz limpia, con un menú en el lateral
izquierdo que siempre se mantendrá en el mismo lugar, la pagina va cambiando el contenido según la sección que esco-
jamos en el menú. Los trabajos se muestran verticalmente hacia abajo, nos muestra 5 trabajos en cada pagina, pudiendo
pasar a la siguiente mediante un botón “Next Page”.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Guyseese

Menú Zona de muestra de trabajos

Portfolio muy atractivo y echo completamente en Flash. Tiene como particularidad de que el menú principal se establece
por marcas de los clientes. Se nota que es un freelance muy contrastado por las marcas tan prestigiosas a las que trabaja,
cabe destacar que no se muestra ninguna información sobre el diseñador.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

Isaac Leon

Menú

Zona de muestra de trabajos

Pagina web muy dinámica y realizada completamente en Flash, nos encontramos todos los trabajos realizados por el di-
señador en miniaturas ampliandose cuando pulsamos sobre ellas, dandonos también la información del cliente, nombre
del proyecto, año, etc. En el menú podemos encontrarnos un enlace hacia un blog o la pagina de Facebook del freelance.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

legarconbleu

Zona de muestra de trabajos

La pagina web no tiene menu, solamente dispone del nombre de los proyectos y al pulsarlos amplia con fotografias los
trabajos verticalmente hacia abajo. La web está completamente realizada en Flash y no dispone de información sobre el
freelance.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

POSICIONAMIENTO A TRAVÉS DE LA WEB

Queremos posiconar a la web como una referencia para nuestros clientes, la cual acudan para ver que está
haciendo nuestro estudio y como (proceso de trabajo de nuestros proyectos). También se usará de modo de
promoción para captura de nuevos clientes.
Con el análisis del sector sacamos en claro que la web debe ser:

- Reconocible: Coherencia grafica, identidad de la empresa.

- Interfaz sencilla y clara: Que el usuario no tenga problemas de encontrar lo que busca.

- Posicionamiento web: Con un buen posicionamiento web en buscadores como Google, Bing, Msn,
Yahoo... tendremos más trafico web y a su vez más clientes.

*El Posicionamiento Web depende de 2 procesos:

1º El grado de Optimizacion Web que tiene su página web.


Los buscadores tienen que identificar y entender a que se dedica su empresa y que palabras son las que quiere
posicionar. Para ello, el codigo fuente de su página web debe de estar perfectamente optimizada para cumplir
con los requisitos establecidos de posicionamiento web.

2º La Popularidad Web. Una vez optmizada la página es necesario generar popularidad.


PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

PUBLICO OBJETIVO

El público objeto de la web se puede diferenciar en tres grupos fundamentales:

- Clientes: Empresas que necesitan de nuestros servicios. Es el grupo fundamental al que va destinado
la pagina web.

- Profesionales del diseño gráfico: Profesionales del mismo sector que entran para investigar que se
está haciendo en su materia.

- Estudiantes de diseño gráfico: Estudiantes del sector que quieren estar informados del trabajo que
se está realizando en los estudios de diseño, incluso les sirve de inspiración para sus propios trabajos.

El diseño de la web debe estar muy cuidado ya que nos encontramos con un público objetivo exigente, con
grandes espectativas y que sabe apreciar el buen diseño. Por tanto es desisivo un buen diseño web para retener
y atraer al usuario.
PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING

NECESIDADES DE LA EMPRESA vs NECESIDADES DEL USUARIO

Empresa:

La mayor necesidad de la empresa es aumentar el número de clientes y de proyectos. Internet es un medio


imprencindible para promocionar nuestro estudio y nuestro trabajo, más aún si cabe por el sector en el que
nos encontramos. Es necesario poder ofrecer a nuestros clientes un cuestionario previo para poder evaluar más
fielmente el proyecto ante el cual nos encontramos.

Usuario:

Las necesidades del usuario serán:

- Confidencialidad.
- Seguridad.
- Comodidad.
- Contenido

PROYECTO WEB
1ª PARTE: ELABORACIÓN DE BRIEFING