Portafolio Nicol Valenzuela
Título | Portafolio Web: Nicol Valenzuela |
---|---|
Tipo de Proyecto | Proyecto de Curso |
Palabras Clave | portafolio |
Período | 2016-2016 |
Del Curso | Construcción 4º DG 2016, |
Carreras | Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
Alumno(s) | Nicol Valenzuela |
Profesor | Katherine Exss, Herbert Spencer |
URL | http://nicolvalenzuela.github.io/portafolio |
Descripción del proyecto
El portafolio web es una herramienta imprescindible para todo diseñador. Es en él donde se debe dar cuenta de las capacidades como profesional se han adquirido y qué es lo que se puede hacer con ellas, según la orientación que se tiene.
Contenidos
- Identidad
- Sistema de Gestión Social y Ambiental. Profesional. 2016.
- Fundación Patagonia Rural. Académico. 2015.
- Ciudad Abierta. Académico. 2015.
- Chiribita Encuadernaciones. Personal. 2014.
- S&C Consultoria y gestión a Empresas. Profesional. 2014.
- Editorial
- El Boleto de transporte público en Valparaíso. Académico. 2015.
- Cuaderno Corporativo Banco Consorcio 2016. Profesional. 2016.
- Digital
- Calendarización marketing 2016. Profesional. 2016
Arquitectura de la información
Para definir la estructura del sitio, se tuvo en cuenta que trabajos en los cuáles se quiere hacer énfasis y en cuales no, por orden de prioridad, según el tipo de clientes a los cuales se quiere llamar. También se optó por hacer el mapa de navegación lo más simple posible, descartando pestañas innecesarias como el "acerca de", que bien puede ser sustituido por una pequeña descripción de bienvenida; así se desea que los proyectos en sí mismos sean los protagonistas, y no el perfil profesional, porque para eso está la hoja de vida, cuya descarga se pondrá a disposición en el pie de página.
Archivo:Mapa de Navegación Portafolio Nicol Valenzuela.png
Propuesta I
Esquema de página alta densidad
Archivo:00 esquema de pagina portafolio nv ejemplo.png
- 01 esquema de pagina portafolio nv inicio.png
Inicio completo
- 02 esquema de pagina portafolio nv inicio hover.png
Inicio hover
- 03 esquema de pagina portafolio nv logos.png
Logos
- 04 esquema de pagina portafolio nv logos 01.png
Logo 01
- 05 esquema de pagina portafolio nv edicion.png
Edición
- 06 esquema de pagina portafolio nv edicion 01.png
Edición 01
- 07 esquema de pagina portafolio nv digital.png
Digital
- 08 esquema de pagina portafolio nv digital 01.png
Digital 01
- 09 esquema de pagina portafolio nv estructura inicio.png
Estructura inicio
Interfaz
El sitio del portafolio tendrá su propio lenguaje cromático, donde todos los colores delos proyectos de traducen a ellos. Es decir, en el primer momento en la presentación inicial modo parrilla, las miniaturas aparecerán con esta traducción. Luego al ingresar harán de encabezado junto a la ficha, pero en el contenido se dará a conocer el color real que fue entregado al cliente. Esto habla un poco de que si bien, son los proyectos que realizo los que dan a conocer mi trabajo, el diseño final no refleja mi estilo, sino que refleja las necesidades del cliente. Por eso he decido poner ese filtro en el primer momento.
Lenguaje cromático de inicio.
- Rojo: f73e3e
- Verde: 00897b
- Azul: 37474f
- Amarillo: ffd54f
- Morado: 775da8
- Violeta: a12765
- Rosado: e2aea3
- Turquesa: 67e8b6
- Marfil: fff8a2
- Negro: 2d2d2d
- Blanco: f3f7d7
- Celeste: b2dfdb
- Capa visual Portafolio Nicol Valenzuela Inicio.png
Inicio Look&Feel
- Capa visual Portafolio Nicol Valenzuela Galería.png
Galería Look&Feel