Los contenidos principales de la web son: Definiciones de diseño, diferentes tipos de diseño, qué opina la industria sobre el diseño, la relación entre starups y diseñadores y cómo encontrar un buen diseñador. Además de todo esto, se incluyen al final algunas referencias de interés con una selección de los mejores blogs sobre creatividad.

El site se convierte en una forma agradable de acercarse a estas ideas y permite a personas sin conocimientos sobre el tema entender algunos conceptos básicos sobre la creatividad gráfica y web así como su importancia en el éxito de diferentes empresas como Path o Square donde se ve que el diseño no sólo es una parte esencial de proceso sino que forma parte del nucleo generador de las ideas y su implementación desde la planificación inicial.

Aquí les dejamos algunos ejemplos de su trabajo que espero que les sirvan de inspiración tanto como a nosotros:

Good Food: Identidad y Packaging

Pocketmag: Identidad y  diseño editorial.

MySpace: Diseño Web e identidad.

Cuatro 44: Identidad.

Tequila 29: Diseño editorial

IHO Espacios | Knoll: Identidad.

Partiendo de esta primera premisa es obvio que en cuantas más redes sociales estemos más tiempo y recursos necesitaremos. Por tanto es muy importante tener claros nuestros objetivos y seleccionar con detenimiento las redes en las que queremos estar, es preferible estar bien ubicado en una sola que tener veinte perfiles olvidados con la mala imagen que elllo conlleva. Dicho esto, una de las redes en las que más empresas deciden entrar es Facebook, ya que resulta muy atractiva por la cantidad de público objetivo al que podemos llegar.

A continuación vamos a detallar algunos consejos y recursos indispensables para cualquiera que quiera empezar o ya tenga abierto el perfil de su empresa en Facebook:

1. Saber si el nombre de nuestra empresa está libre o buscar alternativas.

Este es un aspecto crucial para estar bien posicionado en las red y asegurarnos de que nuestros clientes puedan encontrarnos. Una herramienta muy útil para esto es Namevine donde sólo debemos escribir el nombre de nuestra empresa y se encarga de buscar si está libre en twitter facebook, youtube y pinterest, así como de ofrecernos sugerencias en caso de que no lo esté.

2. No usar nuestra página de facebook como un tablón de anuncios

Para eso están los banner publicitarios que también podemos contratar dentro del propio Facebook. Si queremos que nuestra fanpage resulte atractiva para nuestros clientes potenciales, debemos aportar y compartir contenidos de calidad. También es vital que la utilicemos cómo un medio para conocer y responder a las opiniones de nuestro clientes sobre nuestros servicios y productos. Un gestión correcta de esta información nos hará ganar en confianza y credibilidad frente a los usuarios.

3. Facilitar la publicación de contenido

Tal y como comentabamos al principio dinamizar una red social lleva un tiempo, pero hay una serie de herramientas que puden ayudarnos a distribuir y publicar contenido de forma sencilla. En este sentido nos puede ser de gran utilidad en el caso de Facebook la aplicación Hootsuite cuya versión gratuita puede cumplir con todas las necesidades de un usuario no profesional. Básicamente lo que nos permite es: Gestionar múltiples perfiles sociales y publicar mensajes en cada una de ellas así como analizar y monitorizar nuestra marca en las mismas.

4. Utilizar la pestaña de información para incluir las palabras clave , descripción y enlaces de tu página web.

Esta información servirá para que los buscadores de internet encuentren y muestren correctamente nuestro perfil de Facebook. Algunos datos fundamentales son:

-Dirección, ciudad, estado y código postal son campos esenciales para aparecer en las búsquedas locales.
-Descripción de nuestra empresa, eslogan, servicios y productos.
-Enlaces directos a las principales secciones de nuestra web.

5. Crear páginas o aplicaciones

Construir una página estática con información sobre nuestros productos o servicios, contacto, ofertas… y convertirla en nuestra página de inicio de Facebook. Esto puede ser un trabajo complejo si no somos especialistas en diseño web pero siempre podemos contar con la colaboración de un profesional o utilizar aplicaciones de terceros como las de Northsocial o Pagemodo

6. Ofrecer contenido local
Tenemos que determinar cuál es nuestro target y publicar contenidos que les puedan interesar. No tiene sentido publicar contenido en inglés si el 98% de nuestros clientes están en España.

7. Utilizar plugins sociales para promocionar nuestra página

Los plugins sociales de Facebook son de gran utilidad si queremos dar a conocer nuestro perfil. Podemos incluirlos en nuestra web o blog permitiendo la comunicación entre ambos y facilitando la difusión de los contenidos.

8. Actualizar, Actualizar, Actualizar…

Es casi una obviedad pero debemos tomarnos en serio el hecho de que debemos publicar con cierta frecuencia nuevos contenidos. Tan importante como esto es  mantener un feedback con nuestros usuarios, responder a sus consultas, opinione o críticas.

9. Invitar a nuestro amigos

La funcionalidad de “Sugerir esta página a mis amigos” puede ayudarnos a difundir nuestra fanpage entre los amigos que tengamos en nuestro perfil personal.

10. Consultar Facebook Insights

Si queremos saber de qué manera interactúan los usuarios con nuestra fanpage tendremos que revisar habitualmente las estadísticas de Insights, esto nos servirá para depurar el contenido que publicamos y adaptarnos a los intereses reales de nuestros seguidores.

La historia parte de un oso grizzly  que fue monitorizado por el servicio de conservación de la naturaleza durante varios años. A lo largo del parque decenas de cámaras captaron la vida salvaje, y la interacción del oso con los seres humanos. En el documental el hilo conductor de la narración gira en torno a esta documentación, pero a través de la plataforma interactiva que han desarrollado, es el usuario quien pude moverse a través de esa información de forma no lineal.

La interfaz gráfica es muy buena aunque la navegación resulta algo confusa. En todo caso creo que es una iniciativa interesante que puede abrir vías de experimentación e investigación en el terreno documental, un campo en el que muchas veces es tan interesante el montaje final como la propia labor de documentación, que a través de este tipo de sistemas podría ser accesibe de forma interactiva a todos los interesados en la obra.

Link: http://bear71.nfb.ca/#/bear71

La primera pregunta que debemos hacernos es: ¿Por qué instalar wordpress en mi ordenador? El objetivo es poder editar los archivos de nuestra web sin necesidad de tenerlos alojados en Internet, de esta forma trabajaremos mucho más rápido y sólo subiremos los archivos al servidor en red cuando la web esté perfectamente testada.

Hemos elegido XAMPP  para la instalación del servidor básicamente porque es gratuito y cuenta con versión para Windows, Mac Os X y Linux. Existen otras alternativas como Mamp o Wampserver que funcionan perfectamente y cuya utilización no difiere demasiado de proceso que vamos a seguir con XAMPP.

1. INSTALACIÓN DE XAMPP

El primer paso es descargarse la última versión del pack para el sistema operativo que corresponda, e instalarla en nuestro ordenador. Básicamente lo que instalará es:

• Apache 2.2.3
• MySQL 5.0.27
• PHP 5.2.0 & PHP 4.4.4
• phpMyAdmin 2.9.1.1
• FileZilla FTP Server 0.9.20
• OpenSSL 0.9.8d

Esto es todo lo necesario para convertir nuestro ordenador en un servidor local. Es importante cuando terminemos de instalarlo y lo ejecutemos asegurarse que el servidor Apache y las bases de datos MySql están operativas, de lo contrario deberemos activarlas pulsando el botón “Start”:

De esta manera ya tendremos el servidor funcionando, lo único que debemos hacer para comprobarlo es abrir nuestro navegador y en la barra de dirección escribir localhost. Si todo ha ido bien veremos una pantalla similar a esta:

Ahora es importante que modifiquemos los parámetros de seguridad, es necesario abrir el archivo config.inc.php que estará en la carpeta: c:/xampp/phpmyadmin/ Este archivo podemos editarlo con el bloc de notas, tendremos que añadir un nombre de usuario y contraseña, así como cambiar el valos de AllownoPassword a false.

$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = '****';
$cfg['Servers'][$i]['AllowNoPassword'] = false;

Estos datos los necesitaremos más adelante cuando vayamos a configurar wordpress, así que es importante recordarlos.

 2. CREAR UNA BASE DE DATOS

Ahora que ya hemos podido instalar el servidor el siguiente paso es crear la base de datos necesaria para WordPress. Para ello desde la pantalla de Localhost debemos ir al menú lateral Herramientas – phpmyAdmin y pinchar, o escribir directamente la URL http://localhost/phpmyadmin. De esta forma llegaremos a la aplicación phpMyAdmin una de las más extendidas para la gestión de bases de datos. Aquí simplemente debemos escribir el nombre de la base de datos y seleccionar el cotejamiento de la base datos a utf8_unicode_ci:

En este caso le hemos dado el nombre de wordpress a nuestra base de datos, pero cada uno puede asignarle el nombre que prefiera,  es importante apuntarlo pues lo necesitaremos después para configurar wordpress.

3. CONFIGURAR WORDPRESS

A continuación hay que descomprimir la versión de wordpress que nos hayamos descargado en la carpeta c:/xampp/htdocs/ Tenemos que buscar el archivo wp-config-sample.php y editar las siguientes líneas:

/** El nombre de tu base de datos de WordPress */
define('DB_NAME', 'wordpress');

/** Tu nombre de usuario de MySQL */
define('DB_USER', 'root');

/** Tu contraseña de MySQL */
define('DB_PASSWORD', 'tucontraseña');

El nombre de la base de datos se corresponderá con la que creamos previamente en phpMyAdmin, el usuario y el password con los que editamos al principio en el archivo config.inc.php

Una vez hayamos editado el archivo debemos guardarlo en la misma carpeta con el nombre de wp-config.php . A continuación podemos escribir en nuestro navegador http://localhost/wordpress/ y entraremos a la pantalla de instalación de WordPress:

Llegados a este punto sólo nos queda completar los datos que nos solicita y pulsar el botón de instalar WordPress. Si todo ha ido bien ya tenemos listo WordPress para trabajar en modo local.

Ahora este problema tiene fácil solución con la aplicación web lorempixel. Básicamente lo que nos permite hacer es, sin necesidad de buscar y adaptar las imágenes a los tamaños requeridos, generar imágenes mediante un sencillo interfaz que nos permite ajustar las medidas, temas y colores. Si se trata de un proyecto web incluso podemos copiar el código HTML que nos facilitan e incluirlo en nuestra página para implemntar correctamente las imágenes. Ni siquiera es necesario entrar en su web pues podemos aplicar las imágenes usando las instrucciones de referencia que nos indican:

• http://lorempixel.com/400/200 - Obtendremos una imagen aleatoria de 400 x 200 pixels
• http://lorempixel.com/g/400/200 - Obtendremos una imagen gris aleatoria de 400 x 200 pixels
• http://lorempixel.com/400/200/sports - Obtendremos una imagen aleatoria de la categoría deportes de 400 x 200 pixels
• http://lorempixel.com/400/200/sports/1 - Obtendremos la primera imagen de la categoría deportes
• http://lorempixel.com/400/200/sports/Dummy-Text - Obtendremos una imagen aleatoria con texto

Espero que les sea útil…

Aquí les dejamos el texto del artículo, pueden ver el resto en el periódico o próximamente en la web del Diario de Avisos:

Salir de la nube

Mientras leemos las últimas noticias de algún periódico en Internet, recibimos un aviso de Facebook, un cliente nos envía un email, en el WhatsApp no dejan de llegar mensajes, alguien actualiza su posición en Foursquare, aparece un nuevo trending topic en Twitter.

Muchos vivímos inmersos o en este fenómeno de intoxicación informativa que ahora se conoce como infoxicación. El acceso en cualquier lugar y a la hora que sea a esta ingente cantidad de datos convierte en un tarea titánica la asimilación y reflexión necesaria sobre la realidad. En algunos ámbitos profesionales cómo el de los diseñadores, somo especialmente sensibles a sufrir las consecuencias de este fenómeno, dada la cantidad de horas que por norma general solemos pasar delante de un ordenador. Y la pregunta qué me hago es: ¿En qué medida puede afectar a nuestra creatividad?

Nadie parece dudar de los beneficios que Internet y la nuevas tecnologías de la información han aportado a nuestra profesión, como a las de tantos otros. Pero quizá la sobrevaloración de estos efectos positivos nos haya hecho renunciar u olvidar algunos placeres que nos brinda “el mundo analógico”: dar un paseo, leer un libro, ir a un concierto, ver una exposición… Estas cosas que nos hacen levantarnos y despegar la vista de la pantalla son las que a menudo nos permiten encontrar nuevas ideas y una fuente inagotable de inspiración.

Desconectarse de la red y recuperar el proceso artesanal sin renunciar a las herramientas digitales es la estrategia creativa que algunos diseñadores han llevado a cabo en los últimos años, como la ilustradora rusa Yulia Brodskaya utilizando la técnica del papercut o el joven diseñador canadiense Julien Vallée que desarrolla su trabajo en el campo de la instalación y los motion graphics. Tal y como el propio Julien comentaba recientemente cuando le preguntaban sobre su manera de conjugar el trabajo manual y el digital: “Los software de computador ofrecen muchas posibilidades de producir una imagen sin preocuparse si es concebible o no, pero también encuentro muy fácil pegarse en horas interminables delante de la pantalla. Creo que me gusta el contraste de mezclar muchas técnicas juntas. No siento que la artesanía tenga algo más especial que el otro, ni siquiera el software lo tiene. Me gusta utilizar el computador como una herramienta para manipular y eventualmente crear elementos de composición. Me gusta cuando no es para fingir que es verdadero. Me gusta que mantenga una intervención manual en la imagen. Crea una clase de conexión con el espectador. Pueden entender qué está sucediendo.”

Lo que se consigue al poner  en contacto todos los aspectos del entorno, utilizando el arte manual con apoyo de las herramientas tecnológicas, es crear puentes entre las diferentes disciplinas. Además está la necesidad de sentir la “materia real” y el gusto hacia la imperfección que supone el trabajo manual frente a la frialdad del digital.

Sería un error considerar esto una vuelta al pasado, pues de lo que se trata es de implementar métodos tradicionales en entornos digitales de manera que es el propio lenguaje creativo el que se enriquece.

Buscando el símil cinematográfico nos encontramos con el reciente éxito de la película muda The Artist , en un panorama audiovisual dominado por la postproducción digital y la tridimensionalidad, resulta que una de las películas más interesantes desde el punto de vista cinematográfico del presente año tiene como modelo estético el cine de los años veinte del pasado siglo.

Salir de la nube y reinventar nuestra forma de trabajar y pensar es una opción que deberíamos tener presente  aquellos que vivimos sumidos en lo digital.

Aquí les dejo la presentación:

Para nosotros ha sido un placer trabajar en un proyecto de estas características donde se ha apostado desde un principio por la innovación y el diseño como ejes vertebradores de la idea de negocio. Finalmente los resultados y el reconocimiento están ahí. Sólo nos queda recomendarles a todos aquellos que vivan en Santa Cruz de Tenerife o se pasen por aquí, que no dejen de visitar la tienda y degustar algunas de las exquisiteces que pueden ofrecerles.

A nivel de diseño los cambios consistieron en modificar su  logo azul marino por una versión de letras redondeadas, en negro, sobre fondo blanco con un cuadro ligeramente degradado en azul. El resultado habla por sí mismo.

La respuesta no se hizo esperar y en menos de una semana la empresa decidió retirar su nueva imagen corporativa. En su perfil de Facebook con más 700.000 seguidores, publicaron un mensaje oficial de la empresa, en el que  pedían nuevas ideas, recibió hubo más de mil comentarios, con reacciones como éstas: “El nuevo logo es poco sofisticado”, “es horrible”, no voy a comprar en vuestras tiendas”… Lo mismo pasó en Twitter, donde la crítica a la nueva identidad de la marca se convirtió en una tendencia  popular. Finalmente la presidenta de GAP Norteamérica, Marka Hansen, tuvo que dar explicaciones y publicó un comunicado:

Hemos aprendido mucho en este proceso. Y ahora entendemos que no hicimos las cosas correctamente. Admitimos que perdimos la oportunidad de colaborar con la comunidad online.

Obviamente no es la primera vez que una logotipo fracasa, lo que llama la atención en este caso es la celeridad con la que las redes sociales han servido como vehículo para echar abajo el diseño sin apenas tiempo para que este se implementara. Sin duda este ejemplo influirá en la forma en que las grandes compañías planterán el desarrollo de su identidad de marca y estrategia de comunicación en el futuro, si es que a alguien le quedaban dudas al respecto.

Jim Edwards en un artículo reciente publicado en bnet bajo el título “5 Things the Gap Logo Flip-Flop Can Teach You About Branding” destacaba algunos de las ideas que el branding puede extraer de lo sucedido con Gap. Entre ellas me parece reveladora la que señala: Consumers own brands, not management. Your brand doesn’t exist, doesn’t have any equity, except what’s inside the minds of your best customers. Es decir, la marca pertenece a los propios consumidores, esto es algo que  ya sabíamos, pero la diferencia ahora, es que si  no están conformes con los cambios ejecutados sobre la misma, tienen las herramientas necesarias para poder manifestar su desacuerdo y tumbar decisiones tomadas en el seno de la propia empresa.