PROYECTO FINAL DE CARRERA - 3
“Company t’has de posar les piles“* me comenta mi tutor del PFC, y tiene razón, en todos los sentidos, así que vuelvo a la carga mientras me duren las ganas, espero que hasta junio por lo menos.
Si recordáis estaba tratando de hacer una síntesis de los conocimientos que tenía que tener un diseñador web, una especie de manual para dar al salto al mundo del diseño web, en general para todo el mundo, pero especialmente orientado hacia los diseñadores gráficos.
Bien, la parte teórica la tengo bastante resuelta, me falta una buena dosis de maquetación, diseñar algo original para el ¿libro?, casi mejor folleto que contiene esta parte.
La segunda gran parte del proyecto es rediseñar, a modo de ejemplo, la web del centro, La Escuela Massana, que estaba bastante desfasada (al final se me han adelantado, y estos tipos han hecho un rediseño. El impacto de mi trabajo en el profesorado será menor supongo…), aportando un poco más de teoría sobre el diseño y la maquetación web, apuntes sobre tipografía, tamaños, legibilidad, resoluciones, formato de imagenes, etc. No voy a entrar en lenguajes informáticos de manera profunda, lineas de código, etc. porque creo que me estaría yendo por las ramas y no toca. Quiero centrarme en el diseño visual. Como ya he dicho este trabajo está orientado hacia los diseñadores gráficos.
Después de este repasillo os enseño cómo ha ido evolucionando el diseño, muy verde aún. Es el pantallazo que haría de home, y que me servirá como guía e inicio para diseñar el resto de secciones.
Mi tutor dice que “esta muy verde y aparte no aporta mucho en relación a lo existente”. Bueno, si habéis visto la web antigua, creo que si aporta, pero aún así es un boceto inicial…
La últmia versión que tengo, me gusta, pero le falta algo y no se el qué. Por un lado lo noto algo “soso”, pero se trata de un centro académico y no se hasta que punto es bueno desmarcarse con un diseño super puntero a lo Chan Karunamuni.
En fin estoy un poco estancado (¿hay algo más difícil que diseñar para uno mismo?), así que nuevamente necesito vuestro buen criterio, crítica y opinión. En los comentarios o vía e-mail, como gustéis.
Para los que dispongáis de un poco más tiempo, me gustaría que me comentaseis que os parece la nueva web, tanto técnica (¡usa iframes! ¡aaargh!) como gráficamente. Un vistazo rápido, tampoco hace falta un informe del CSI.
Gracias amiguetes.
* Compañero te tienes que poner las pilas.
Entradas (RSS)
Comentarios (RSS)
Hola tio,
bueno en primer lugar deseo decirte que creo que, por lo menos a nivel de diseño, tu página aporta bastante respecto a la anterior, así que no te desanimes!!!!!.
A mi me gustan las webs muy claritas, muy sencillas, pero que a la vez contengan un buen grado de elegancía, creo que el problema de que te parezca “sosa” lo puedes solventar buscando pequeños detalles que te ayuden a alcanzar ese grado que haga que la web sea compleja dentro de los simple(creo que me estoy liando y quizás a ti,jeje, nose si me entiendes), también creo que debes buscar a donde quieres que te lleve y a donde quieres llevar tu la web, estudiar bien a quien está dirigida y el mensaje que quieras hacer llegar, y dejate llevar un poco y experimenta, seguramente de eso sacaras ideas muy agradables aunq algunas las descartes depues.
Un saludo y animo amigo.
Yeah ! xD
Me gusta tu esbozo final de web. Puede incluso, que tenga un aire a la imagen gráfica de Vodafone. Limpia, clara, contrastada, fría y con imagenes coloridas y animosas . Vaya un estilo muy del norte europeo que diría aquel. Pero no la encuentro sosilla. Puede que al ser una escuela necesite un poco más de caña. Puede que alguna paridilla gráfica le fuese bien, ya que una escuela de diseño y arte, necesita xorradillas de esas.
Has pensado en usar un sistema gráfico para cada sección? Como si fuese una campaña publicitaria. Olvidar un poco la “web 2.0″ y hacer una buena web explicativa donde la diferenciación de cada punto esté en un sistema gráfico común. Mas o menos como nos enconrtamos en trabajos rollo… ESTE .Con esto conseguirías unir el rollete del diseño gráfico con el de la web y la fácil usabilidad. Además de conseguir algo mucho mas resulton, probablemente. No se si esto funcionaría, pero te saldrías de una aburrida dinámica que estamos entrando de webs-”a-blog-adas”. Tratando de entrar a un mundo más dinámico, joven y porque no, arriesgado. ( el diseño en cierta medida es riesgo, si buscamos un trabajo seguro, no vamos por buen camino )
Bah, no me sé explicar. Solo sé que lo tengo en el tarro revoloteando cual mariposilla en celo xDDDDDDDDD
O haz como dice un colega mío, “Pon una tia en bolas de fondo, y seguro que triunfas”. Jejeje
Saludos!
Pochi gracias por tus sugerencias, parte de lo que comentas forma parte del proceso que he de desarrollar con este rediseño. ¡Muchas gracias por los ánimos!
Axel me has abierto una vía de aire, voy ha experimentar por esa vía, a ver si consigo hacer unos esquemas, agrupando contenidos según una gráfica concreta, que esté englobada en un sistema común de estilo. ¡Hay que salirse por la tangente para que no aburra! ¡Gracias amiguete!
PD: Pedazo de linkazo me has dejado, ¡este tipo se sale!
Poooosí, Mario Eskenazi tiene grandes trabajos. Muy suizo él. Últimamente es el rollete gráfico que me pone mas morcillon xDDD
Saludos!
Siento decir que creo que tu tutor tiene razón: “Company t’has de posar les piles”. El croquis de la web que presentas no ofrece nada diferente, es muy simple y no tiene nada que no se pueda conseguir con un template de Template Monsters. Dices que no crees que tenga de ser demasiado experimental pues se trata de una escuela, yo te diría, debe ser experimental porque no se trata de una escuela cualquiera, estamos hablando de Massana. Documéntate sobre la escuela, investiga sobre y veras que con la historia de esta escuela da para realizar propuestas mucho mas arriesgadas. Aparte de eso, recuerda que es un proyecto final de carrera y no un proyecto real de los que te encontraras a miles cuando salgas, así que experimenta, deja fluir la energía y no te autolimites, eso ya lo harán el día de mañana tus clientes. Aparte de eso, en la parte teórica estoy de acuerdo en que entrar en demasiados detalles técnicos podría ser irse por las ramas, pero mencionar ni que sea brevemente la importancia de la accesibilidad y tener muy en cuenta a la hora de diseñar la web la usabilidad sería de gran importancia.
Ya por último animarte a no desfallecer y a disfrutar como un enano realizando este proyecto, es la única manera para que salgan cosas geniales.
Por cierto, Mario Eskenazi es un genio. Su diseño editorial es de otro planeta
Guepmascle gracias por tu crítica constructiva. Me he dado cuenta de que me estoy planteando el proyecto de una manera sobria, como si fuese un cliente real, sin arriesgar, cuando en realidad tengo la oportunidad de hacer algo realmente creativo y sin limitaciones gráficas. ¡Tengo que disfrutar con esto! que para proyectos sobrios ya está la vida real ¡Gracias! Sin embargo la usabilidad y los diseños rompedores no se llevan muy bien. Tendré que buscar la manera… ¡Un gran saludo!
Eso de que la usabilidad y los diseños rompedores no se llevan bien es una gran mentira muy extendida en nuestro mundo. No es verdad que no se pueda conseguir una buena usabilidad y al mismo tiempo un diseño rompedor, simplemente se trata de analizar, analizar y una vez analizado, volver a analizar el trabajo, dotándolo de los medios para que sea usable, haciéndolo fácil. Mi consejo es que con un primer esbozo realizado sientes a un amigo, a un familiar delante del ordenador a navegar y tomes nota de su comportamiento sin intentar influenciarle, eso te dará en buena medida pistas sobre lo que hay que corregir. Pero como te dije antes, sobretodo, diviértete, disfruta y deja que tu imaginación vuele.
Pos yo de diseño web no tengo ni idea, pero yo también voto por algo más interactivo y eso que dices de como es una escuela no sabes hasta que punto tienes licencia para… pos yo te digo sí, es una escuela, pero de qué? de diseño, por tanto su web tiene q tener el megadiseño, y da igual que no sea superelegante, que los estudios deben ser, bueno no divertidos, pero sí algo amenos y mucho más si dependen de la creatividad… así que yo hasta metería ilustraciones de las tuyas, pero en sencillita y a modo de icono… puede que suene mu cateto pero en mi cabeza no lo es jajajaja lo dicho! Sort!? se dice sort!? (suerte)
Como mola, me siento como un cliente que le dice a su diseñador:
-”Quiero una gué mas divertida, pero que sea facil de navegar y funcione con mi Explorer 5. Y que sea bonita y que además tenga de esos dibujillos que haces, y que a la vez se mueva. Y que cuando la gente entre sienta que entra a un sitio especial”- xDDDDDDDDD Como mola pedir… pos voy a decir más!
Podrías dedicarte ha hacer una web común para diferentes dispositivos. Hacer una web con una interfície rollo iPhone, lo cual es sencillisimo gráficamente, (pero puede ser innovador) y tratar de llevarla a todos los dispositivos a partir de esa gráfica, logrando así seguramente un poco de distinción y pq no, claridad.
Esta idea bien vendida… puede dar el pego xD
Bah, que me levantado animado me vi a clase… xDD
Como ya te han dicho, es cuestión de arriesgar un poco más. Yo ahora que estoy en el estudio me puedo permitir bocetos con ideas un poco más rompedoras: rollos con jquery, maquetaciones un poco raras, etc… qué luego no se puede? Bien, pero por lo menos intentarlo
Pides opiniones sobre la web que está ahora.
1 - El uso de frames es anticuado. Es como usar una cuerda en vez de un compás para hacer una circunferencia. Funciona, pero un poco mal, obsoleto y no cumple estandares. Además, no se para que lo usa, porque sólo hay un frame, que te va a la pagina inicial. ¿Porque no ir directamente?
2 - Hay un espacio terrible desde el final de la información hasta el final de la pagina, incluso habiendo incluido “overflow:hidden” en el css. Está mal declarado o deberían poner otro para la altura sobrante. Curioso, porque si vas al destino del frame, ese desfase en vertical no existe.
3 - Hace daño a la vista dejar margenes en la pagina, respecto del borde. Si se puede dejar un margende 0px mucho mejor, o en su defecto un degradado.
4 - Sería interesante eliminar el subrayado de los enlaces de la cabecera, y ponerle algun efecto de negrita al pasar.
———————————–
Tener algún elemento interactivo (entiendo que flash) puede pecar en una falta de accesibilidad. Está bien tener elementos interactivos, pero no importates, como por ejemplo para navegar por la pagina, si no para informar de algo puntual, o algun anuncio.
Hola Alberto! Crec que la web que has fet es infinitament millor a la que teníem abans (bastant chusta la veritat, no?). Suposo que es podria millorar amb cosetes més modernoses i super-fantàstiques, pero com que no hi entenc, em sembla genial! M’ha agradat veure fotos dels professors… la Cecile amb les lampares…
Si necessitésis més fotos, tinc algunes realment compromeses d’alguns profes….
Muchas gracias por tu tiempo y aporte Diego. Saludos!
Hola Eseseta, la web que hi ha ara no l’he fet jo, pero al menys a millorat bastant d lo que teniam. Estic treballant en un rediseny com a Projecte Final. Pot ser que si et demani alguna d’aquestes fotos hum hum hum… XD Salutacions!
Ostras que gracia! Anteriormente yo trabajaba con “estos tipos” vamos que curraba en Whads Accent.. me ha echo gracia ver que se han encargado de ese trabajo. Es un estudio muy vinculado al ayuntamiento de barcelona, suelen llevar bastantes proyectos del tipo “institucional”… buena gente, buen estudio…
Llego tardeeee!
Ronin: sin duda la gráfica que planteas aporta MUCHO a la anterior página de la escuela, y yo diría que también a la nueva de Whads, que deja bastante que desear (y no solo por los frames).
Tu última opción me parece muy acertada: una buena cantidad de información a la vista, separación clara y muy visual entre contenidos, buen peso de los elementos gráficos, una distribución en tres cuerpos que permite modular muy bien los contenidos usando uno o dos bloques, menus claros y bien distribuidos… Muy acertado en el planteamiento (si no, que miren su página anterior, o la del IED, o la del Instituto de artes visuales!)
Ahora… no se qué espera tu tutor! Si se trata de vistosidad, te tendrás que tirar a por flash, jugar con los fondos en capas, etc, pero a mi no me pega nada excepto para casos muy puntuales (una galería, por ejemplo).
Se entiende que a la gente que accede hay que proporcionarles información rápida, directa y accesible ¿no? pues entonces vas por buen camino… creo yo!
En el tema de la accesibilidad, échale un vistazo a ervdesign y el sistemita de lectura de textos. Es un punto.
Hombre… la otra es tirarte a por algo así, que es la caña! (refresh, refresh, refresh…)
Ogh! Esta guapa esa pagina Nano! Es rollo revista online arf arf
template monsters…. uuhmmm…. interesaaaante.
PFCistas unidos, el tiempo se nos acaba, no llega!
Yo sigo dándole al mío, ánimo!