Meanwhile, I leave you here five useful tools to get your job done: 

Firebug - Every web designer’s right hand. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Install Firebug

Design - An amazing suite of web design and development tools which can be used on any web page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet. Just bookmark this link and start using it.

Colorzilla - Advanced Eyedropper, color picker, palette viewer and other colorful goodies for your Firefox. Install Colorzilla 

Color Scheme Designer – Well, this is self explanatory. But it’s not just that, you also have to try the live preview for dark and light pages with your selected color scheme, simulate common color vision deficiencies and more.

Multiple IE – Any good web designer knows that work isn’t done until they have completed the Internet Explorer 6 quest. Multiple IE can help you in this adventure. It lets you install IE versions 3.0 to 6.0 onto your Windows box (if you’re on Linux, run it in Wine). None these options work for you?  Then use IE Net Render 

I hope these tools will help on your future work. If you think there’s another killer tool out there, let us know in the comments.

Primer paso: nuestra identidad.  Empezamos a trabajar en ideas para el logo. Decidimos que queríamos un ícono; que fuera memorable, creativo, que fuera profesional pero no demasiado serio.  Nos decidimos también por el nombre en minúsculas y empezamos a probar con distintos fonts.  Probamos con todo tipo de ideas, sin llegar a nada que nos gustara mucho. Después de varias horas, terminamos viendo la pantalla en blanco, un poco frustrados.  En un arranque espontáneo, Carlos agarró el mouse.  “Vea, es tan fácil como hacer esto”, y un par de clicks después teníamos la primera i y la última í (de isbolí, naturalmente) juntas dentro de un círculo. Bueno, era algo. Un poco más de vueltas a la idea, y desaparecieron los cuerpos de las íes.  Vualá! (sí, yo sé) nació nuestro simpático amigo isbolín.  Nah, no se llama así.  Pero es simpático, no?

Listo el logo, siguiente paso: el sitio web.  Necesitábamos un website limpio, amigable, profesional, pero cálido y con un toque de informalidad.  Que se diferenciara de muchos sitios de compañías de diseño web de este país, que se ven tan corporativas que parecen el sitio de un banco, o que por querer verse high-tech terminan pareciendo una compañía de reparación de PCs.

Pero además de un lugar donde mostrar nuestro portafolio y describir nuestros servicios, queríamos tener un sitio al que la gente entre frecuentemente. Es decir, tener contenido interesante que convierta al sitio no sólo en una simple tarjeta de presentación para isbolí, sino un medio útil, interesante, en el que recibamos visitas de nuevos clientes potenciales que encontraron el sitio sin siquiera estarnos buscando directamente.

Cómo? Hacemos un blog! Con artículos interesantes acerca de diseño y desarrollo web, y ocasionalmente con explicaciones nuestras del proceso de creación de algunos de nuestros proyectos.  Esa es la idea detrás de este blog: atraer visitas frecuentes, proporcionar contenido útil e interesante, y a la vez hacer que esas visitas se conviertan en clientes potenciales.

Lista la idea, vamos al diseño.  Construimos una idea sencilla alrededor de nuestro hermoso logo.  Teníamos simplicidad en un diseño atractivo y amigable. Pero le faltaba algo. Color! Nuestra buena amiga Sole nos dio un empujón en la dirección correcta y le inyectó vida al concepto.  Nos decidimos por la combinación de colores que ven en este momento, y nos gustaron tanto las demás que decidimos darle la opción a los usuarios de cambiar entre diferentes paletas alternativas (lo cual, a la vez, le da un toque especial al sitio y nos ayuda a demostrar un poco que sabemos lo que hacemos… ejem!)

De aquí pasamos a la implementación, la cual se vio atrasada (por dicha, en realidad) por varios proyectos que fueron saliendo y que fuimos completando, y ahora ya forman parte de nuestro incipiente portafolio.  Montamos el diseño en HTML/CSS (menos sencillo de lo que suena), e incorporamos Wordpress para manejar nuestro blog.  Gracias a él, tenemos también una conveniente cajita de búsqueda y un servicio de suscripción por RSS.

En un principio queríamos tener tan pocas secciones como fuera posible, pero de repente nos vimos incluyendo más links al menu.  Las secciones obligatorias: nuestro portafolio, con detalles e imágenes acerca de los proyectos que hemos realizado; un listado de nuestros servicios, y un formulario para contactarnos, además de nuestro blog.

Agregamos también una página de proyectos nuestros en los que estamos trabajando actualmente; en este momento 19dejulio.com y 89decibeles.com, que algunos de ustedes conocen, y son nuestros proyectos propios, que hemos creado con fines académicos, y de interés personal (y bueno sí, un poco de autogratificación, que no está de más).  Esperamos agregar más nombres a esa lista en un futuro; siempre tenemos ideas en la cabeza de nuevos sites que queremos desarrollar para nosotros mismos, solo porque es lo que nos gusta.

Finalmente, la sección de inspiración; una lista de links a sites de distintos tipos que han contribuido en cierta medida a estar donde estamos en este momento.

Y así concluye la creación de isboli.com (versión 1.0).  Esperamos que el sitio vaya creciendo; que crezca el blog, que crezca el portafolio, los proyectos y por supuesto, la inspiración.

For samples of our work, check out 89decibeles.com, drewcooks.com, intercultura.com.