Les presento un avance de rediseño de la web corporativa del grupo Ayllón, compañia lider desde 1946 en los sectores de imágen corporativa, señalización de tráfico y pantallas informativas con Full Color.
Maqueta de página principal o portada:
Maqueta de página Interior:
Tras años de rumores, Apple ha presentado finalmente su largamente esperado iPad, un tablet que pretende llenar el hueco existente entre el iPhone y los MacBook a través de una versión hiperdesarrollada del primero que combina lo mejor de ambos diseños: el frontal multitáctil del iPhone con la parte trasera de aluminio de los MacBook.
En lo que a especificaciones técnicas se refiere, el iPad se apoya en un procesador de 1 GHz de velocidad desarrollado por la propia Apple al que han denominado A4 y que ofrece toda la potencia necesaria para ejecutar este iPhone OS con esteroides de forma suave y fluida en una pantalla LED de 9.7 pulgadas de 1024×768 píxeles de resolución (la pantalla utiliza tecnología IPS para ofrecer un mayor ángulo de visión y tiene 132 píxeles por pulgadas). Disponible en capacidades que van desde los 16 a los 64 GB, el iPad cuenta con acelerómetro, brújula, GPS, altavoz, micrófono y conectividad inalámbrica WiFi 802.11n y Bluetooth 2.1+EDR que se amplia con un segundo modelo a la opción 3G.
Físicamente el iPad es realmente delgado. Tan solo 1,32 cm de grosor en el punto máximo (sus bordes son redondeados para que podamos sujetarlo de un modo más cómodo) y un tamaño de 24,28 × 17,87 cm. El peso tampoco es un problema, 680 gramos para la versión estándar y 730 para el modelo con conectividad 3G.
Presentamos un video conceptual elaborado por Bonnier R&D en el que exponen su visión de la experiencia de leer revistas y magazinesen un futuro, dentro de un ámbito de interacción con los más avanzados servicios digitales.
Basándose en las nuevas aplicaciones de diseño gráfico y sistemas de información de Internet, nos plantean una inmersión realista en las historias que ahora serán una experiencia multimedia completa, en un mundo de total interacción.
Disfruten de este vídeo que me ha sorprendido gratamente y deseemos para este nuevo año la rápida implantación de estos novedosos sistemas digitales de entretenimiento.
Hoy dia de los inocentes presentamos una genial tira cómica perteneciente a Rankedhard en la cual se compara la rápidez en encontrar ela información deseada….. hagan sus apuestas Paginas Amarillas o Google?
1. Tarjeta de negocios exterior. (view).
2. Tarjeta de caja de cerillas. (view).
3. Tarjeta de negocios “montate tu silla”. (view).
4. Estrella Ninja como tarjeta de presentación. (view).
5. Tarjeta de presentación pintoresca. (view).
6. Catapulta. (view).
7. Tarjeta de negocios Yoga. (view).
8. Caza de combate como tarjeta de negocios (view).
9. Segunda tarjeta de negocios de aviones (view).
10. Tira del hilo…. (view).
11. Impresionante tarjeta de negocios. (view).
12. Cable eléctrico (view).
13. Tarjeta de negocios de entrenador personal. (view).
14. Lego. (view).
15. Mi corazón. (view).
16. Tarjeta de presentación de una mujer Lego. (view).
17. Tarjeta manicura. (view).
18. Globo-tarjeta. (view).
19. Cinta
20. Tarjeta de negocios en bolsa protectora anti-agua. (view).
21. Chewing Gum
22. Pack completo de información de negocio.
23. Una tarjeta de negocio que incluye un modelo de coche.
24. Lapiz-tarjeta (view).
25. Que mejor tarjeta para una empresa reparadora de pianos
Original cuento Navideño, titulado “Navidad de Los Papalagi” de mi amigo y colega Luis Madrid.
Disfrutenlo.
El Manual de Imagen Corporativa de una empresa es básicamente una guía que permite unificar criterios y normalizar el manejo de la imagen gráfica y corporativa de la misma. Es una guía sencilla que orienta a los miembros de la empresa, colaboradores y proveedores en la forma de hacer un buen uso de los lemas y signos institucionales. El seguimiento de dichas normas o directrices de este manual suele ser de caracter obligatorio y solo podrán hacer uso de él quienes estén autorizados, ya que dicha coherencia en la imagen visual ayuda al reconocimiento y el posicionamiento de la empresa en el mercado.
El manual corporativo estará compuesto de los siguientes apartados:
1. Imagotipo o Isologo:
- Isotipo: es el símbolo o signo que representa a la empresa, una imagen sin texto.
- logotipo: es la tipografía o escritura que representa el nombre de la empresa, una o varias palabras que funcionan como imagen.
Para que un Imagotipo se aceptable ha de cumplir unos requisitos indispensables:
- Que sea escalable (ampliar y reducir).
- Que sea legible (hasta el tamaño más pequeño planteado).
En ocasiones nos podremos encontrar Imagotipos a los que les acompaña un breve texto explicativo que se puede incluir. Este texto se denomina CLAIM.
Otro añadido de gran valor en este apartado suele ser una construcción de las proporciones usadas (distancias) para crear el Imagotipo.
2. Colores corporativos: Se definirán y aplicarán los colores que doten de una personalidad a la marca y que la hagan fácilmente identificable a los ojos de cualquier consumidor. Se suelen definir colores principales y secundarios, así como sus valores en los distintos sitemas: RGB, CMYK, tintas planas, blanco y negro, … Estos valores han de ser inalterables. Si en algún momento se desean utilizar tintas planas o un solo color se deberán incluir pruebas (se recomienda …) del Imagotipo en positivo y en negativo.
3. Tipografía: Explicar el porqué de su elecció y uso brevemente y se deberán incluir todos los caractéres de la tipografía empleada en la creación del logotipo, letras, números y símbolos, tanto en mayuscula como en minúscula. Si utilizamos una tipografía que pertenezca a una familia y tenga distintas versiones es aconsejable incluirlas todas.
En el caso del uso del Imagotipo en la web y su tipografía suele traer problemas porque en la mayoría de los casos se usan tipografías de “diseño” para su creación por lo que de un tiempo atrás se suele incluir un uso alternativo de una tipografía genérica para este caso (véase arial,verdana,etc…).
4. Distintas Versiones de la Marca: Se llevarán a cabo distintas versiones de la marca con el fin de que puedan ser adaptadas a cualquier tipo de entorno o de material. Indicar en que ubicaciones o distancias ha de situarse respecto a otros elementos que le acompañen o le rodeen.
5. Versiones no autorizadas: es recomendable realizar una serie de muestras de como NO se debe de usar el Imagotipo, sobre que fondos o marcas de agua no se considera legible, incluso de que distancias de separación NO son las adecuadas respecto a otros marcas y que efectos no quedan bien es sus distintas aplicaciones (sombras, brillos, …)
6. Fondo y Firma: Además de los elementos principales corporativos, se podrán utilizar otros de carácter auxiliar. Esto corresponderá a un fondo que bien podría ser una “marca de agua” o la firma de la empresa o el encargado.
7. Papelería: A continuación describiremos mediante unos ejemplos el uso del Imagotipo en distintos elementos de una empresa como tarjetas de visita, folios, sobres, cartas, facturas, pies de página, folletos, lonas, banners, …
Ventajas de una buena imagen corporativa
• Aumento del reconocimiento de la marca de la empresa.
• Al aplicarse los mismos estilos en toda la documentación y elementos de comunicación, se consigue que el consumidor o cliente recuerde con más facilidad la marca y sus atributos.
• Mayor confianza de los empleados o voluntarios de la empresa.
• Se crea un ambiente de trabajo con referentes visuales en los que el empleado acaba por identificar y asumir como propios.
• Ahorro de costos por estandarización.
• Se ahorran costos ya que al generar nueva documentación no es necesario las tareas de creación de estilos.
• Aumento del conocimiento público de una empresa u organización. Si mejoramos la pregnancia de la marca en el consumidor o cliente, automáticamente mejoraremos el posicionamiento de ésta en el mercado.
Con la dificultad que siempre entraña preveer lo que nos deparará el futuro, hemos seleccionado las 10 tendencias que creemos marcarán el año 2010 en el diseño de páginas web.
1. Tipografía
Los diseños tenderán al uso de la tipografía como parte integral del trabajo total en lugar de como un simple apoyo. Los diseñadores web comenzarán a utilizar fuentes mucho mas grandes, novedosas y amplias. En lineas generales los diseñadores están prestando mayor atención a detalles tipográficos tales como la elección de la fuente y el tamaño de la misma.
2. Sketches a mano e ilustraciones
Facilmente detectables en la web. Que destaquen sobre los gráficos tradicionales y doten a la web de una apariencia y estilo único y personal.
3. Fotografías e imagenes de gran tamaño
La tendencia apunta a un incremento de las imagenes y fotografías de todas las webs en general. El concepto de que una imagen vale mas que mil palabras está en alza.
4. Diseño “Magazine”
Con más y más personas que ven las webs como una fuente de entretenimiento y de información en tiempo real, muchos sites tienden hacia este tipo de diseño, en el que los artículos cortos y precisos facilitan al usuario una lectura rápida y amena.
5. “Blocks” de introducción
La zona alta a la izquierda de una web es el bloque más importante de una página, ya que es el primer lugar a donde tus ojos se dirigen cuando visitas un site. Esto capta la mayor atención de las visitas y en consecuencia, es el sitio ideal para exteriorizar tu mensaje y que se vea rapidamente.
6. Diseño de página único/individual
La gente tiene prisa, quiere la información rapidamente y no tiene tiempo para navegar a través de tu página web. Es por ello que es importante tener casi todo el contenido de la web a primera vista. Esta es la solución para que consigan la información que buscan.
7. Social Media Sites y Add-ins/Icons
Es obvio que esta ha sido la tendencia de los dos últimos año, y no solo está previsto que continue sino que su importancia será cada vez mayor. Enlazarse a ellos, utilizando apps, ayuda a construir comunidades alrededor de productos, ideas y causas.
Cada vez hay más gente que utiliza su tiempo online buscando conectar otras personas y compartir sus vidas e información. A veces demasiada información…
8. El espacio blanco
Es más limpio, entra más facil por los ojos y facilita la busqueda de lo que estés buscando. El blanco es un gran color para ayudar a algo a destacar. A veces en la simplicidad está la clave.
9. Iconos y visuales
No estamos hablando de clip art. Más bien estamos hablando de iconos renderizados con estilo y que representan una imagen de lo que una sección dentro de una web está hablando. Son facilmente localizables por los visitantes de las webs y más efectivos que el texto.
10. Las “modal boxes”
Aplicaciones abiertas que basicamente son la siguiente generación de “pop-ups”. Se consideran más limpias y más amigables con el usuario que las clásicas ventanas pop-up Javascript de windows que llevan ciruclando por ahí durante años. Dirigen al usuario a la información que estas presentando, sea esta una foto, un texto o un video.
¿Y tu? ¿Cuales crees que serán las tendencias para el año 2010?
