Upgrade Etérea web

July 5, 2006 · I have finished a deep upgrade in my website from the point of view of structure, usability and design.

I have added some old animations too:

El Proyecto, winner of the ArtFutura First Prize to the Best CGI in Spain in the year 2000.

Imunal and Microreds, made for the german company Kadus in the years 1999 and 2001, respectively.

The Virgin, made in 2003 to show the possibilities of the Konkeptoine plugin called LightRig.


Let's go to see which are the main changes:


Navigation menu: a new structure

In the previous version we had two areas, “Gallery”, with all my works (“Personal 3D Works”, “Commercial 3D Works” and “Handmade Works”) and “Studio”, where you could find all other things in an anarchical distribution (“Intro 3D”, “Making of Sentinel”, “Photos”, Links”, “Prizes” y “About me”).

We have the next changes in our new design:

about [acerca] > An entire new section: here you can find all responses about Etérea and Cristóbal Vila. This area is subdivided in various tabs:

what : qué > What is Etérea, what offers, for what it is possible to be applied, for whom.

how : cómo > How Etérea works, which is the methodology of work and the process of accomplishment.

faq > Frequently asked questions.

contact > Email and real address, form and telephone.

guestbook > You can leave your message in my new guestbook.

cristóbal > About my professional trajectory.

news [ noticias ] > You can find the latest news at Etérea home, and here you can find all of them, archived by date.

works [ trabajos ] > The most important part of my web: all my works distributed in several galleries.

training [ formación ] > Another new section dedicated to different sides to the training: talks, workshops, conferences… As well as departure point to find the different tutorials and making of that before they were dispersed.

success [ reconocimiento ] > Here you can find all the prizes and some other kind of recognition to my work along the latest years. It is organized by tabs, so that in first (TOP) we find a summary with the most important. In the other tabs we have everything ordered by date (2006, 05, 04, 03, OLD).

links [ enlaces ] > This zone was waiting a deep updated from years, with lots of broken and completely out of step links. Now it shines like new :-)

more [ más ] > This area continues being my “mixed bag”: a box where I can place everything what has to do nothing with my work inside Etérea, but anyway I like to share with others. Today that only contains my photo album, with lots of pictures from my trips, friends and family.

etereaShop [ tiendaEtérea ] > This is the store where you can buy posters, t-shirts, calendars, etc. with my better images. This shop is really hosted by CafePress, but now I have made that you can navigate the entire store without leaving my site.


Another changes

Images are loaded of a random way at Home.

The more important news are anouncced in a fashion style using small images at Home.

Use of external CSS to define the typography, colors and links along the entire site (thanks to my friend Fernando Simón for its advice in the use of CSS language).

Greater thumbnails for all the works.

More effective navigation in the “breadcrumbs” area to get a perfect info about your situation and a new ability to advance and go back viewing the works in a more practical way.

Taken care of the “small details”: typographic homogeneity, as much in the headlines (Helvetica) like in the text for reading (Verdana, thanks to its great legibility), all the pages are horizontally centered now, greater coherence in small design details, rounded corners used for numerous graphical elements, chromatic simplification…

Actualización web Etérea

5 julio 2006 · He terminado una profunda actualización de mi web desde el punto de vista de la estructura, la usabilidad y el diseño.

También he añadido algunas animaciones antiguas:

El Proyecto, ganadora del Primer Premio ArtFutura a la Mejor Infografía en España en el año 2000.

Imunal y Microreds, realizadas para la compañia alemana Kadus en los años 1999 y 2001 respectivamente.

The Virgin, creada en 2003 para mostrar las posibilidades del plugin LightRig, de Konkeptoine.


Veamos cuáles han sido los principales cambios:


Menú de navegación: una nueva estructura

En la anterior versión sólo había dos zonas, “Gallery”, que contenía todos mis trabajos (“Personal 3D Works”, “Commercial 3D Works” y “Handmade Works”) y “Studio”, donde se encontraba todo lo demás, distribuido de una forma un tanto anárquica (“Intro 3D”, “Making of Sentinel”, “Photos”, Links”, “Prizes” y “About me”).

En el nuevo diseño tenemos lo siguiente:

about [acerca] > Una sección nueva: todo acerca de Etérea y de Cristóbal Vila. Este apartado esta dividido en varias pestañas o subzonas:

what : qué > Qué es Etérea, qué ofrece, para qué se puede aplicar, para quiénes.

how : cómo > Cómo trabaja Etérea, cuál es el la metodología de trabajo y el proceso de realización.

faq > Respuestas a las preguntas más frecuentes.

contact > Direcciones email / física, formulario y teléfono.

guestbook > Puedes dejar tu mensaje en mi nuevo libro de visitas.

cristóbal > Acerca de mi trayectoria profesional.

news [ noticias ] > Así como en el home van apareciendo las últimas noticias, aquí encontrarás todo el histórico.

works [ trabajos ] > La parte más importante de mi web: todos mis trabajos repartidos en varias galerías.

training [ formación ] > Otra sección nueva dedicada a los diferentes aspectos de la formación: charlas, talleres, conferencias… Así como punto de partida para encontrar los diferentes tutoriales y making of que antes se hallaban dispersos.

success [ reconocimiento ] > Aquí van a parar todos los premios y las diferentes muestras de reconocimiento a mi trabajo. Está organizado por pestañas, de manera que en la primera (TOP) encontramos un extracto de lo más importante y en el resto tenemos todo distribuido por años (2006, 05, 04, 03, OLD).

links [ enlaces ] > Esta zona llevaba sin actualizarla varios años, con cantidad de enlaces rotos y completamente desfasados. Ahora brilla como nueva :-)

more [ más ] > Este sigue siendo mi “cajón de sastre”: una zona donde poder colocar todo aquello que nada tiene que ver con mi actividad dentro de Etérea, pero que también me gusta compartir. De momento sólo contiene mi álbum de fotos, con cantidad de imágenes de mis viajes, amigos y familia.

etereaShop [ tiendaEtérea ] > La tienda donde podrás comprar pósters, camisetas, calendarios, etc. con mis mejores imágenes. Esta tienda está alojada realmente en CafePress, pero ahora he hecho que puedas navegar por ella sin salir de mi sitio.


Otros cambios

Imágenes que van cargándose de un modo aleatorio en el Home.

Noticias más importantes destacadas en forma de pequeñas imágenes en el Home.

Utilización de CSS externas para definir la tipografía, colores y enlaces de todo el sitio (gracias a mi amigo Fernando Simón por sus consejos en el uso del lenguaje CSS).

Miniaturas más grandes para todos los trabajos.

Navegación más eficaz en la zona de “migas de pan” para situarte dentro de la web y poder avanzar y retroceder por los trabajos de un modo más práctico.

Cuidado de los “pequeños detalles”: homogeneidad en las tipografías, tanto en los titulares (Helvética) como en el texto de lectura (Verdana, por su gran legibilidad), centrado horizontal de todas las páginas, mayor coherencia en pequeños detalles de diseño, esquinas redondeadas en numerosos elementos gráficos, simplificación cromática…