En un mercado cada vez más competitivo (y aunque no lo fuera, creo yo), no es suficiente con la idea feliz. Hace falta también una ejecución brillante. Y una buena construcción y un desarrollo consistente de la marca TAMBIÉN forma parte de esa brillante ejecución. Apela a lo que el usuario es, piensa y siente sobre la aplicación, más allá del “funciona”. Y pueden creerme, suele ser un criterio importante a la hora de quedarse con algo. Es como cuando eliges compañero de piso. No es solamente “vaya, está vivo”. O “vaya, respira”.

En este vídeo que he encontrado en Think Vitamin (pertenece al FOWA London), Alex Hunter (ex?) de Virgin habla largo y tendido del tema. A ver si así, algunos dejan de mirarnos tan raro…

Branding and Marketing Essentials for Your Web App by Alex Hunter from Carsonified on Vimeo.

Cuando la gente me pregunte a qué me dedico, creo que les pondré este vídeo.
(Vía: Nick Finck)

No vamos a desvelar nada más del complot, solamente que nos vamos a encerrar durante este fin de semana en una casa rural en la Bizkaia profunda. Y que pensamos, sobre todo, en pasárnoslo bien.
Lo que salga de ahí… Dios proveerá.

@font-face ya en marcha

Hasta ahora empleábamos técnicas como sIFR, Cufón (últimamente) u otras similares para representar tipografías que no eran del sistema operativo. Todas con su ‘puntito’ de complejidad y alguna de ellas llena de bugs de todo tipo.

Pero ahora algunos diseñadores han comenzado a aprovechar la propiedad @font-face de CSS3. Craig Mood y la gente de Nice Web Type son un buen ejemplo de esto. Firefox 3.5 ha sido. Se acaba de abrir una puerta muy interesante, una vez más, cuando previamente ya se han hecho varias intentonas.

Y como ejemplo, las interesantes demos que han creado la gente de Nice Web Type con las fuentes Museo y Graublau. Echadle un ojo, si no lo habéis hecho ya.

¿Y qué más hay sobre @font-face?

Han surgido varias iniciativas relacionadas con las posibilidades qu ofrece @font-face. Veamos:

• Typekit: un sistema que te facilita y aloja fuentes que soportan @font-face.
  
  • Simple. Ellos alojan las fuentes que soportan @font-face, las enlazas y ¡alehop!. Están acordando las licencias con las fundiciones tipográficas.
  • Este sistema es uno de los que más ruido ha sacado en la red, pero hay otros que también están en desarrollo: Typotheque, Fontdeck (creado por Clearleft), Kernest, etc.
  • Están preparando el sistema y por ahora podemos seguir sus devenires mediante su blog o su cuenta de Twitter.
• Open Font Library: es una librería de fuentes gratuitas y que soportan @font-face.
  
  • Puedes enlazar las fuentes directamente mediante @font-face (como en el anterior caso) o bajarlas en formato .otf (Open Type). ¿La diferencia? Que son gratuitas.
  • Emplean la licencia Open Font License.
  • Puedes descargar, compartir o remezclar las fuentes como si fueras un DJ Tipográfico. ¿Interesante, no?
  • Pocas fuentes por el momento, pero parece interesante.
• Webfonts: licencias, formatos, historia y noticias sobre las ‘web fonts’.
  • ¿Podemos colgar en nuestro servidor fuentes comerciales para usarlas con @font-face? ¿A disposición de cualquiera? ¿Qué dicen los tipógrafos y fundiciones a este respecto? Muchas preguntas ante este nuevo panorama. Este es el mejor lugar para resover tales preguntas.
  • Listado de tipografías que pueden usarse sin problemas ahora mismo mediante @font-face. (fijaros en la diversa cantidad de licencias)
  • Fundiciones tipográficas que permiten emplear fuentes usando @font-face.
  • Soporte de @font-face por parte de los navegadores
  • Ejemplos
  • etc.

Ya nos iremos sumergiendo en charletas sobre estos temas.

Bienvenidos a nuestro hogar. ¡Buen provecho!

Hemos tardado más de un año en tener listo este sitio. Aunque tenemos que reconocer que los últimos meses los hemos pasado con “esos últimos detalles” delante. Cuando uno hace algo para sí mismo (y cuando lo hace para los clientes, así de autocríticos somos) siempre tiene la sensación de que no es lo suficientemente bueno. Que no refleja con exactitud lo que quiere decir.

Pero ha llegado el día de decir “¡basta!” (cuando trabajamos para otros este día suele llegar antes, creedme). La espiral suele ser peligrosa. Los detalles que he citado antes siguen ahí, pero ya los mejoraremos. Había que salir, que construir un hogar más allá de nuestra presencia en Twitter, Facebook y demás cuentas.

Es verano pero se está fresquito aquí. Y en invierno, prometemos encender la chimenea.

Pónganse cómodos, enciendan sus pipas. Están ustedes en La Personnalité.

Y también que lo más conocido por la gente fueran las fotos de Flickr en la que aparecemos haciendo el tonto con el material de nuestra oficina.

El sitio web está realizado enterito él bajo Wordpress (versión 2.8 por ahora) y hemos utilizado una serie de plugins que os detallamos unas líneas más abajo. ¿Por qué Wordpress? Porque es una herramienta lo suficientemente flexible y viva como para adaptarse a nuestras necesidades. ¿Que hay herramientas más adecuadas en el mercado? Posiblemente, pero nosotros nos sentimos realmente cómodos con esta.

Listado de plugins empleados

• Cforms (para el formulario de contacto)
• Qtranslate (para las versiones en euskara e inglés que tenemos previsto hacer)
• Ubernyms (para generar automáticamente los acrónimos)
  
• Feedlist (para los listados de Mento y Last.fm)
  
• FlickrRSS (para recoger las imágenes de Flickr)

Algunos diseños de la interfaz de Trourist:

Trourist es también el proyecto de cuatro jóvenes, que se han lanzado a la aventura de crear un producto en internet e intentar vivir de ello. Trourist nos ha dado la oportunidad de colaborar con Linking Paths en un proyecto para un tercero. Ellos son los que han llevado a cabo toda la parte de programación, utilizando como base la plataforma Tog que han creado. Trourist no es un producto cerrado y acabado, sino que como todo proyecto en internet, irá teniendo mejoras y novedades.

¿Cuál es nuestra parte?

• Identidad: buscamos reflejar el espíritu romántico que hay detrás de esta red social. Por eso creamos un zeppelin.
• Arquitectura de la información: intentamos dar una lógica los complejos flujos de información de los usuarios de una red social. Ordenarlo todo y que cada acción – reacción fuera coherente tiene, como siempre, su miga.
• Diseño: pretendimos huir de lo aséptico de muchas aplicaciones y redes con una línea gráfica con toques del diseño de principios del siglo XX.

Lo puedes ver aquí: Trourist

Algunos pantallazos de la interfaz:

Linking Paths tiene una historia curiosa de desencuentros y encuentros que quisimos que se reflejara en el sitio web utilizando el camino de montaña como metáfora. Una de las partes más divertidas del sitio es el habitualmente anodino “Nosotros” que en su caso ¡es todo un culebrón! Ahora ya asentados en el campo base entre Barakaldo y Madrid, son unos grandísimos desarrolladores en Ruby on Rails. Os lo podemos asegurar.

¿Cuál es nuestra parte?

• Creatividad
• Arquitectura de la información
• Diseño

Lo puedes ver aquí: Linking Paths

El verdadero reto de esta felicitación estuvo en partir de su hermana construida en papel y dotarla de vida e historia. Definimos un guión en el que se mostraban consecutivamente los diferentes elementos que formaban la felicitación, concatenándolos de un modo mágico y lógico a la vez.

¿Cuál es nuestra parte?