Escuela de Idioma Japonés

Proyecto Web

Samuel Peregrina Morillas 2ºA DGPM

 Web
Escuela de Idioma Japonés

Presentación

Briefing

Libro de Estilos

Web

Conclusiones

Escuela de Idioma Japonés

2 / 27
 Web
Escuela de Idioma Japonés

Presentación

Briefing

Libro de Estilos ¿Por qué necesita una web?

Por varios motivos, el primero de ellos para promocionar a la
Web empresa y darse a conocer en un territorio más amplio, ade-
más de ser una forma muy barata para dar publicidad de la
Conclusiones empresa. Y un segundo que el de dar información tanto a los
alumnos como a los que clientes en potencia que busquen in-
formación.

3 / 27
 Web
Escuela de Idioma Japonés

Presentación

Briefing

Libro de Estilos ¿Qué necesita?

Web Por una parte dar a conocer cursos e información a los
alumnos y los que no son alumnos y además que sirva tam-
Conclusiones bién para los alumnos para que se mantengan informados
de su horarios, notas, etc.

4 / 27
 Web
Escuela de Idioma Japonés

Presentación

Briefing Target
Generalmente el de gente joven de entre unos
Libro de Estilos 18 hasta los 40 años que usen bastante la web y
que se muevan por ella.
Web

Conclusiones

18 > 40

5 / 27
 Web
Escuela de Idioma Japonés

Presentación Análisis del sector

Briefing
-Escuelas privadas
-Centros de lenguas
Libro de Estilos
-Universidades
Web

Conclusiones
Universidades:
• Universidad de Granada
• Universidad Politécnica de Madrid
Centros de Lenguas:
• Centro de Lenguas Modernas (UGR)
• Escuela de Idiomas de Madrid
• Escuela de Idiomas de Murcia
Escuelas privadas:
• Escuela Arte Granada
6 / 27
 Web
Escuela de Idioma Japonés

Presentación Universidad de Granada Composición:

Se compone de una cabecera con un flash que
Briefing contiene varias imágenes de la ciudad, junto al
que aparece el menú de accesos rápidos.
Libro de Estilos Debajo de este flash la pagina se divide en dos
partes: un menú lateral y el contenido de la pagi-
na.
Web
Ventajas y Desventajas:
Conclusiones La web está estructurada muy bien y muy bien
organizada, por contra tiene demasiados menús
y puede ser demasiado complejo el encontrar
lo que buscas. Además el contenido es bastante
grande y se visualiza muy bien, dándole un aspec-
to muy bueno y simple.
Qué puede servirme:
La estructuración de los contenidos es muy cla-
ra además de contener un mapa que hace saber
en que parte estás de manera que siempre sabes
donde estás.

7 / 27
 Web
Escuela de Idioma Japonés

Presentación Universidad Politécnica de Madrid Composición:

La web se compone de una cabecera con una imagen
Briefing de fondo en la cuál se incorpora el buscador. Bajo
esta se encuentra la barra de menú con todas las sec-
ciones de la página.
Libro de Estilos Debajo de esta se encuentran los contenidos y en la
parte izquierda se muestran enlaces a temas intere-
Web santes y cursos.
Ventajas y Desventajas:
Conclusiones Es muy simple en su diseño lo cual la favorece mu-
cho, sin embargo para acceder a algunas zonas tienes
que dar demasiados clics. Una vez dentro de cada
sección desaparece toda la parte que había antes de
enlaces y se sustituye por una barra en el lado de-
recho y los contenidos a la izquierda, lo malo es que
peca de tener demasiadas subsecciones dentro de
cada sección, que aunque muy bien organizadas son
demasiadas.
Qué puede servirme:
El diseño simple es muy cómodo y te permite mos-
trar muchas cosas sin cargar la página.
8 / 27
 Web
Escuela de Idioma Japonés

Presentación Centro de Lenguas Modernas Composición:

Se compone de una cabecera con una imagen del
Briefing centro y un buscador. Bajo esta la barra de menús
con todas las secciones. En la parte de abajo se
Libro de Estilos muestra una barra lateral izquierda con mas sec-
ciones y en la parte derecha el contenido.
Web Ventajas y Desventajas:
No tienes que dar un clic en la sección para poder
Conclusiones ver las subsecciones ya que se convierten en des-
plegables. Por contra una vez dentro de la subsec-
ción no hay nada que te muestre en que sección
estás.
Qué puede servirme:
Los menús desplegables son muy útiles a la hora
de organizar la información y que no se tenga
que estar entrando una y otra vez en cada sección
para ver el contenido.

9 / 27
 Web
Escuela de Idioma Japonés

Presentación E.O.I de Madrid Composición:

Una pagina muy simplificada dividida en tres co-
Briefing lumnas, un izquierda con el acceso a las secciones,
una central para los contenidos y una derecha
Libro de Estilos para añadir eventos y nueva información.
Ventajas y Desventajas:
Web Mas inconvenientes que ventajas. La aparición de
las secciones es muy cómoda ya que aparece en
Conclusiones la parte derecha y se despliega, aunque carece de
un chivato que muestre en que parte de la pagina
estamos. El poco cuidado del fondo que aparece
repetido aunque en si esta bastante simplificada.
Qué puede servirme:
El pequeño menú que aparece en la esquina supe-
rior izquierda con información extra.

10 / 27
 Web
Escuela de Idioma Japonés

Presentación E.O.I de Murcia Composición:

Una cabecera hecha en flash con la imagen princi-
Briefing pal y el menú. Bajo este una composición en tres
columnas compuesta por una barra derecha con
Libro de Estilos las subsecciones, una central con la información y
una derecha para extras
Web Ventajas y Desventajas:
Bastante simple en su funcionamiento. Muy sim-
Conclusiones ple y funciona, aunque muchas veces se hecha de
menos un mejor diseño.
Qué puede servirme:
De aquí no me resultaría nada útil pero podría
utilizarla como ejemplo de lo que no hay que se-
guir.

11 / 27
 Web
Escuela de Idioma Japonés

Presentación Escuela Arte Granada Composición:

En la parte de arriba se muestra los botones de
Briefing enlace a las secciones y bajo esta todo el conteni-
do que varia según la sección.
Libro de Estilos Ventajas y Desventajas:
Un aspecto muy cuidado pero poco eficiente ya
Web que se podrían agrupar varias secciones y organi-
zarse mejor las cosas. Como punto bueno la orga-
Conclusiones nización de las nuevas noticias que se organizan
según su aparición y es bastante intuitivo.
Qué puede servirme:
Quizás podría serme útil el apartado de alumnos
aunque variando algunos aspectos del mismo.

12 / 27
 Web
Escuela de Idioma Japonés

Secciones
Presentación

Briefing >> Principal >> Biblioteca

Noticias Reservados
Libro de Estilos Eventos Listado
Proyecto Bun-ka >> Información Útil
Web >> Acceso Revista
Notas y Horario Páginas de interés
Conclusiones Recursos >> Benkyô
>> Cursos El centro
Anuales Dónde estamos?
Verano Contacto
Intensivos

13 / 27
 Web
Escuela de Idioma Japonés

Principal
Presentación En esta sección se encontrarán todas las noticias, eventos, notas, etc. Que se vayan
añadiendo para que todo el público pueda verlas.
Además contiene una sección llamada “Proyecto Bun-ka” que permite hablar entre
Briefing los alumnos del Proyecto “Bun-ka”* y compartir experiencias.
Acceso
Libro de Estilos En esta sección solo podrán acceder los alumnos y profesores mediante identifica-
ción. Dentro de esta se encontrarán los distintos apartados y usos que se les ofre-
Web cen como horarios, notas, archivos, etc.
Cursos

Conclusiones En este apartado se mostrarán todos los cursos que ofrece la escuela.
Biblioteca
En esta sección se mostrarán todos los libros y videos que se encuentran en la bi-
blioteca para que los alumnos puedan elegirlos y puedan pedirlos para verlos.
Información Útil
Esta sección tendrá varias subsecciones con información útil tanto para el alumno
como para el visitante que quiera informarse.
Benkyô

Esta es la sección de la escuela que mostrará toda la información relevante de esta.

14 / 27
 Web
Escuela de Idioma Japonés

Medidas
Presentación

Cabecera
150 px
Briefing

Libro de Estilos
180 px
Web Barra Lat.

500 px
Alto
Conclusiones

960 px
Ancho

15 / 27
 Web
Escuela de Idioma Japonés

Medianiles
Presentación

Briefing 10px
Medianil
Libro de Estilos

Web

Conclusiones

10px
Medianil

16 / 27
 Web
Escuela de Idioma Japonés

Barra lateral
Presentación

Briefing

Libro de Estilos En esta parte se encuentra el logeo

de los alumnos para poder acceder
Web a contenido extra.

Conclusiones

El menú irá desplegando las subsec-

ciones conforme se vayan haciendo
click en el nombre de la sección.

17 / 27
 Web
Escuela de Idioma Japonés

Presentación Cabecera
960 px
Briefing Ancho

Libro de Estilos

150 px
Alto
Web

Conclusiones

Aquí aparecerá el
logotipo

La cabecera mostrará una presentación con imágenes distintas sobre el

mundo japonés y sobre Benkyô.

18 / 27
 Web
Escuela de Idioma Japonés

Lenguajes
Presentación

Briefing

Libro de Estilos

Web

Conclusiones

<HTML>

19 / 27
 Web
Escuela de Idioma Japonés

Colores
Presentación

Briefing

Libro de Estilos

Web

Conclusiones

20 / 27
 Web
Escuela de Idioma Japonés

Presentación Tipografías

Briefing
> Verdana:
Libro de Estilos
Lam aut exerist enimi, adit aut prehenti utatur, officitaerum aut
Web aut ea volesequi nus evenient.

Conclusiones > Cambria:

Lam aut exerist enimi, adit aut prehenti utatur, officitaerum aut aut ea vole-
sequi nus evenient.

> Book Antiqua:

Lam aut exerist enimi, adit aut prehenti utatur, officitaerum aut aut ea
volesequi nus evenient.

21 / 27
 Web
Escuela de Idioma Japonés

Usos de tipografías:
Presentación Uso Tipografía Tamaño Estilo Color
Encabezado Verdana 15pt Bold Rojo Benkyô
Briefing Párrafo Básico Verdana 10pt Normal Negro
Notas Verdana 9pt Cursiva Gris
Titular Verdana 13pt Bold Negro
Libro de Estilos Pies de foto Verdana 9pt Normal Gris
Tipografías para formularios
Web
Uso Tipografía Tamaño Estilo Color
Campo form. Verdana 10pt Bold Negro
Conclusiones Notas Verdana 9pt Normal Gris
Comprobación Verdana 9pt Normal Rojo/Verde
Tipografías noticias
Uso Tipografía Tamaño Estilo Color
Texto Verdana 11pt Normal Negro
Enlaces Verdana 11pt Subrayad Azul
Destacado Verdana 11pt Cursiva Gris
Titulos Arial 13pt Bold Rojo

22 / 27
 Web
Escuela de Idioma Japonés

Presentación La página estará creada para un doble uso, el primero para que tanto los alumnos
como los profesores estén comunicados entre sí, ya sea para incluir o visualizar las
Briefing notas, horarios etc. Y el segundo uso y principal será el de marketing.

Libro de Estilos Este punto último y principal de marketing consistirá en mostrar tanto los eventos
que organice la empresa así como en los que participe creando así publicidad. Además
Web también se usará para mostrar ofertas Online.

Conclusiones No quedándose solo ahí además se mostrarán todas las excursiones, fiestas y demás
eventos que se organicen por los alumnos mostrándose los videos y exponiéndolos
para que se puedan visualizar y así llamar la atención de los usuarios.

Además servirá como plataforma de enlace a los alumnos del Proyecto “Bun-ka” para
que puedan compartir todo lo que quieran.

En esta sección del proyecto se podrán realizar videoconferencias, transmisión de ar-

chivos, chats en grupo e individuales y muchas más herramientas para que se comuni-
quen y relacionen los alumnos del proyecto.

23 / 27
 Web
Escuela de Idioma Japonés

Presentación

Briefing

Libro de Estilos

Web

Conclusiones

http://www.gaedr-space.es/benkyo
24 / 27
 Web
Escuela de Idioma Japonés

Presentación
- Es muy importante la elaboración de un buen briefing para después
Briefing tenerlo todo claro.

Libro de Estilos - También es muy importante el buscar muchas páginas de tu mismo

sector así como las que no sean de tu sector que también ayudan mu-
Web cho.

Conclusiones - Tener las cosas claras desde un principio ayuda mucho, y el no tener-
las claras te crea muchos problemas.

- El tiempo es muy importante, la falta de tiempo hace que se cometan

muchos errores.

25 / 27
 Web
Escuela de Idioma Japonés

Presentación

Briefing

Libro de Estilos

Web
Respecto a lo restante de la web se espera poder acabarse en el plazo
fijado ya que solo que dan pocos apartados.
Conclusiones

26 / 27
Escuela de Idioma Japonés