viernes, 3 de diciembre de 2010

Sitio WEB Toonminator

Hace mucho, mucho tiempo que no diseñaba ni programaba un sitio web... y para el sitio de www.toonminator.com tuve que hacer un repaso y actualizarme un poco en muchas cosas. La idea del sitio comenzó con el tormento de tener un slider de los proyectos más recientes en la página de inicio. Siempre me gustaron esos sliders :D .

Slider
El desafío personal era hacerlo enteramente en HTML y CSS, sin utilizar tablas (en vez de eso DIV... seee old school soy), sin utilizar FLASH ( por más que actualmente es mi herramienta favorita ) ... asi que me meti en territorio de JAVASCRIPT, JQuery y todos los mambos (vagamente estaba informado de que necesitaba de esas herramientas para poder hacer algunas cosas que normalmente lo haria en FLASH).



El siguiente paso fue como mierda iba a ser el diseño... buscando inspiracion en algunos sitios :D, me gusto la idea de tener un menu inferior donde muestre los logos de los clientes al inicio y que ese menu se convierta en uno navegable para la seccion PORTFOLIO donde se muestran los trabajos realizados, con una pequeña imagen de cada proyecto.



Tambien me gusto algo que vi mucho en sitios flash, sitios que ocupan toda la pantalla del navegador y que auto-ajustan las posiciones de los elementos al reescalar la ventana... y no hay eso de navegar e ir mas abajo con el scroll... todo esta dentro y todo tiene que caber ahi :) ...y todo fue un dolor de cabeza para mi porque se me complico un poco el tema de centrar los DIV, acomodarlos etc etc etc que les pasa a los principiantes como sho.

Pensando en el contenido... me parecio acertado el mensaje que deja TexidoHQ en su sitio: "las personas ya no leen los contenidos"... entonces me base en eso... agrande las imagenes/videos y los textos más importantes, sin llenar de letritas al sitio, con excepcion de la descripcion de los trabajos que deje un poco corto por si a alguien le interesa saber un poco más.

Pagina inicio
Volviendo al tema de FLASH, un poco mas adelante se me ocurrio de que el fondo del sitio cambie cada tantos segundos por otro, con transiciones y efectos FADE... la verdad que no se bien como hice ya que agarre un ejemplo de un slide y despues le coloque como si fuera un fondo, al comienzo desastre... pero finalmente salio :D

En cuanto a "Toonminator", no nos consideramos como una "EMPRESA", que para mi significa "loco, veni de esta hora a esta hora, si llegas tarde probablemente te quito el sueldo, terminame esto, esto y esto ahora o te mando a la mierda y me paga tu vieja, si venis con short te envio a cortar el patio, no hagas esto ni esto en la oficina buscate otro lado o mejor a la salida...." y cosas asi... mas bien como un EQUIPO de AMIGOS que se reúne para hacer lo que les gusta y de la forma que les gusta... donde todos cumplen para sobresalir personalmente y para no fallar a ese amigo que cuenta contigo.

Para finalizar quiero agradecer a mi socio Pau Rolon, de Creadores.com.py por la ayuda, por los tips, y por ayudarme a corregir algunos problemitas con la funcionalidad del sitio.