DISEÑO WEB FINAL

A pesar de que había algún que otro diseño que me gustaba y del que podía partir como por ejemplo el segundo diseño que hice del ejercicio del color y la atención, al final he decidido partir de cero y optar por un estilo minimalista en blanco y negro, pues creo que le aporta una mayor profesionalidad y elegancia

LA HOME.

DISEÑO RESPONSIVE MÓVIL

Si se clica sobre el menú, se despliegan las otras páginas de la web

2 Diseño Modelos Mentales

Para la repetición de este ejercicio, empecé utilizando la estantería de fondo de la idea original, aunque ya con otra estética diferente, nada parecida a la interfaz de los e-books. El primer diseño que hice fue este:

En este, los apartados irían apareciendo en páginas haciendo scroll hacia la derecha.

Después, pensé que también podría estar bien, reducir simplemente la metáfora al concepto del libro, y al hecho de ir descubriendo partes de mi como persona y profesional a medida que se pasan las páginas. Así, se podría relacionar la idea de pasar las páginas, con el hecho de cambiar de apartado en el menú. El diseño resultante es este.

CURRÍCULUM VITAE

Mi principal objetivo con este diseño era representar de forma visual y clara mi formación y experiencia profesional. El fondo blanco como si de un folio se tratara y las letras negras le aportan elegancia y las barras de las habilidades y otros iconos le aportan un punto de color que hace resaltar la información.

Repetición Atenció visual

Viendo que el diseño anterior no funcionaba. He decidido empezar de cero y crear un nuevo diseño mucho más minimalista y simple.  Este es el resultado.

 Diseño en color:

Diseño en blanco y negro

Repetición: Mi web como revista o diario online

Dado que mi primer diseño de este ejercicio no cumplía con las condiciones que se requerían, he vuelto a hacer una nueva propuesta.

Esta vez, al igual que hacen los diarios y revistas he optado por encuadrar cada "noticia" en un rectángulo que indica a modo de cabecera el apartado del menú al que corresponde cada una.  En estos rectángulos además solo recoge un breve resumen de cada entrada y se pude acceder a la versión completa cliclando sobre el titular.
Otros elementos que introducido propios de una revista o un diario son el buscador y la barra lateral de publicidad, aunque en mi caso, he decidido substituirla por unos banners que enlazan con mis cuentas personales en las redes sociales.

Modelos Mentales

He creado este ejercicio a partir del siguiente principio:

Soy como una estantería con varias libros, cada tomo conforma una parte de mi o, dicho de otro modo y haciendo referencia a la construcción de esta web, cada tomo compone uno de los apartados de mi web.

Este ejercicio intenta ademas imitar el estilo de una aplicación de e-book y los modelos mentales que tenemos sobre los blogs para la tercer página de este diseño que es mucho más informativa.

Página de Inicio

Página 2

Página 3

Atención visual

Diseño en color

Diseño en blanco y negro

Distribución visual

El esbozo

Diseño web:

Un primer esbozo

Esta es una primera prueba de como podría ser mi página de inicio. Las páginas se irán desplazando de forma horizontal.

Let's begin!

El objetivo: la creación de una web que me represente como profesional de la comunicación audiovisual.

Para ello, lo primero en lo que hay que pensar es en darle un poco de coherencia y estructura a este entorno, y eso es precisamente lo que voy a ir detallando en esta breve y primera entrada.

Así, he pensado que un buena forma de presentarme a mi y a mis trabajos, seria ha través de los siguientes apartados.

• Quien y como soy: (porque lo audiovisual?, objetivos, aficiones, aptitudes...)
• Que hago? ( portfolio de mis videos y proyectos realizados) Nota: Realmente me atrae la idea de la creación de booktrailers y aunque de momento solo he creado uno bastante simple, me gustaría crear más.
• CV profesional
• Contacto.