Archivo de la etiqueta: diseño web

Diseñando para un congreso: Trónika

Trónika - 1er congreso de tecnologías
La Sociedad de Alumnos de Ingeniería en Tecnologías Electrónicas (SAITE) del Tecnológico de Monterrey Campus Puebla, a través de su presidenta Diana Loubet, nos invitó a participar al congreso Trónika, específicamente para realizar el sitio web. Cada vez que escucho o leo del diseño de un congreso es innevitable recordar aquel famoso evento de diseño: Códice 5, los buenos tiempos.

Regresando a Trónika, decidimos intervenir también en la identidad, pues aunque estaban completamente seguros de lo que querían, no lo comunicaban adecuadamente (Logo Trónika versión 1). Decidimos simplificar su propuesta, retomar todos los conceptos e ideas que querían comunicar y diseñar un nuevo logotipo (Logo Trónika versión 2).


Logo Trónika versión 1

Logo Trónika versión 2

Definimos la gama cromática, tipografías, retículas, diseñamos además un robot que es la parte fundamental de la identidad alrededor del cual desarrollamos los productos de diseño: cartel, lonas, diplomas, gafetes, sitio web, entre otros.

Cartel Trónika

Diploma Trónika

Carta invitación Trónika



Participar en Trónika fue una labor muy divertida, es interesante reencontrarse con un congreso desde otra perspectiva, ver el estrés de los organizadores mientras la fecha se acerca. Como sea, Trónika comienza el jueves 13 de octubre y termina el sábado 15 de octubre de 2011 en el Tecnológico de Monterrey Campus Puebla, la mejor de las suertes a los organizadores, sobre todo a los chicos de SAITE, que esas horas de desvelo les traigan muchas satisfacciones.

Más acerca del diseño en nuestro portafolio web. Si necesitas información sobre el congreso visita Trónika.

3 años de VectorEs Divergente

A principios de mes cumplimos 3 años como VectorEs Divergente, y con esto alcanzamos una de nuestras primeras metas al iniciar este proyecto: sobrevivir los tres primeros años. Esto se convirtió en meta principalmente porque mientras realizaba mi tesis tuve la oportunidad de entrevistar al Dr. Roberto Demián Castillo Camacho, Jefe del Departamento de Administración de Empresas en la Universidad de las Américas Puebla en aquella época, quien me dio una estadística fría: “de cada diez PYMES que surgen, normalmente, y esto es a nivel mundial, sólo dos o tres sobreviven los primeros tres años“.

Con mucha satisfacción puedo decir que logramos una meta, pero aún nos quedan otras, nuestro plan de negocios se ha adaptado constantemente a nuestro entorno, en ocasiones hemos perdido el control de algunas circunstancias administrativas, pero la dirección y el camino sigue siendo el mismo.

Este particularmente ha sido un año difícil por motivos personales y por el entorno ecónomico del país, provocando que muchos planes de crecimiento no terminaran de suceder. Sin embargo, también fue un año de mucho aprendizaje, nos queda claro que el paradigma de la distancia no es obstáculo si se comparten los mismos objetivos y metas, hemos trabajado exitosamente con personas ubicadas en: Barcelona, Cancún, D.F., Careyes, Nuevo Vallarta, Coatzacoalcos, San Martín Texmelucan y por supuesto Puebla, sin tener que estar ahí físicamente.

La verdad es difícil explicar cómo gente que no te conoce puede creer y confiar en ti, eso es algo que no se puede agradecer fácilmente, pero pienso que es fruto del trabajo, y creo que la mejor parte de estos tres años es que nunca hemos perdimos el entusiasmo de hacer nuestro trabajo lo mejor posible.

Gracias a todos.

El por qué y el para qué de un sitio web

Actualmente la gran mayoría de las empresas tienen un sitio web o analizan tener uno porque “está de moda”, sin embargo la importancia de tenerlo radica en entender por qué y para qué es necesario contar con esta herramienta. Sobre estas dos preguntas podemos construir la estrategia del sitio y entender que su objetivo principal es siempre mejorar el negocio ya sea incrementando las ventas al implementar un tienda en línea, obteniendo presencia de la empresa en la red, o consiguiendo nuevos clientes.

Sin un objetivo definido, sin un rumbo, lo único que lograremos será que los consumidores potenciales opten por irse con la competencia. Es común considerar la parte visual como lo más importante del proyecto, pero si hablamos de mejorar el negocio a través del sitio web lo más importante son los clientes. Por lo que, el primer paso es analizar cuáles son sus necesidades, investigar las razones por las qué visitarán tu sitio, en pocas palabras: conocer qué buscan.

No todos los sitios web pueden ser iguales, porque las necesidades de cada usuario son diferentes, por lo que el diseñador orientará y definirá hacia dónde es conveniente dirigir el proyecto. La arquitectura de la información, el hecho de darle importancia a los usuarios, investigar a fondo sus necesidades, la accesibilidad y funcionalidad del sitio son factores importantes que el diseñador tomará en cuenta para desarrollar la estrategia.

Un proyecto web bien fundamentado puede ser, por mucho, la mejor inversión de tu negocio, pero es necesario siempre definir los objetivos, la meta, y la estrategia, ya que sin eso el proyecto está condenado a generar un gasto más que una utilidad.

Re-diseño del sitio web: IMPULSA Puebla – Tlaxcala

impulsapost


Recientemente participamos en el re-diseño del sitio web para IMPULSA Puebla-Tlaxcala, el que desarrollamos hace 2 años. Durante el proceso analizamos los objetivos del sitio, así como los contenidos y la información que más buscaban sus usuarios, destacando los elementos y secciones más importantes del sitio.

A la fecha, en IMPULSA Puebla-Tlaxcala, han atendido con diferentes programas a 50,500 niños y jóvenes, sirviendo el sitio como un canal de comunicación interactivo con los participantes de los programas educativos, los patrocinadores, y las instituciones.

Para más detalles sobre el proyecto, visita IMPULSA Puebla – Tlaxcala, en nuestro portafolio de proyectos web.

Diseño para no diseñadores

A veces las condiciones económicas provocan que algunos proyectos web no cuenten con presupuesto para contratar un diseñador profesional para el desarrollo de la parte visual. En el podcast de Jared Spool, SpoolCast: Visual Design for the Non-Designer, Dan Rubin da algunos consejos simples para mejorar significativamente el diseño de un sitio web sin ser un diseñador profesional.

Entre los consejos encontramos:
Dar consistencia y orden al sitio. Cuidando el espacio en blanco entre los elementos y su alineación se alcanza una sensación de orden. Ésta es una de las herramientas más importantes de los diseñadores profesionales, porque a través de ella se genera la retícula.

Utilizar la tipografía adecuadamente. La tipografía bien aplicada ayuda a establecer jerarquías en el contenido, permitiendo un mayor orden y coherencia dentro del sitio. Si además, limitamos el uso de una o dos fuentes tipográficas en el sitio, por ejemplo, Georgia y Verdana, éste orden se verá reforzado. También es importante no abusar del uso de italica, bold, o de diferentes colores en los textos y ajustar su interlineado para permitir una lectura más cómoda.

Elegir un esquema de color armónico. La parte más difícil al diseñar es la elección del color, algunas herramientas, como el kuler.adobe.com, pueden ayudarnos a elegir una paleta de colores armónica. Sin embargo, hay ocasiones que los colores los determina la marca, por lo que habrá que seleccionar la paleta de colores en base a ella. Además, se debe de tomar en cuenta el contraste del fondo con los textos, en ese sentido lo mejor, por ejemplo, es un fondo claro (blanco) y el texto oscuro (negro).


Estas recomendaciones pueden ser fácilmente aplicadas en nuestros proyectos web si trabajamos con hoja de estilo (css). Un último consejo de Dan Rubin, tal vez el más importante, es que al diseñar “estamos resolviendo problemas… pero no para nosotros mismos“, por lo que es importante escuchar y analizar las necesidades de los usuarios de nuestro sitio web.

Escucha el podcast en SpoolCast: Visual Design for the Non-Designer.

Sitios web en Flash ¿por qué me parecen tan malos?

flash


Recuerdo cuando utilicé el Flash por primera vez, fue en la clase de “Diseño en pantalla” (veíamos principalmente algunas técnicas de animación muy básicas) estaba en el tercer semestre de la carrera y quedé maravillado. Era una herramienta realmente potente, podía crear animaciones, agregar sonido, transformar cuadrados en círculos en 1 segundo, y con un click podía exportar todo a un archivo para web. Esto era ser creativo: hacer que todo saltara, cambiara de color, con sonido, y verlo en internet.

De hecho hice mi primer portafolio web en Flash, me sentía en la “cima del universo”, ya era un diseñador web, así de fácil. Afortunadamente todos tenemos la posibilidad de aprender de nuestros errores, y conforme avanzaba en la carrera aprendí ciertas cosas nuevas, adquirí experiencia y entendí que los sitios web desarrollados 100% en Flash tiene muchas desventajas.

Desventajas de los sitios web en Flash

  • Plug-in necesario para poder ver la página.
    Imagina que inviertes $31,000 pesos mexicanos en el sitio web en flash de tu empresa (si, eso cobran algunos despachos web flash, pero ese es otro tema), y cuando intentas entrar a la página te aparece este mensaje: “Para visualizar este contenido, necesitas la última versión de Adobe Flash Player. Descárgalo aquí.” No creo que te dé mucha confianza descargar un plug-in para ver una página de internet, pues a tus posibles clientes puede que les dé menos confianza descargarlo, y antes de hacerlo puede que prefieran abandonar tu sitio.

  • El contenido no puede ser localizado por los buscadores (google, yahoo, msn).
    Aunque están trabajando en tecnologías para que los buscadores lean el contenido, esto aún parece lejano y en un principio puede resultar difícil, costoso y tardado, por lo que el html para posicionarse en los buscadores seguirá siendo la mejor opción.

  • Es difícil actualizarlos, lo que eleva los costos de mantenimiento.
    A diferencia del html y el css, el contenido no está separado del diseño en una página flash, por lo que para cambiar cualquiera de los dos hay que modificar todo el archivo, lo cual suele ser tardado y por lo tanto costoso.

  • El tiempo de carga se traduce en tiempo de espera, el cual suele ser muy largo.
    Hay que esperar a que el sitio cargue completamente para poder verlo, no todos somos pacientes por lo que a veces es más fácil abandonar la página a esperar 10 segundos.

  • Las intros, sin importar que tan creativas sean, son una pérdida de tiempo.
    Sinceramente, nadie ve las intros de los sitios, todos las evitamos porque buscamos, la mayoría de las veces, información, si vendes almohadas probablemente tus usuarios quieren saber dónde comprarlas, no les interesa ver tu logo saltando de lado a lado en medio de música electrónica. Sí quieren ver una animación o un corto probablemente vayan a youtube, pero en tu sitio buscan información.


Existen algunos proyectos que seguramente justifican el uso de Flash, pero incluso sitios como el de nikefutbol.com que hasta hace 1 año estaba hecho totalmente en Flash, ahora se encuentra basado en html y css, utilizando el Flash como un complemento, permitiendo que sus contenidos se actualicen constantemente y que sus usuarios encuentren información nueva en cada visita.

No tengo nada en contra del Flash, sigo pensando que es una muy buena herramienta, sin embargo creo que en web se ha explotado equivocadamente, sobre todo si tomamos en cuenta que el desarrollo web en html y css puede satisfacer más fácilmente las necesidades de información de los usuarios.