Portfolio Non-Pro: Eva María Cortés
Hubo dos mini-webs que derivaron del proyecto de Momo Cortés: una de ellas es la página dedicada a su hermana Eva María. La anterior era muy simple y presentaba un diseño poco manejable y para nada atractivo. En una tarde monté una plantilla de Photoshop, la porté a Dreamweaver y con un par de copy-pastes la cosa quedó monísima:
Portfolio Non-Pro: Momocortes.com
Aquí el reto ya era considerablemente distinto: no se trataba de hacer una web-homenaje, dedicada a un artista concreto. Esto ya era una página oficial, con todo lo que ello representa – site promocional, información actualizada, look’n'feel atractivo… Tras varios cambios de diseño, creo que quedé bastante cerca del concepto:
Básicamente el trabajo consistió en una plantilla creada en Photoshop de la página completa, modificada posteriormente en Dreamweaver para modularla y crear el mapa del menú. En principio el menú era en Flash, pero luego quedó claro que era poco práctico a efectos de usabilidad. Para organizar la promoción del disco, se creó una animación, que se conviritió en la única parte del site en Flash.
También hubo algunas tareas de programación: debido a la cantidad de imagenes que había que gestionar (y para no cometer el anterior error con la página de Aute) decidí montar un gestor de imágenes en PHP algo rudimentario, pero efectivo. También se montó un foro en phpBB e incluso un blog para el propio Momo, que implementé tomando como base el sistema Nucleus para modificar la template y adaptarla al diseño. Se quedó con un par de retoques pendientes, pero sigue operativa hoy dia.
Y a todo esto habría que añadirle el material típico: fondos de escritorio, plantillas para phpBB, retoque de imágenes… En otoño hubo una aproximación a un rediseño, que no quedó en nada finalmente. Aquí os dejo una muestra.. el menú estaría también implementado en Flash, con forma de tablero de ajedrez, y con el boceto que véis como alternativa No-Flash.
Por cierto, aquí ya no había Photoshop… maquetación HTML y CSS pura y dura. Ya se veía venir por donde iban los tiros.
Portfolio Non-Pro: Aute y su Mundo
Haciendo memoria, creo que es hora de recordar y dejar registrado lo que ha sido mi incursión en el mundo del diseño/programación web durante estos años. Ahora que me meto de forma seria en el ajo, no está de más echar la mirada hacia atrás y recordar que todo tuvo un principio.
- Ese principio fue una página web dedicada a Luis Eduardo Aute, para la cual contábamos con un fondo material inmenso. Mi labor fue organizar todo ese maremagnum de discos, letras de canciones, pinturas, libros, etc., en una página fácilmente accesible y amigable. Tras varios cambio de diseño, creo que logré algo bastante majo:
La página comienza con una intro en Flash, que me curré frame a frame, reproduciendo un dibujo muy conocido de Aute (que suele usar como autógrafo). Tras la guerra de Irak, el 11-M y toda esa locura, decidimos incluir el dibujo de Forges de forma temporal, aunque después decidí que se quedaría ahí.
La maquetación del menú fue en Photoshop, exportando a ImageReady y creando los rollovers para que las opciones brillaran al pasar por ellas. Visto ahora, es un poco caótico, demasiadas secciones, pero había un motivo: un artista tan prolífico como Luis Eduardo Aute exigía una minuciosa selección de su obra, y aquí teníamos de todo: Música, pintura, poesía, cine… Incluso logramos elaborar una discografía comentada (algo que siempre me ha parecido muy interesante en las webs musicales) y una biografía a medias. Hice fondos de escritorio, skins para winamp, un repositorio de Prensa inmenso, galería fotográfica… de todo, casi.
Vista ahora con el prisma del tiempo (empezó a diseñarse en 2002), fue un proyecto muy orientado a los contenidos. Años más tarde, de hecho este año 2006 que termina, me propuse realizar un completo rediseño a la página, haciéndola más navegable, con un Wordpress dedicado a los artículos de Prensa y un foro phpBB. Incluso programé en PHP un fotolog, para facilitar las tareas de mantenimiento. De momento queda como proyecto pendiente (quién sabe si lo terminaré algún día)
Las plantillas de Dreamweaver, con un diseño bocetado en Photoshop. Ahí es ná 
Suscríbete al RSS!