ESTUDIO GRﾃ：ICO
MEMORIA
ESTUDIO GRﾃ：ICO
ESTUDIO GRÁFICO
DEFINICIÓN DEL PROYECTO Elaborar una identidad corporativa para un estudio gráfico. Después de desarrollarla daremos paso a extendernos en el proyecto con la creación de una web. Una vez creados todos los objetivos, en los cuales podré abarcar todos los conocimientos obtenidos a lo largo de estos años, la empresa, en este caso el estudio gráfico, estará preparado para competir en el mercado.
ESTUDIO GRÁFICO
PROBLEMAS DE COMUNICACIÓN DIFICULTADES ENCONTRADAS LOGOTIPO ¿Como diferenciarme de la competencia? Análisis de la competencia, tanto de la identidad corporativa como del uso de color y tipografías. * Nombre de la empresa. * Uso de tintas: ¿1 tinta o 2 tintas? * ¿Integración de la tipografía con el anagrama?
ESTUDIO GRÁFICO
PROBLEMAS DE COMUNICACIÓN DIFICULTADES ENCONTRADAS WEB Estilo Minimalista, tipo catálogo, ilustrada... Soporte HTML,HTML5, CSS3, Jquery, JavaScript, FLASH... Formato/estructura Ancho fijo, fluida, ¿scroll horizontal o vertical?, nuevas técnicas como Responsive Web Design.
ESTUDIO GRÁFICO
OBJETIVOS 1. Buscar un NAMING para el estudio gráfico. 2. Creación de un LOGOTIPO. - Sólo texto - Texto / Anagrama 3. Realizar el MANUAL DE IDENTIDAD CORPORATIVA - Usos - Color - Tamaño - Papelería 4.
WEB/PORTFOLIO para mostrar mis trabajos.
ESTUDIO GRÁFICO
AGENTES ACTIVOS DIFICULTADES ENCONTRADAS LOGOTIPO ¿Como diferenciarme de la competencia? Análisis de la competencia, tanto de la identidad corporativa como del uso de color y tipografías. * Nombre de la empresa. * Uso de tintas: ¿1 tinta o 2 tintas? * ¿Integración de la tipografía con el anagrama?
ESTUDIO GRÁFICO
CALENDARIO Octubre – Naming y logotipo (estudio y análisis) Noviembre – Propuestas (naming y logotipo) Diciembre – Propuestas (naming y logotipo) Enero - Propuestas (logotipo) / Maquetación Manual Corporativo Febrero - Propuestas (logotipo) / Maquetación Manual Corporativo Marzo - Maquetación Manual Corporativo / Maquetación Web Abril - Maquetación Manual Corporativo / Maquetación Web Mayo - Maquetación / Pruebas de impresión Junio- Maquetación Web / Entrega
ESTUDIO GRÁFICO
PRESUPUESTO Como hemos dicho anteriormente, el diseño es mio por lo que no correría ningún gasto. Las impresiones del manual de identidad corporativa y tarjetas de visita correrán a mi cargo. También hay que pagar el servidor y dominio donde alojaremos la web. WEB
SERVIDOR 30 €
DISEÑO
MI TIEMPO MANUAL IDENTIDAD 30/40 €
CUBIERTA TIPO DE PAPEL Nº DE PÁG. FORMATO ENCUADERNACIÓN
ESTUDIO GRÁFICO
ARTICOESTUDIO.COM LOGOTIPO - Texto - 2 tintas - Verde - Trama del negro WEB - Bien organizada - Buen uso de contragrafismos - Color corporativo (verde) - Titulares - Detalles - WEB en negativo TIPOGRAFÍAS - Utiliza tipografías de palo seco TIPO DE WEB - HTTP/CSS/JAVASCRIP/FLASH
ESTUDIO GRÁFICO
LIMONPUBLICIDAD.COM LOGOTIPO - Texto - Anagrama incluido en el texto - 1 Tinta WEB - Bien organizada - Buenos contragafismos - Color corporativo (verde) - Titulares - Detalles - Color complementario (amarillo) - Detalles TIPOGRAFÍAS - Utiliza tipografías de palo seco TIPO DE WEB - HTML/CSS/JAVASCRIPT
ESTUDIO GRÁFICO
DLINEAS.COM LOGOTIPO - Texto - 2 Tinta - Negro (logotipo) - Magenta (sector) WEB - Bien organizada - Buenos contragafismos - Color corporativo (magenta) - Detalles TIPOGRAFÍAS - Romana cursiva (titulares) - Palo seco - Menu TIPO DE WEB - HTML/CSS/JAVASCRIPT
ESTUDIO GRÁFICO
SQUEMBRI.COM LOGOTIPO - Texto - 1 Tinta - Negro WEB - Bien organizada - Buenos contragafismos - Demasiada altura de página TIPOGRAFÍAS - Palo seco - Menú - Titulares - Texto Base TIPO DE WEB - HTML/CSS/JAVASCRIPT
ESTUDIO GRÁFICO
CONCLUSIONES LOGOTIPO - 1 ó 2 tintas - No utilizar color verde - Incluir anagrama - Tipografía - Palo seco - Mecana - Lettering
WEB - Bien organizada - Buenos contragafismos - Web en scroll vertical - Utilizar ilustraciones para dar a la web un estilo diferente Tipografías - Palo seco - Menú - Titulares - Texto Base - Mecanas Soporte/código - HTML5/CSS3/JAVASCRIPT/JQUERY
PROPUESTAS LOGOTIPO - WEB
ESTUDIO GRÁFICO
1ª PROPUESTA LOGOTIPO NAMING
PURPLEFROG
ANAGRAMA
MANCHA DE UNA RANA EN PLANTA
* Difícil pronunciación * 2ª y 3ª versión no apta
ESTUDIO GRﾃ：ICO
2ﾂｪ PROPUESTA LOGOTIPO
NAMING
RANAMORADA
ANAGRAMA
MANCHA DE UNA RANA EN PLANTA
* Juego de palabras y de color RANA-MORADA
ESTUDIO GRÁFICO
3ª PROPUESTA LOGOTIPO (DEFINITIVA)
NAMING
RANAMORADA
ANAGRAMA
ILUSTRACIÓN DE UNA RANA JUGANDO CON EL NEGATIVO DE LAS SOMBRAS
* Tipografía modificada * http://issuu.com/vazquezdesignerjvl/docs/ranamorada
ESTUDIO GRÁFICO
1ª PROPUESTA SOPORTE
WORDPRESS
CÓDIGO
HTML/CSS3/JQUERY JAVASCRIPT
http://ranamoradaestudio.com
ESTUDIO GRÁFICO
2ª PROPUESTA SOPORTE
PARALLAX (jQuery)
CÓDIGO
HTML5/CSS3/JQUERY JAVASCRIPT
http://vazquezdesigner.net84.net/PARALLAX/
ESTUDIO GRÁFICO
3ª PROPUESTA WEB (DEFINITIVA) SOPORTE
RESPOSIVE WEB DESING
CÓDIGO
HTML5/CSS3/JQUERY JAVASCRIPT
784px máximo TABLETS/IPAD
RESOLUCIÓN 1024 px mínimo - PANTALLA PC/PORTATIL
481px máximo MÓVILES
http://vazquezdesigner.net84.net/RANAFLUID
ESTUDIO GRÁFICO
LOGOTIPO Después de valorar todos los cambios realizados al logotipo desde la primera propuesta tanto del naming como del anagrama, veo que hay una buena evolución. El primer namig tenía una pronunciación un poco complicada. Ya en el segundo “ranamorada” conseguimos un juego de palabras que suena bien. El primer anagrama era simple y funcionaba pero en la segunda propuesta conseguí un anagrama más dinámico y que funcionaba aun mejor que el primero.
ESTUDIO GRÁFICO
WEB Con algunas dudas sobre como hacer la web, empecé por probar a realizarla con “Wordpress”. Después de mirar miles de tutoriales y llegar a comprender el código que utiliza esta plataforma, pensé que utilizarlo era buena idea para tener un gestor de contenido y hacer más facil la subida de entradas. Después de la presentación, con bastante trabajo hecho, quedé un poco confundido con las críticas de los compañeros y decidí darle una vuelta completa. Entonces empecé a investigar y realicé otro tipo de web, una web realizada en jQuery con un efecto llamado “parallax” en la cual superpones capas y das movimiento, lo que le da sensación de pronfundidad o 3D. La web me gusta, es diferente al resto de la competencia y también me gusta más el tema de
ser ilustrada pero al final se decidió hacer algo más simple, más minimalista, en el que de una forma sencilla mostrase de primeras mis trabajos. La web no está todo lo completa que me gustaría. Entre que me costó decidirme de primeras como hacer la web, el trabajo realizado para cada una de las tres propuestas me ha servido para aprender de cada una de ellas nuevos códigos de programación como PHP, además de nuevas formas de utilizar jQuery y aprender HTML5 y CSS3, lo último en código. Gracias también a un curso online aprendí Web Responsive Design, una página que se adapte a la resolución de pantalla y que utilicé en esta última y definitiva propuesta.