Está en la página 1de 36

EXPOSICION PUBLICA WEB

Patricia Romero Estévez 2ºB


Publimag es una empresa dedicada a la publicidad, investiga-
Introducción ción de mercados y políticas de marketing
Briefing

Libro de estilos El público objetivo de esta empresa, son las medianas y


grandes empresas.
Interfaz
Aunque para fomentar la educación publicitaria en el mercado
Conclusiones también trabajara con pequeñas empresas.

El objetivo de la empresa es captar clientes potenciales.


¿Porqué un webside?
Introducción - Por que queremos darnos a conocer a traves de este
Briefing
medio

Libro de estilos - Para fidelizar a los clientes existentes y captar nuevos.


Interfaz

Conclusiones
Posicionamiento:

- Ambito andaluz y poder llegar al mercado nacional.

- Llegar a clientes potenciales a los cuales no hemos llegado


por otros medios.
Para analizar la competencia:
Introducción
1º Buscamos empresas cercanas a nuestro ambito de actuación
Briefing
Leglez:
Libro de estilos

Interfaz Intuitiva Menú


siempre visible
Conclusiones

Limpia, estructu-
ra no lineal

Flash
www.leglez.com/
Cerotec estudios:
www.cerotec.net/

Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones

Html, Flash

Bien estructurada Estrutura No lineal Forma de exponer


en contenidos trabajo
Ados:

Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones

Información mal organizada

Cantidad de información sin


jerarquizar.
Grafitio:

Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones

Web Metáfora Cantidad de letras Tecnologia html


2º Análisis ambito nacional

Introducción Bg media
Clara, sencilla, intuitiva
Briefing

Libro de estilos

Interfaz Buena jerarquización

Conclusiones

Flash

www.bgmedia.net/
Shackleton

Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones

Flash

Menu de trabajo lateral Minimalista Exponer trabajos forma


libro y datos de cliente.
3º Otras Web

Introducción Porfolios

Briefing

Libro de estilos

Interfaz

Conclusiones
Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones
Usos tipográficos

Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones
Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones
Primero analicemos las secciones que poseia la web de estas empresas:
Introducción
Empresa Home Portfolio Contacto Noticias Clientes Servicios Trabajarmos ofe. trabaj Quien somos Blog Acc. Cliente
1 x x x x x x
Briefing 2 x x x x x x x
3 x x x x x x x x
Libro de estilos 4 x x x x x x x
5 x x x x x x x x
6 x x x x
Interfaz 7 x x x x x
8 x x x x x x

Conclusiones 9
10
x
x
x
x
x
x x x
Publimag x x x x x x x x

1.- Cid sevilla 6.- sinergesia multimedia


2.- Leglez Interesante
3.- cerotec estudios 8.- Begasond creative
4.- agencias creativa q4 9.- ic publicidad No interesante
5.- Ados 10.- Area25
Conclusión
Introducción
- La gran mayoria utiliza flash como herramienta, para ha-
Briefing cer más persuasivas sus web.
Libro de estilos
- Utilizan la misma organización de secciones.
Interfaz
- Las minimalistas son más intuitivas.
Conclusiones

- Nuestra web en la unico que se diferenciará del resto,


será que mostrará el procedimiento en la creacion de al-
gunas campañas
¿ Qué necesidades de nuestra empresa puede satisfacer
la web?
Introducción

Briefing

Libro de estilos 1º Dar a conocer la empresa a personas que están fuera


de nuestro ambito de actuación
Interfaz

Conclusiones

2º La necesidad de fidelizar la empresa, mediante el


contacto del usuario con la empresa, para ver los trabajos
o simplemente para ver las noticias recientes.
¿Que servicios van a ofrecer nuestra web?

Introducción

Briefing
Portfolio: Para mostrar los trabajos más interesantes

Libro de estilos Creamos: se verá como se realiza diferentes trabajos.


Interfaz
Noticias: Blog donde se podrá comentar.
Conclusiones
Contacto

Información sobre la empresa

Enlace a la revista
¿ Qué tipo de usuarios van a servirse de nuestros servicios?

Introducción Empresas andaluzas, usuario medio cualificado, de negocios, exi-


gente por naturaleza, no le gusta que le hagan perder el tiempo.
Briefing
Los usuarios segun sus intereses se agrupan en 3 grupos:
Libro de estilos

Interfaz 1º El usuario que visitará nuestra web solo y exclusivamente para


ver los trabajos
Conclusiones

2º Ver como se realizan los trabajos, este usuario será en gene-


ral más experimentado y confiará más en la forma de trabajo y el
resultado final que solo el resultado final.

3º El usuario que nos visitará por las noticias en ese mundo


para ellos hemos creado una sección de noticias y blog.
¿Cómo jerarquizamos estos servicios?
Introducción

Briefing La web se jerarquizará según los perfiles de los principa-


les usuarios, de modo que las tres secciones importantes
Libro de estilos serán la de portfolio, Creamos y el blog, El resto de las
Interfaz secciones como quienes somos, el mapa web, el link a la
revista se como locarán en un segundo plano, que seria
Conclusiones el footer
Organización de las secciones

Carteleria
Introducción Corporativa
Diseño Gráfico
Revista y catálogos
Briefing Folletos
Portfolio Diseño Web

Libro de estilos
Stand

Interfaz Publicidad exterior Merchandaising


Guerrilla

Conclusiones Radio
Publicidad en Medios
Spot publicitatio
Index Prensa

Posicionamiento web

Campaña de lanzamiento
Creamos
Marketing de guerrilla

Campaña promocional

Blog
Punto fuerte
Introducción

Briefing
El punto fuerte del web side aparte de la sección de crea-
mos, será el sistema de navegación por haberlo distribuido
Libro de estilos por usuarios, y la interfaz que intentará ser persuasiva.
Interfaz

Conclusiones
Distribución:
Introducción

Briefing Proporciones: 960 x 640px

Libro de estilos Tipología de web: estructura


cerráda, ecepto el blog.
Interfaz

Conclusiones Retícula: 8 columnas, de las


cuales 4 columnas para intro-
ducir la información, con un
medianil de 10 pixeles.
El top menú cada sección ira
introducida en una columna.
Modulos:
Introducción

Briefing

Libro de estilos Logo


Top menú Logo
Top menú

Interfaz
Cabecera

Conclusiones Contenidos
Contenidos Secciones
enlaces

Footer

home
Blog
Sistema de Navegación

Introducción
Menú principal
Briefing

Libro de estilos

Interfaz
Submenu
Conclusiones

Footer
sistema en galeria
Introducción

Briefing

Libro de estilos Posicionamiento web

Interfaz Para crear un posicionamienot web doasna mckdnc


dkcmk nckjdn cjdkncv janvajcn ajdncv adjvn jzskncajsd-
Conclusiones noaijn akjncjdfvnajdfkvn akjsncvkjavn jakfbap jdncvjfvna-
jfvna snc vnjfnancv jdnvjdfv an scjvfbnvsijdfn apriovn fpb-
seijanj fvndjfviepavinj adkjvn ifjnapijerf anvdjvnasfjpsroi
ahjfkjdv òj. Ejemplo:

- +
Lenguajes utilizados
Introducción
- Flash para la página utilizando ActionScrit.
Briefing
- CMS para crear el blog, y vamos a utilizar wordpress con
Libro de estilos css y html.
Interfaz

Conclusiones
Uso del color

En clave alta, utilizará diferentes colores, cada sección impor-


tante tiene su propio color.

Portfolio: Creamos: Weblog:


Las tipografias irán en blanco cuando vayan sobre negro,
Introducción y sino se mantendrán en negro. Solo cambiarán de color
cuando en los menús se cliquee, se mantendrá pulsado
Briefing en rojo.
Libro de estilos

Interfaz
Posicionamiento web

Conclusiones Para crear un posicionamienot web doasna mckdnc


Portfolio� Creamos� Weblog
dkcmk nckjdn cjdkncv janvajcn ajdncv adjvn jzskncajsd-
noaijn akjncjdfvnajdfkvn akjsncvkjavn jakfbap jdncvjfvna-
jfvna snc vnjfnancv jdnvjdfv an scjvfbnvsijdfn apriovn fpb- + Posicionamiento Web
+ Campañas de ñanzamiento
seijanj fvndjfviepavinj adkjvn ifjnapijerf anvdjvnasfjpsroi
+ Marketing de Guerrilla
ahjfkjdv òj. Ejemplo:
+ Campaña promocional

- +
Tipografías

Introducción La tipografía utilizada es la mangal.

Briefing En los textos estarán a 12px, el footer está a 11px.

Libro de estilos “ a b c d e f g h i j k l m n ñ o p q r s t u w x y z
1 2 3 4 5 6 7 8 9 0 ”

Interfaz

Conclusiones
El top menú: irá en mangal 23 pt.

“ a b c d e f g h i j k l m n ñ o p q r s t u w x y z
1 2 3 4 5 6 7 8 9 0 ”

El submenú esta en tahoma 12px en negro pero cuando


se cliquee se marcara como rojo.
“abcdefghijklmnñopqrstuwxyz
1234567890”
Elementos corporativos:

Introducción Los elementos significativos que vamos a utilizar:

Briefing
El más lo utilizaremos como
Libro de estilos marcador de lista en los menús

Interfaz

Conclusiones El elemento que utilizaremos para ce-


rrar y abrir los contenidos con efecto,
será el recuadro de nuestro imagotipo
con algun efecto

Algunas letras del nombre de la empresa


que se tratarán con animación flash, para
que se integren en el fondo.
Elementos multimedia.
Introducción
- Introducirá una animación en el index, jugando con
Briefing
el logotipo.
Libro de estilos
- Al entrar en las diferentes secciones el fondo será
Interfaz una animación que se compondrá con un juego de le-
Conclusiones
tras grandes del nombre y el color del fondo.

- Abrá una pequeña animación compuesta por el ima-


go de la imágen que jugará e interactuará con los
elementos que se encuentren en ese momento en la
web.
Index
Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones
Introducción

Briefing

Libro de estilos

Interfaz

Conclusiones
Introducción

Briefing

Libro de estilos

Interfaz
Posicionamiento Web

Conclusiones Los pasos que seguimos para realizar el posicio-


namiento web son;

1º Analizamos el sector para poder realizar una


buena web, miramos .....................

Mapa web Quienes somos Contacto Revista


Portfolio Creamos Weblog
Introducción

Briefing

Libro de estilos

Interfaz MARTES 1 DE JUNIO DE 2010


Entradas RSS Comentarios RSS

1 Respeta los limites de velocidad archivo


Conclusiones Jn por Javier Cerezo en automóvil, creatividad, humor y1 comentarios
2010 (50)
junio (1)
mayo (7)
abril (12)
marzo (12)
febrero (8)
enero (10)

Tenía esta genial gráfica pendiente de publicar desde hace bastantes días pero el
ajetreo diario me lo ha impedido. Es una gráfica para la marca de los sueños mo-
Conclusiones:
Introducción

Briefing
- Para realizar una web se ha de visualizar una gran
cantidad de paginas web, ya sean de tu sector o cual-
Libro de estilos quier otro. Te pueden aportar ideas diferentes.
Interfaz
. Para que te salga algo decente, hay que tener algunos
Conclusiones conocimientos de programación ya sea para realizar una
pagina en html o en flash.

. El tiempo es importante, no se puede crear una web


en muy poco tiempo tiene que tener un recorrido y cada
cosa un tiempo.

practicas.escuelaartegranada.com/promeroestevez/publimag/index.html
Introducción Falta por terminar
Briefing
- Meterle la animación
Libro de estilos
- Completar los contenidos
Interfaz

Conclusiones - Rectificar algunos fallos de programación que me han


surgido