>> tinedo.com

:::::::::::::::::::::

>> fresdevalfilms.com

con: dabne.net

:::::::::::::::::::::

Cuando en Fresdeval nos encargaron su página pensaban en un sistema más uniforme de fichas de películas. Al ver la fuerza de sus fotogramas y el interés de sus textos, decidimos poder mostrar ambos con toda la serenidad y capacidad narrativa que se merecían.

El utilizar Ruby on rails como entorno de desarrollo nos permitió un diseño cuidado, que juega con las miradas y los ritmos de los fotogramas de cada una de las películas.
Aunque no lo parezca por su distribución, todos los contenidos son fácilmente editables y actualizables, en los tres idiomas, por la oficina de Fresdeval.

Visualmente, hemos jugado con las miradas y los colores, buscando el espíritu de cada película y la serenidad común a la productora.

:::::::::::::::::::::

::::::::::::::::::::::

versión flash

blog

::::::::::::::::::::::

La web de En cuaderna vía responde a la imagen que deseaban las propietarias, para presentar su nuevo taller.
Después de hacer la versión flash que querían, más representativa, les propusimos hacer un blog, con todas la herramientas SEO.
Gracias a esto, han pasado de recibir el 5% al 90% de los clientes a través de internet. Esta es la diferencia efectiva entre flash y un blog bien optimizado para buscadores.

A-Z (de la A a la Z)

Archivo Documental de Artistas de Castilla y León

A-Z es un proyecto de Un mundo feliz para el Espacio Vitrinas del MUSAC. La premisa fundamental del encargo consistía en “dar visualidad” y “promocionar” el Archivo Documental de Artistas de Castilla y León.

En este contexto, Gabriel y Sonia, de Un mundo feliz, propusieron crear un archivo online que perdurara después del evento. Las premisas eran coste cero en programación y utilización de un wordpress. El reto, cómo hacer interesante un listado de ciento y pico nombres, ordenados alfabéticamente, usando las categorías del blog.
Deconstruimos un wordpress estándar, creando una estructura orgánica que se readapta a los contenidos y plataformas. Las fichas de artista se convierten en un puzzle que permite mostrar diversidad de contenidos.

Es una adaptación del tema MOODBOARD, deconstrucción de wordpress para proyectos experimentales, en el que estamos trabajando.
Icono de Un mundo feliz

:::::::::::::::::::::::

adacyl.org
+ info en >> Un mundo feliz

:::::::::::::::::::::::

::::::::::::::::::::::
Iniciativa cultural del Área de las Artes del Ayuntamiento de Madrid
::::::::::::::::::::::
Definición y desarrollo del espacio virtual de Intermediæ, que alberga los procesos de creación y reflexión de los proyectos culturales y artísticos que se desarrollen en el espacio físico.
Consultoría estratégica, línea de diseño y html.

2008
::::::::::::::::::::::

www.intermediae.es

::::::::::::::::::::::
con: lsdspace.com y freekeylabs.com
::::::::::::::::::::::

Lo más interesante del proceso de consultoría fue la definición de agentes de un proyecto con intención participativa. Se han organizado como blogs para colectivos que se van a interrelacionar, en una segunda fase, por el trabajo semántico con etiquetas.

El aspecto visual se trabaja desde la radicalidad del código como elemento de diseño. No hay imágenes superfluas, son los propios contenidos, presentados con fluidez, los que configuran la gráfica.

La apertura del equipo de Intermediae nos permitió un diseño arriesgado por su coherencia en mostrar “lo que hay”: el proceso, el agente y el medio.

El desarrollo posterior mantiene elementos de la línea visual de arranque, aunque se ha modificado.

:::::::::::::::::::::::

A lo largo de los años, como consultores independientes, nuestra función se ha llamado Arquitectura de la Información, Consultoría, Diseño de Estructura, Diseño de Contenidos, Definición de Proyecto, Usabilidad …

Nos fascina aplicar creatividad y racionalidad en esta fase del proyecto y los recursos que practicamos en los proyectos más complejos nos sirven para enriquecer propuestas más sencillas.

En todos los proyectos que emprendemos, por pequeños que sean, lo primero que hacemos es cuestionar y plantear las formas más idóneas de presentar la información. En muchos, también abordamos la gráfica. Estos ejemplos muestran casos en los que lo principal ha sido la labor de definición de estrategias, gestión de proyecto y estructuración de contenidos.

:::::::::::::::::::::::

Hemos impartido clase de Proyectos Multimedia en el IED – Istituto Europeo di Design, durante seis años, intentando contagiar esta forma de entender el diseño como Diseño de la Información y la importancia de su factor creativo. También participamos habitualmente en talleres para proyectos no comerciales, en los que disfrutamos buscando la creatividad estructural de los sistemas de software libre.

:::::::::::::::::::::::

CLIENTES:

:::::::::::::::::::::::

Intermediae (Ayuntamiento de Madrid), MUSAC, Ayuntamiento de Coslada, AENOR, Técnicas Reunidas, MILLAR, FICE -Federación de Industrias del Calzado Español, GMI, Banco Santander, Banco Central Hispano, Cámara de Comercio de Madrid, Técnicas de Formación, Ariceta & Asociados, Trasmediterránea, Seguros Génesis, Royal Canin, ZED…

:::::::::::::::::::::::

::::::::::::::::::::::

2008
INTERMEDIAE
Iniciativa cultural del Área de las Artes del Ayuntamiento de Madrid

::::::::::::::::::::::

Definición y desarrollo del espacio virtual de Intermediæ, que alberga los procesos de creación y reflexión de los proyectos culturales y artísticos que se desarrollen en el espacio físico.
Consultoría estratégica, línea de diseño y html.

::::::::::::::::::::::

www.intermediae.es

con: lsdspace.com y freekeylabs.com

::::::::::::::::::::::

Lo más interesante del proceso de consultoría fue la definición de agentes de un proyecto con intención participativa. Se han organizado como blogs para colectivos que se van a interrelacionar, en una segunda fase, por el trabajo semántico con etiquetas.

El aspecto visual se trabaja desde la radicalidad del código como elemento de diseño. No hay imágenes superfluas, son los propios contenidos, presentados con fluidez, los que configuran la gráfica.

La apertura del equipo de Intermediae nos permitió un diseño arriesgado por su coherencia en mostrar “lo que hay”: el proceso, el agente y el medio.

El desarrollo posterior mantiene elementos de la línea visual de arranque, aunque se ha modificado.

::::::::::::::::::::::

2008
TO2ACLICK-Royal Canin
Comunidad de ATVs (Asistentes de Veterinaria)

::::::::::::::::::::::

Primera versión de la comunidad. Definición de agentes y relaciones.
El objetivo era la promoción de venta mediante un sistema de puntos y regalos.
La premisa: utilizar una amalgama de software libre, mientras definían su propia plataforma global.
Usamos diferentes Wordpress, PHPBB como foro y Gallery, unificando registro de usuarios, imagen y navegación, adaptando la presentación visual de todos ellos.

::::::::::::::::::::::

::::::::::::::::::::::

2005
ZED, para GMI
Plataforma internacional de venta.
Propuesta preventa.

::::::::::::::::::::::

Planteamos la propuesta desde la percepción del usuario-comprador.
Vemos habitualmente que este planteamiento, que parece obvio, se pierde de vista al abordar proyectos online. Las empresas, como primer enfoque, plantean estructuras de organización y navegación que reflejan su propia estructura interna, que normalmente está muy lejos de las necesidades o impulsos de usuario. Típico filtro bancario: productos o servicios, ¿alguien conoce la diferencia?. Es una cuestión que nos parece fundamental y que hemos visto repetirse como mala práctica a lo largo de nuestra experiencia en internet.

En este caso concreto, proponíamos un catálogo de entretenimiento para móviles basado en mundos de interés de usuario, ahondando en el concepto de shopability desde el punto de vista emocional.

Con Gabriel Martínez -lsdspace.com- y
GMI, GRUPO-MEMELSDORFF-IBERICA.

::::::::::::::::::::::

::::::::::::::::::::::

2001
Sistema modular de e-learning para intranets.
con: Gabriel Martínez: lsdspace.com
y GMI-Grupo Memelsdorff Ibérica.

::::::::::::::::::::::

Definimos, junto con GMI, un sistema de optimización de la producción de cursos para intranets.
Hicimos un análisis de contenidos, comportamientos y funcionalidades comunes a un sistema de e-learning.
A partir de ahí, se desarrolló una estructura gráfica y de programación que posibilitaba el intercambio de css.

Con ello conseguimos, por una parte, una mayor usabilidad y rapidez para los alumnos, que además se sentían mejor en un entorno más claro y amigable.

Para Técnicas de Formación, la empresa de contenidos y desarrollo que lo encargó, conseguimos incrementar su capacidad de producción de cursos en un 500%, a partir de la racionalidad de la normalización y la fácil adaptación, vía de css, del sistema a distintas empresas y entornos corporativos.

::::::::::::::::::::::

::::::::::::::::::::::

2001-02
PASOAPASO

::::::::::::::::::::::

B2B: Portal sectorial de la industria del calzado, componentes y piel curtida.
FICE-Federación de Industrias del Calzado Español
Consultoría estratégica de proyecto, diseño de contenidos, estructura de la información y gestión de proyecto.

Como consultoras independientes, participamos en la definición estratégica de este proyecto B2B, analizando los datos, orientándolos a los usuarios, diseñando contenidos y estructuras de navegación y supervisando la integración con Broadvision (base de datos personalizable)

con: Gabriel Martínez: lsdspace.com
y GMI-Grupo Memelsdorff Ibérica.

::::::::::::::::::::::

Las imágenes muestran la aproximación gráfica, los distintos documentos de definición estructural y control del proceso y el prototipo HTML funcional.

::::::::::::::::::::::

::::::::::::::::::::::

1999
BANCO SANTANDER
Consultoría estratégica.

::::::::::::::::::::::

Consultoría estratégica ante la fusión Banco Santander – Central Hispano.

El nuevo Grupo Santander nos pidió, al equipo de internet de Ariceta & Asociados, una propuesta conceptual para la nueva web del grupo. Tenían un grave problema de comunicación nacional/internacional, sobre todo en Latinoamérica, donde se les percibía como “colonizadores”. Además, querían un sistema internacional unificado, lo que planteaba las enormes diferencias económicas y de gestión bancaria entre países.

Planteamos una propuesta basada en el análisis a tres bandas de lo que es un banco: grupo / país-sucursal / persona. Desde ahí, a través de diferencias por IP y herramientas de personalización, una misma web se adaptaba a diferentes culturas y situaciones económicas, así como a los deseos individuales del usuario.

::::::::::::::::::::::

1999
BANCO SANTANDER-CENTRAL HISPANO
Brokers on-line

::::::::::::::::::::::

Primeros Brokers Online españoles. Aunque recogían los contenidos del mismo sistema común, las interfaces debían ser muy diferentes, en un complejo momento de fusión.

Con Juan Carlos Castro, en Ariceta & Asociados: Coordinación de proyecto, diseño gráfico y programación front-end.

::::::::::::::::::::::

1998
TRANSMEDITERRÁNEA

::::::::::::::::::::::
En Ariceta & Asociados: Diseño gráfico, Copy, Estructura de contenidos y Desarrollo front-end.

Rediseñamos la web de transmediterranea con un estilo retro asociado a sus campañas publicitarias.
Hicimos girar toda la comunicación alrededor del concepto “Rumbo a ti”.
Ganó el premio i-best de ese año a la mejor navegación y usabilidad.

:::::::::::::::::::::::

“El primer paso para transformar datos en información es jugar con su organización. Este es uno de esos simples pero cruciales procesos que parecen no merecer la pena hasta que a través de ello descubrimos algo que no habíamos visto antes. Necesitamos darnos cuenta de que la organización de las cosas afecta a la forma en que interpretamos y entendemos los distintos fragmentos. (y en sentido inverso, mediatiza nuestras posibilidades de expresión y, por lo tanto, de percepción)
[...]
Lo significativo de esta forma de comprender, es que normalmente hay mejores formas de organizar los datos que los tradicionales que primero acuden a nuestra mente. Cada forma de organización del mismo conjunto de datos expresa diferentes atributos y mensajes del sistema.
Es importante experimentar, reflexionar y elegir qué organización comunica mejor nuestros mensajes. También necesitamos recordar que [...] depende de nosotros el elegir cual es la más apropiada para nuestra audiencia o audiencias (i.e., la forma de organización que realza los aspectos más importantes de una presentación).
[...]

Organizaciones múltiples.
Casi todas las organizaciones son, en realidad, organizaciones anidadas, múltiples.
[...]
Es útil generar sistemas que organicen los mismos contenidos en formas diferentes. Esto permite a la gente encontrar y usar las cosas de las maneras en las que está acostumbrada o de las maneras en que aprende más fácilmente. Cada persona aprende de manera diferente y tiene habilidades diferentes.
[...]
En última instancia, es precisamente la habilidad para ver el mismo conjunto de cosas bajo una organización distinta lo que permite a la gente descubrir los patrones de las relaciones entre ellos. Si es posible, un diseño debiera permitir a la gente reorganizar las cosas por sí mismos o proveerlos con organizaciones alternativas, de forma que puedan descubrir los patrones por sí mismos.

Goles y mensajes.
Toda comunicación efectiva implica la necesidad de definir los objetivos de la experiencia que se va a crear y de los mensajes que se van a comunicar tan pronto como sea posible dentro del proceso de desarrollo. Estos dos objetivos van a conducir todas las decisiones –desde el diseño de la información, a través del diseño de la interacción, e incluyendo todos los aspectos del diseño sensorial. Cada decisión, no importa cuan simple o mundana, debería apoyar los objetivos y los mensajes. Esta es la forma de asegurarse de que los datos inapropiados (o su organización), técnicas, tecnologías o estilos no van a ser utilizados. En cada momento de decisión, la elección debería ser la que mejor se adaptase a los objetivos y mensajes decididos al principio del proyecto. A pesar de que esto resulte obvio, demasiado a menudo las ideas que conducen la presentación son extrañas al mensaje presentado.
[...]

Claridad.
El objetivo más importante para una comunicación efectiva es la claridad. Claridad no es, sin embargo, lo mismo que simplicidad. A menudo una organización simple es clara si el mensaje deseado es breve y limitado en su envergadura; pero si el mensaje habla de una relación compleja, puede ser necesario presentar una gran cantidad de datos. Esta complejidad se puede hacer clara a través de una organización y una presentación efectivas.

:::::::::::::::::::::::

:::::::::::::::::::::::

Fuente:
Information Design
Edited by Robert Jacobson
The MIT Press
Massachusetts Institute of Technology, 2000
Cap. 11 Information Interaction Design: A Unified Field Theory of Design. Pág. 267 y sig.
(anotaciones propias en itálica).

:::::::::::::::::::::::

:::::::::::::::::::::::

Durante estos diez años hemos hecho un montón de webs, para empresas, PYMES, profesionales, colectivos, amigos, proyectos personales…
Esta es una pequeña selección.

:::::::::::::::::::::::

:::::::::::::::::::::::

2007

Colaboramos con Gabriel y Sonia, Lsdspace, en su portafolio online.
Trabajar con Gabriel permite aplicar los conceptos de calidad tipográfica del diseño tradicional al multisoporte web, jugar con el código de manera que resulte evidente y fluido, utilizar las ventajas de legibilidad del texto sin imagen, con resultados visualmente muy interesantes.

:::::::::::::::::::::::

www.lsdspace.com

:::::::::::::::::::::::

2002

Colaboración con el artista escocés Kevin McCourt en sus proyectos multimedia.
Lo más interesante del trabajo con Kevin fue resolver la navegación transversal multilingüe.
Lo hicimos mediante capas de JavaScript que permitían acercamientos combinados.

:::::::::::::::::::::::

XYZ010

Proyecto de investigación sobre el proceso creativo, utilizando la web como herramienta de retroalimentación con científicos y artistas en el ámbito internacional.

xyz010.org

:::::::::::::::::::::::

2003

Primera web de las Bodegas Martínez Bujanda.
Diseño y Desarrollo.

:::::::::::::::::::::::

:::::::::::::::::::::::

2006

:::::::::::::::::::::::

Trabajamos con TAU en el rediseño de su página web, que habíamos desarrollado en el año 1998, ayudándoles a organizar y orientar sus contenidos y a ajustar su imagen de empresa. La renovación funcional imprescindible fue la instalación y reorganización estructural de un Content Manager stándar -SPIP- que les permitiera actualizar y modificar sus contenidos, a la vez que trabajar con un presupuesto ajustado.
La normalización estricta y la capacidad de crecimiento armonioso de tipografías (Control + y – en Firefox) fue el mayor logro de este diseño. Esto ha permitido al sitio sobrevivir al paso de los años, y al gran cambio en formato y resolución de los monitores.
A pesar de ello, estamos comenzando el proceso de renovación.

:::::::::::::::::::::::

www.taugroup.es
con: dabne.net

:::::::::::::::::::::::

2005

Para la web de Decháchara nos basamos en el concepto de cuaderno de viaje, tanto desde el trabajo de ilustración, y organización de contenidos, como en el uso de bitácoras.
Desafortunadamente, este interesante proyecto de aprendizaje del castellano itinerante ya no está en marcha. La propuesta de la web nos gustó mucho, permitiéndonos trabajar un lenguaje gráfico muy suelto, mixto, cercano a la ilustración.

:::::::::::::::::::::::

:::::::::::::::::::::::

2004

:::::::::::::::::::::::

En el solar del labo los domingos son rojos
Presentación de libro de fotografía: libro-labo.

Dos paginitas muy sencillas, pero a las que tenemos cariño por ser un juego con herramientas muy básicas. En la del libro usamos una antigua etiqueta de HTML <pre> que nos permitó romper el aspecto creando caligramas. Era un regalo para un amigo.

La otra es un juego colectivo, en el que íbamos construyendo el texto con .css, con gente no programadora, que encontró rápidamente las claves del juego visual con código.

:::::::::::::::::::::::

libro-labo
en el solar…

:::::::::::::::::::::::

2000

:::::::::::::::::::::::

PROIN necesitaba, para la apertura del mercado en Miami, una web fuertemente corporativa, publicitaria y culturalmente “americanizada”. Se planteó como un trabajo estático y provisional, que jugaba más con la información básica y la imagen que con los contenidos. Nos divertimos mucho con las metáforas surrealistas con las que jugábamos.
Ahora tienen un portal de desarrollo propio.

Con Juan Carlos Castro, pixelsinmyhead.com

:::::::::::::::::::::::

:::::::::::::::::::::::

1999

:::::::::::::::::::::::

Concurso cerrado para el rediseño y reestructuración de la web de Telefónica. Lo hicimos durante el tiempo de trabajo como jefa de proyectos, departamento de diseño, en Ariceta & Asociados (actual IT Deusto).
Acababan de rediseñar la imagen corporativa de Telefónica, en un polémico momento de reestructuración, privatización y ampliación. Jugamos con los elementos de la nueva imagen entremezclados con imágenes cercanas de personas. Propusimos una reestructuración de contenidos en microwebs.

Con Juan Carlos Castro, pixelsinmyhead.com

:::::::::::::::::::::::

:::::::::::::::::::::

WORDPRESS
como solución

:::::::::::::::::::::

Nos gusta usar WordPress como opción para PYMES, o como complemento en proyectos mayores.
Nos permite toda una complejidad de funciones y organización de contenidos inasequible, o desproporcionada en costes y esfuerzos, para determinados proyectos.

Repensar WordPress, no sólo desde la adaptación visual, sino, sobre todo, desde las necesidades y objetivos del cliente, es una opción ágil, rápida y flexible. Nos permite aprovechar las ventajas de la web 2.0, de la optimización en los resultados de búsqueda, SEO… para proyectos definitivos o para fases intermedias en la comunicación corporativa de una empresa.

:::::::::::::::::::::

es.wordpress.org

Muchos de ellos con Gabriel, lsdspace.com

:::::::::::::::::::::

:::::::::::::::::::::

tinedo.com

:::::::::::::::::::::

:::::::::::::::::::::

miranda4.es

:::::::::::::::::::::

:::::::::::::::::::::

encuadernavia.com

:::::::::::::::::::::

:::::::::::::::::::::::::::::

cosladaeneltiempo.info/blog/

:::::::::::::::::::::::::::::

:::::::::::::::::::::::::::::

cosladaeneltiempo.info/proyectos/

:::::::::::::::::::::::::::::

:::::::::::::::::::::

mariolandonegui.com

:::::::::::::::::::::

:::::::::::::::::::::

angata.net

:::::::::::::::::::::

:::::::::::::::::::::

amanosteopatia.com

:::::::::::::::::::::

:::::::::::::::::::::

cinomade.org

:::::::::::::::::::::
De viaje por Burkina, tuvimos la suerte de conocer a la gente de Cinomade, compartir con ellos conocimientos y experiencias, dejar un WordPress modificado, hablar mucho y salir de tournée… Acabamos la web por skype.

:::::::::::::::::::::

MOODBOARD
Tema experiemental de WordPress

:::::::::::::::::::::

DECONSTRUCCIÓN ESTRUCTURAL-RECONSTRUCCIÓN VISUAL
El corazón organizativo de WordPress, una vez desposeído de la línea temporal, es la estructura dinámica de relaciones: estructuras marcadas por categorías, etiquetas, enlaces y/o agregadores. Podríamos decir entonces que cada vez, la web se construye más por palabras clave que por contenidos.
A pesar de esto, la estructura organizativa visual podría seguir siendo la de una clásica “página web”: un contenido rodeado de enlaces. Esto se acentuaría más por la disposición vertical habitual, es decir, por el scroll vertical, que cada vez responde menos a la tecnología donde se visualiza (monitores de altísima resolución horizontal, tecnología móvil de navegación con gesto lateral, etc.)

“Uno de los problemas inherentes a “una ventana” en un ordenador es la posibilidad de que pueda haber demasiado contenido y demasiadas palabras que encajar en el espacio asignado. Después de todo, éste no es un problema nuevo, es la base de la paginación en libros y revistas, pero la edición adquiere características diferentes en el ordenador. En la pantalla digital, hemos tenido lo que posteriormente etiquetó Scott McCloud como “un lienzo infinito”, un ilimitado espacio en cada dirección con el que podríamos hacer lo que deseáramos. El formato y las constricciones de la página física desaparecerían, junto con la tensión de sus ejes”.
http://www.thinkingforaliving.org/archives/5469

En MOODBOARD, hemos querido explorar la presentación no lineal de múltiples contenidos en una “página” o, como preferimos llamarla a fin de romper con la naturalización de un formato heredado: “una vista de presentación”. La información relacionada se presenta al usuario en una visualización orgánica, ocupando todo su “lienzo”. Es difícil deshacerse de las metáforas clásicas, pero cuestionarlas es un camino realmente interesante para el profesional de la información que debe de presentar contenidos en el medio digital.

:::::::::::::::::::::
>>ver anteproyecto miedo al miedo
:::::::::::::::::::::

:::::::::::::::::::::

La primera vez que lo improvisamos fue para una charla sobre interfaz digital, formatos, ruptura de la línea temporal, códigos de marcas y etiquetas…
Nos pareció muy divertido y lo hemos “domesticado” para configurar ADACYL, el Archivo Documental de Artistas de Castilla y León,
para el MUSAC -MUSEO DE ARTE CONTEPORÁNEO DE CASTILLA Y LEÓN.

:::::::::::::::::::::

>> interfaz vs. mecanismo
>> adacyl.org

:::::::::::::::::::::