Archivo de la categoría "Portfolio"

Diseño en acción. SMMART.

Viernes, 27 de Junio de 2008

Como para no perder la costumbre, la gente de Cierzo Development se acercó con otro interesantísimo proyecto. Esta vez les presento a SMMART, una plataforma mediante la cual podemos ingresar el nombre de una marca y sus competidores, para que el sistema nos devuelva información y gráficos indicando la cantidad de comentarios positivos, negativos o neutrales que se hacen en noticias, blogs y otros medios sociales de la web.

RiegosAriel

http://www.analisisdemedios.es/

Diseño en acción. Riegos Ariel.

Martes, 10 de Junio de 2008

Están explicados en este blog algunos temas del diseño web como la posición del logo, precedencia, espacios,número áureo, teoría de Gestalt, proceso de diseño y diferencia entre estilo y diseño.

Se pueden ver estos conceptos funcionando en el último desarrollo de Proyecto 83, el sitio web de Riegos Ariel.

RiegosAriel

http://riegosariel.com.ar

Algunas características:

  • El diseño es muy simple, atractivo y de gran usabilidad.
  • El código generado funciona en los navegadores más populares.
  • Está basado en Joomla, un poderoso sistema de administración de contenidos.
  • Las URL favorecen el posicionamiento en buscadores.
  • Los títulos, descripciones y palabras clave de las páginas se generan a partir del contenido.
  • Es un sistema muy flexible y escalable.
  • Es accesible, se puede aumentar el tamaño de la letra y navegar normalmente.

¡Novedades!

Damos las gracias a las galerías de diseños web que publicaron este sitio y a todos aquellos que votaron para que se mantenga en la portada de algunos.

http://www.csselite.com/showcase/corporate/riegos-ariel.html
http://css-lounge.com/riegos-ariel
http://screenalicious.com/screen/riegosariel.com.ar/
http://www.alabrasil.com/2008/06/12/riegos-ariel/
http://www.dezinspiration.com/track/site/1467
http://dailyslurp.com/default.aspx?dts=6/20/2008
http://csshere.com/2008/riegos-ariel/
http://www.cssgalore.com/industry/riegosariel.html
http://designshack.co.uk/design/riegosariel.html 

Diseño en acción. Un caso de éxito.

Sábado, 9 de Febrero de 2008

Hace un tiempo, la empresa española Cierzo Development se puso en contacto conmigo. Querían encargarme el diseño de la interfaz de usuario para un novedoso proyecto web.

Hoy, la cantidad de usuarios que participan en Pronostico-quiniela.es crece semana a semana. Además el sitio ganó un premio de Yahoo!, recibiendo el reconocimiento de la gente y los medios de comunicación.

Plantilla para Pronostico-Quiniela.es

http://pronostico-quiniela.es 

El proyecto innovador de Cierzo Development

Antonio García Morte charlaba con sus amigos, como en la casa de cualquiera de ustedes, sobre fútbol, y cómo hacer una buena quiniela, ese juego que por los territorios de Diego Armando conocemos como “el prode”. Y así llegaron a la conclusión que la mejor manera era colaborando unos con otros, combinando su inteligencia.

De ahí surge el lema “juntos ganamos todos”. Porque mediante la web desarrollada íntegramente por Cierzo, los usuarios colaboran entre sí para armar entre todos una “quiniela ideal” y así obtener mejores resultados a la hora de jugar.

¿Cómo funciona?

Es muy fácil, de lunes a jueves todos los usuarios pueden hacer su quiniela. Entonces el viernes a la mañana el sistema le devuelve a cada uno su quiniela original junto con otra mejorada, calculando los resultados mediante un sistema basado en algoritmos de inteligencia artificial.

Un diseño fácil de entender

Comunicar la idea de este sitio web de una forma simple y clara es fundamental. Primero que nada el usuario necesita saber de qué se trata y para qué sirve pronostico-quiniela.es.

Por eso la presentación Flash en la portada y una página explicativa detallando el funcionamiento del sistema con textos y animaciones. En un primer momento se pensó en usar imágenes, pero había que encontrar la imagen justa para cada concepto dentro de un catálogo de imágenes de stock, algo bastante dificil en este caso. Los dibujos en cambio, nos dieron una gran libertad a la hora de ilustrar el funcionamiento del sistema con mucha simpleza y claridad.

Haciendo un buen uso del color, guiando al ojo mediante los principios de precedencia y agrupando los elementos según la teoría de Gestalt, el diseño de los gráficos estadísticos y las tablas de resultados permite la clara visualización de una gran cantidad información.

Y también fácil de usar

En “La quiniela” recurrí a toda mi experiencia diseñando interfaces de usuario para aplicaciones de escritorio y web, en la búsqueda de un diseño claro, intuitivo y fácil de usar. Por eso la cantidad de contenidos y opciones fue reducida al mínimo, evitando la sobrecarga de información visual.

Inmediátamente después de la presentación del sistema, el diseño del sitio invita al usuario a participar mediante un formulario muy simple, con sólo 3 campos de texto, 1 “checkbox” y el gran botón de “Comenzar”. Esto es muy importante, porque no queremos asustar ni aburrir al usuario con un largo formulario, a modo de interrogatorio.

El diseño del formulario para “hacer quiniela” es muy similar a las tablas de resultados. De la misma manera fueron diseñadas las otras pantallas, buscando la coherencia en el diseño. El objetivo de esto fue crear una interfaz intuitiva, donde el usuario encuentre los mismos elementos de diseño en diferentes contextos, reduciendo el tiempo de aprendizaje y facilitando su uso.

Buenos resultados

El proyecto de Cierzo Development ha recibido el reconocimiento de los medios de comunicación españoles (TVE, Aragón Televisión, A3, RNE, Onda Cero, 20 minutos, El periódico…) y también de la gente, que lo eligió como Revelación Web Yahoo! 2007 en la categoría Deportes y que ya suman más de 9.000 usuarios registrados colaborando unos con otros, dando vida a la idea de que “juntos ganamos todos”.


Gestionado con WordPress