Title image

Diseño web Tag

Home / Posts tagged "Diseño web"

No es mentira que mes con mes, surgen nuevas ideas y técnicas que prometen hacer crecer un negocio. En la actualidad, una de las palabras más de moda en el Marketing Digital y más en concreto en el mundo de las Startups, es el Growth Hacking.

``La viralización no es suerte. No es magia. No es aleatoria. Hay una ciencia tras el hecho de que la gente hable y comparta. Una receta. Una fórmula, incluso``- Jonah Berger

Sin embargo, el término todavía no está excesivamente extendido fuera de los Estados Unidos. Además de que ser Growth Hacker, parece ser más bien es un “perfil profesional”, que una certificación específica. ¿Será otra innovación más del mundo del marketing o una serie de cosas que ya hacemos bajo un nuevo término?

Es por ello que en Exiles from Jupiter, nos hemos dado a la tarea de investigar el Growth Hacking. En esta entrada te explicamos qué es, de dónde surge, y cómo puedes aplicarlo en tu negocio.

En pocas palabras…

El Growth Hacking es una disciplina que busca, con el mínimo gasto y esfuerzo posibles, incrementar de forma rápida y notoria el volumen de usuarios, o ingresos, o impactos, de nuestra empresa.

No es tanto una combinación de herramientas y técnicas, sino más bien una forma diferente de ver y construir un mercado. De esta manera, engloba procesos creativos, de programación, de análisis y estrategias de marketing, para maximizar los resultados.

Nace de la necesidad de identificar formas de crecimiento, más allá de gastar dinero en sistemas o plataformas tradicionales de marketing. De esta forma, se adapta de maravilla al mundo de las startups y la filosofía del Lean Start-up, en donde los recursos suelen ser escasos y por ende se avanza con pasos pequeños.

Lean Startup

Es una metodología de trabajo simple y efectiva para abordar el lanzamiento de productos o servicios con un modelo de negocios rentable y escalable, minimizando su probabilidad de fracaso.

Dicho así tiene muy buena pinta, ¿verdad? Sin embargo, hay una línea delgada entre la ética de algunas de las prácticas utilizadas. Recuerda siempre que el coste de hacer crecer nuestro negocio, no debe comprometer nunca nuestra reputación o las necesidades de nuestros usuarios.

Los maestros del crecimiento digital

Parece mentira, pero la primera mención del Growth Hacking si es un tanto inventada, pues parece que proviene del blog Start-up Marketing y su post titulado Where are all of the growth hackers?. Sin embargo, no es hasta que algunas start-ups como Facebook, Twitter o AirBnb, utilizan estos principios, que el concepto gana notoriedad.

De esta manera, Sean Ellis (el creador de la entrada), describe a los Growth Hackers como aquellas personas que tienen como meta el crecimiento de la base de usuarios de un producto o marca. Cuyas cualidades a poseer, más allá del conocimiento técnico, es el de ser personas analíticas, curiosas, innovadoras y creativas.

Anatomía de un Growth Hacker

Hay varias cualidades que todo Growth Hacker que se precie, debe de tener:
Ideas para “hackear” el sistema

Si bien cualquiera puede probarse como Growth Hacker, pocos son los que lo logran. Antes que nada, es necesario conocer y trabajar de manera precisa los siguientes pasos para implementar Growth Hacking en cualquier empresa:

    • Conoce tu servicio y a tus usuarios
    • Identifica las ventajas de tu producto
    • Atrae usuarios mediante contenidos o campañas
    • Promueve la viralidad de tus contenidos
    • Realiza pruebas, da seguimiento y compara
    • Fideliza a tus clientes y muestrales tu gratitud

Parecerá pesado analizar todos estos aspectos de una marca, pero justo el Growth Hacking funciona, porque combina las técnicas del marketing con la ingeniería. Esto puede ser la diferencia entre un buen marketing y uno que no genere resultados.

A continuación te compartimos algunas ideas que puedes implementar en tu negocio (independientemente del tamaño o giro), teniendo siempre en cuenta que lo que buscamos, es el mínimo uso de recursos y un alto impacto de creatividad.

Toma nota…
01

Blogging

Ya sea que incorpores un blog a tu página o redactes contenido para blog de otros, compartir contenido de calidad sobre los servicios que ofreces o soluciones que tus lectores quieren leer y compartir, es una gran idea.

02

Referidos

Crea un programa de referidos donde ambas personas, tanto el que está recomendando tu servicio, como el que lo va a probar puedan adquirir algún beneficio. ya sea un descuento, o prueba gratis de tu producto/servicio.

03

Contenidos gratis y descargables en tu web.

También conocidos como ``infoproductos``, esta idea plantea ofrecer contenido gratuito, a cambio de que tus visitantes dejen su información (como e-mail, teléfono o feedback). Puedes ofrecer ebooks, infografías, cursos, etc.

04

Uso de redes sociales

Realiza concursos en tus redes sociales para que tus seguidores se sientan escuchados y que su opinión es tomada en cuenta, además genera y comparte contenido de valor relacionado con tus servicios.

05

Marketing de urgencia

¿Has buscado algún hospedaje en línea y sientes presión porque sólo queda una habitación disponible? Esto es el marketing de urgencia, cuando hay poca disponibilidad o tiempo limitado para tomar una decisión.

Prueba y error

Si bien el Growth Hacking no es algo nuevo en la práctica, su concepto si es algo interesante de retomar. En el ecosistema de empresas y competidores, destacar siempre es importante y lamentablemente, los recursos siempre son escasos, por lo que conviene aprender a utilizarlos inteligentemente.

De esta manera, evitando prácticas desleales o molestas (como el spam), el Growth Hacking realmente promueve la creatividad, el análisis y la curiosidad. En este sentido, se apega al principio básico del Diseño de que “menos es más”.

Analizar todo es clave para entender si las técnicas que probamos funcionan o no, buscar fórmulas nuevas y pensar “fuera de la caja” garantizan el éxito de cualquier empresa. Y tú, ¿te animas a probar nuevas ideas de marketing? Con nuestra asesoría en Branding y Diseño de Marca, nosotros te ayudamos a hacer crecer tu empresa y a hacer el futuro que quieres, realidad. ¡Contáctanos!

Como puedes ver, la mayoría de estas estrategias están enfocadas al cliente y muchas de ellas son acciones muy pequeñas, que puedes comenzar a implementar en tu empresa desde ahora.

¿Conoces otras estrategias de hacking?

¡Saludos!

Ante la caída en desuso de Flash y el auge del Material Design, se han buscado alternativas para dotar a los sitios web de cierto dinamismo para contrarrestar su natural apariencia “plana”.

``Un diseñador sabe que ha alcanzado la perfección no cuando no le queda nada por agregar, sino cuando ya no le queda nada por añadir``- Antoine de Saint-Exupéry

Una de estas alternativas es optar por generar efectos y animaciones en JQuery, siendo el Efecto Parallax (en español paralaje), una tendencia cada vez más extendida en el mundo del diseño web y la animación.

Seguro que lo has visto miles de veces al entrar una web, hacer scroll y notar que el fondo parece moverse a una velocidad distinta que el contenido, creando un ligero efecto de profundidad y dejando ver partes que antes no veías.

Y aunque parezca una tendencia muy actual, el Efecto Parallax es en realidad un truco con mucha historia. Por eso, en esta ocasión, haremos un reboot de nuestra anterior entrada y explicaremos más a fondo que es el parallax y cómo se utiliza en el Diseño.

El  moderno (pero común)  Efecto Parallax

El Parallax es un principio de diseño propio de la animación, que juega con la percepción humana,a fin de crear una ilusión de profundidad espacial con medios de representación bidimensionales. Para entenderlo mejor, hablaremos primero de sus orígenes.

La paralaje (del griego parállaxis para cambio, diferencia) define a un fenómeno de la percepción por el cual la posición de un objeto en el campo visual cambia en relación con el punto desde donde se observa.

Esto puede ejemplificarse si levantamos el pulgar a la altura del rostro, mientras abrimos y cerramos alternativamente el ojo derecho y el izquierdo. Notaremos que, mientras que el fondo permanece estático, nuestro pulgar aparentemente cambia de posición gracias a la distancia de nuestros ojos. ¿Sencillo no?

Visión estereoscópica

Si se observa el punto amarillo con el ojo izquierdo (posición A) parece que se encuentre sobre un fondo azul, pero si se observa con el ojo derecho (posición B), aparece sobre el fondo rojo.

Y aunque el Efecto Parallax apenas se aprecia en nuestro día a día, constituye uno de los fundamentos de la percepción espacial. De esta manera, los reflejos lumínicos de objetos cercanos se mueven más rápido en la retina que los de objetos a una cierta distancia, generando una ilusión de profundidad inducida por el movimiento.

Animando ratones y patrullando la luna

Como mencionamos en la introducción, el Efecto Parallax es en realidad un truco muy antiguo, inventado por Walt Disney para dotar a sus películas de una ligera tridimensionalidad, intentando lograr con ello un mayor realismo.

El invento en sí, se llama “cámara multiplano”, ya que la superposición de planos para generar profundidad genera el Efecto Parallax. Les comparto un video que muestra el funcionamiento de la cámara multiplano de Disney.

Posteriormente, los programadores de videojuegos de los 80´s importaron este concepto con el fin de crear la ilusión de tridimensionalidad con medios bidimensionales. Juegos clásicos del tipo Jump’n’Run o Shoot’em up como Super Mario, Moon Patrol o Jungle Hunt, son un gran ejemplo de este efecto en acción:

Ideal para Storytelling y Diseño Web

Si bien desde finales de la década de los 2000 se utiliza el Efecto Parallax en el diseño web, no sería hasta que la página de Nike nikebetterworld.com (offline) causara un enorme impacto medial en 2011.

Sentando así, un precedente para la tendencia en diseño web que utiliza el Efecto Parallax para crear una impresión de profundidad en un medio bidimensional como es la web.

Sin embargo y aunque el Efecto Parallax es más que interesante para aportar valor al tedioso scroll y sorprender al usuario con algo que no se espera, no es conveniente usarlo por el simple hecho de seguir la tendencia. La presencia de este tipo de efectos puede ser tan sorprendente como cansina, para los usuarios.

Lo ideal es aprovechar este recurso como complemento narrativo. Esta posibilidad de storytelling del Parallax, lo vuelve perfecto para landing pages, o webs que intenten sumergir al usuario en una historia, causando una experiencia comunicativa mucho más divertida y cercana a otros medios como los videojuegos o los cómics.

Ejemplos destacables

El Efecto Parallax polariza las opiniones. Mientras que muchos usuarios aprecian el diseño con este tipo de efectos producidos por el movimiento, otros ya están cansados de un medio ya no tan moderno, sobre todo si se utiliza con el único fin de exhibirse sin un concepto que lo justifique.

¿Cuándo enriquece el Efecto Parallax a una web? Esto depende sobre todo de lo que se quiere conseguir con el proyecto y del público. Lo que no podemos negar es que ha demostrado ser un medio ideal para contar historias, por ello aquí te compartimos una recopilación de páginas con Parallax que seguro que terminan de convencerte, si aún tenías dudas, de lo increíble de este efecto.

The Hybrid Graphic Novel

Un proyecto con luz propia es la página de lanzamiento del Peugeot Hybrid4 que, camuflada como una novela gráfica de acción, presenta las características más importantes del vehiculo. Tan increíble, que incluso el proyecto fue galardonado por la página The FWA como FWA of the day.

Why your Brain Craves Infographics

Con un estilo visual retro de libro educativo, el sitio muestra algunos datos del porque las infografías son una buena forma de acercarse con la gente y comunicar ideas, a través de algunos datos sobre psicología y marketing. Un gran ejemplo de cómo se pueden volver una serie de datos ``duros`` más digeribles.

Firewatch

Utilizar el parallax scrolling cómo eyecatcher al inicio de una página también está justificado, pues si se hace bien este instrumento tiene una enorme capacidad para enganchar al usuario e interesarlo por el contenido que viene a continuación. Un ejemplo clásico lo encontramos en la página web para el videojuego Firewatch de Campo Santo.

Perspectiva que cambia la forma de ver

Aunque en principio atractivo, las páginas scroller con Efecto Parallax, encierran un innegable potencial para mejorar el storytelling de una marca, pero también ha provocado su uso masivo (y desmedido) desde 2011.

A final de cuentas, los efectos de paralaje o cualquier otro tipo de animaciones, deben de utlizarse cuando ayudan a mejorar la experiencia del usuario, destacar contenido, productos, servicios o animar al call to action. Va en ese sentido, muy de la mano de los principios del material design del cual ya hemos hablado en este blog.

Sin embargo es innegable el atractivo que genera el Efecto Parallax , pues ayuda a modificar la perspectiva que tienen las personas sobre lo que es un sitio web y cambia su forma de ver a una marca o producto. Y tú, ¿te animas a dar profundidad a tu web? Ya sea con una tienda en línea, landing page o blog, con nuestro servicio de Diseño Webolvídate de perder oportunidades y comienza a conectarte con todo el mundo. ¡Conócenos!

¿Ustedes conocen más ejemplo para compartir con nosotros?, ¿Les gustaría que habláramos de algunas formas de añadir este y otros efectos a sus páginas?

No olviden dejar sus comentarios.

¡Saludos!

El espacio negativo es, como se pueden imaginar, difícil de definir. Y no, no estamos hablando de algún concepto de ciencia ficción, si no de aprovechar todos los recursos, incluidos lo que no están presentes.

Al diseñar, se utilizan diversas técnicas para crear materiales gráficos que hipnoticen a los espectadores. El uso del espacio negativo genera una ventaja adicional de atracción y sofisticación.

``Tienes que honrar el fracaso, porque el fracaso es solo el espacio negativo en torno al éxito`` - Richard R. Nelson

Sin embargo hay muchos logotipos, posters y anuncios creados con esta técnica, pues permite enviar un mensaje a la audiencia de una manera tan sutil, que detectarlo provoca siempre una sonrisa.

De tal forma que su incorrecta aplicación, provoca que el espectador se de cuenta de inmediato y le genere desagrado. Por ello, en esta entrada del blog, hablaremos de qué es el espacio negativo y cómo afecta la apariencia de las cosas, ya sea en el Diseño gráfico o incluso en el arte.

El límite de la forma

Definir el espacio negativo es complicado, pues no se trata de un vacío al rededor de los objetos. Más bien, podría decirse que un espacio para “respirar” alrededor de un sujeto central, pero que afecta su apariencia.

Es una sinergia entre el espacio abierto o vacío alrededor y el objeto, de tal forma que le genere su propia definición. Y es qué… ¿Cómo puedes saber la verdadera forma de un objeto si no puedes descubrir sus límites?

En el Diseño, se usa el espacio negativo para crear una ilusión de alguna figura, sin crear la figura directamente. Ésta emerge con la ayuda de otros objetos circundantes en el diseño. Esta sutileza es parte de su belleza, pues el espectador está encantado de descubrir algo oculto dentro del diseño.

En-marcando la diferencia

Una vez comprendido su concepto general, es posible comenzar a jugar con él para aprovechar sus ventajas. El espacio negativo correctamente utilizado, puede marcar la diferencia en un diseño.

Los espectadores siempre apreciarán un diseño con buen uso de espacio en blanco, sobre los diseños saturados. Por ello, equilibrarlo en un diseño, facilita la vista del mismo. De esta forma, aunque parezcan sencillos, construir un diseño así es todo un esfuerzo de talento, inteligencia y a veces buen humor.

De esta manera, una vez que los espectadores entienden los mensajes o imágenes sutilmente ocultos en el diseño, se sienten incluidos. Por ello es que el uso del espacio negativo, es especialmente efectivo al diseñar logotipos.

Todo en uno

Este es uno de mis ejemplos favoritos, pues en una misma pieza se juega con el nombre, se describe el servicio y resulta elegante. Una gran muestra de lo que el espacio negativo es capaz de lograr
El espacio negativo y el texto

El espacio negativo no solo se usa en composición, pues incluso es un elemento vital al momento de escribir. A este espacio se le llama interlineado.

Sin el interlineado, sería casi imposible leer un texto, pues incluso el orden de los párrafos estaría alterado. Y aunque suene un poco obvio, basta ver en folletos, brochures e incluso revistas, la cantidad de veces que la falta (o a veces sobra) de espacio afectan su lectura.

Pero también es parte de su diseño, pues la relación entre texto y espacio, genera una especie de “textura” de la que podemos sacar partido a nivel estético. Esto es fácilmente comprobable en un sitio web, pues un buena legibilidad es vital para retener la atención del visitante y para ayudarle a encontrar la información que busca.

El texto como textura

Una vez atreviéndose a romper esquemas, jugar con el espacio negativo y el texto, puede generar un resultado muy llamativo.
“Menos es más… lujoso”

En cualquier tienda de lujo es fácil observar, que en muchas ocasiones, los productos más lujosos, tienden a ser minimalistas (por ejemplo los productos de Apple). Esta idea puede ser aplicada a otros medios, para lograr el mismo efecto.

En un sitio web por ejemplo, incrementando el espacio negativo entre los elementos, se puede generar la sensación de clase e importancia, aunque el contenido sea muy genérico. De lo contrario, saturando el espacio con anuncios, precios y descripciones, se provoca la sensación de ser una página desordenada rogando por atención, en lugar de un sitio de calidad.

Vendiendo plantas al más alto nivel.

Equilibrando los colores, las formas, tamaños y conservando el espacio negativo, es posible volver un negocio local en uno de clase élite.
¿Espacio negativo o espacio en blanco?

El espacio negativo es un elemento importante del Diseño. Sin él, las composiciones probablemente serían un desastre, pues carecerán de definición y enfoque.

Su correcto uso, es un acto de equilibrio destinado a unificar un diseño y atraer los ojos de un espectador a los detalles y sutilezas.

¡Atrévete a hacer las cosas diferente!, Juega con el espacio negativo en tus bocetos e ideas y nota como llama la atención de tus espectadores.

No tiene que ser flat

Interactuando con las formas es posible encontrar otras ocultas entre los limites de estas. Sólo falta imaginación y la voluntad de ir ``más allá``

Sorprende a tu audiencia con el uso de espacio negativo en tu sitio web y logotipo para que se vean más completos e interesantes. Nosotros te ayudamos a lograrlo con nuestros servicios de Branding y Diseño Web. Ideales para empresas y Startups que quieren hacer la diferencia. ¡Conócenos!

¿Conocen mas logotipos de marcas que usen el espacio negativo?, ¿Recuerdan las campañas de Absolut con el uso de esta técnica?

No olviden dejar sus comentarios.

¡Saludos!

Hoy en día, cuando escuchamos sobre lo buenos que son los bienes o servicios de alguna marca, lo primero que hacemos es googlearla. De esta forma, podemos conocer su catálogo, servicios y sobre todo, los comentarios que dejan usuarios en blogs o redes sociales.

Y es que el Internet se ha convertido en una herramienta utilizada por todo el mundo, la cuál, nos permite acceder a múltiples recursos y conocer sobre otras personas y empresas con facilidad. De ahí la importancia de tener presencia en este medio.

Un cálculo rápido: De los 7.593 billones de personas en el mundo, 4.021 billones tienen acceso a Internet; es decir, el 53% de la población mundial.

Es por ello, que utilizado inteligentemente, el Internet puede ser un medio ideal para conectar con nuestros seguidores y clientes potenciales, por su capacidad de estar en línea en todas partes, a todo momento.

Muchas empresas están creciendo exponencialmente gracias a sus sitios web y redes sociales. Por ello, en esta entrada del Blog, hablaremos de las ventajas y beneficios de tener una página de internet, como herramienta para potenciar al máximo tú empresa.

Perdiendo oportunidades

Algunos estudios ponen de manifiesto, que entre las causas del fracaso de un negocio se encuentran, la falta de un mercado y de publicidad suficiente. Ya que algunas marcas piensan que los clientes vendrán solos y no planean ningún tipo de estrategia de marketing.

Es por ello que se recomienda, que las empresas cuenten con sitios web profesionales y bien diseñados, que les permitan a los usuarios encontrar fácilmente la información que buscan, así como la manera de adquirir sus productos y servicios.

Hoy en día, no tener uno, puede significar perder oportunidades de negocio. A continuación, te comentamos algunas de sus principales ventajas.

24/7 x 365 días

Normalmente, las empresas y negocios trabajan en horarios de entre las 8:00 a las 19:00 Hrs. ¿Que pasa con toda la gente que no puede visitar tu negocio antes del cierre?

En los sitios web, la información sobre la marca, productos y servicios está disponible para cualquier cliente potencial, a cualquier hora y puede ser accedida desde cualquier parte del mundo.

Un nuevo Millenio

Casi 40% de las personas que realizan compras a través de Internet tiene entre 22 y 34 años, es decir que forman parte de la generación Millennial.
Para todos los bolsillos

Los sitios web, son como espectaculares que trabajan las 24 horas, los 7 días de la semana. Pero además cuestan una fracción de lo que supone el gasto en anuncios televisivos u otros medios de publicidad.

Cuentan también con la posibilidad de ser actualizados a bajo coste, de tal forma que la página nunca quede obsoleta y sigue aportando funcionalidad y contenidos de calidad (te recomendamos leer nuestra entrada sobre Inbound Marketing).

“!Pero mi negocio es del tipo bootstrapping¡”, estarás pensando… pues aún en ese caso, podrías restar sin problemas los costes que genera tener un local comercial, gracias a la alternativa de tener un sitio web de e-commerce. ¿Genial no?

E-Commerce Internacional

Durante 2016, el 60% de los compradores mexicanos en línea adquirió un producto de un comerciante internacional
Como en cualquier relación, la comunicación es importante

Los sitios web, no sólo promocionan a las empresa, si no también permiten recibir información de sus visitantes, a través de los formularios de contacto, comentarios en blogs o de las estadísticas de Google Analytics.

De esta manera, los visitantes pueden expresar directamente sus intereses, dudas o comentarios. Convirtiéndose el sitio así, en una poderosa herramienta de comunicación entre las marcas con sus clientes.

Los hombres gastan más

Del 100% de compradores online durante 2016, el 54% fueron hombres
La imagen ante todo

¿Que mejor manera de destacar, que con un sitio web? Hoy en día, los medios tradicionales como las tarjetas de presentación, folletos o material POP no son suficientes.

Por otro lado, los sitios web ayudan a generar y reforzar una imagen moderna de las empresas frente a sus clientes.

Entretenimiento a un sólo click de distancia

En 2016, la ropa, descargas digitales y boletos para eventos fueron los productos más comprados en línea.
Esfuerzos reales, resultados reales

Lo mejor de todo, es que cuando se cuenta con un sitio web desarrollado profesionalmente (es decir, que siga algunos principios como el material design del que ya hemos hablado aquí), se genera una buena impresión en los visitantes.

De esta forma, la obtención de clientes y seguidores es real, pues se brinda la confianza para adquirir productos o contratar servicios.

Reducción del tiempo de contacto

Una gran ventaja de lso sitios web, es la posibilidad de evitar que el cliente necesite ser atendido por un agente, al implementar sistemas de “autogestión” como las páginas FAQ
La era de los negocios 2.0

Podemos decir entonces qué, al tener una página Web, se aprovechan las ventajas del Internet para aumentar las ventas, expandir el mercado y obtener crecimiento.

Además, los clientes pueden tener más información sobre las marcas, sus productos y servicios antes de hacer contacto. Con lo cuál, las empresas sólo deben ocuparse de despejar dudas y concretar ventas, optimizando así, el servicio con el publico.

Y aún así, muchas empresas no cuentan con sitios web, por no conocer los beneficios que éstas pueden proporcionar a su marca.

¿Sabes cuantos clientes pierdes diario por no tener tu propio sitio? Ya sea una tienda en línea, landing page o blog, hoy en día, es más fácil que nunca tener tu propia página. Con nuestro servicio de Diseño Webolvídate de perder oportunidades y comienza a conectarte con todo el mundo. ¡Conócenos!

¿Ustedes realizan a menudo compras en línea?, ¿Les parecen más confiables las marcas que cuentan con su propia página?

No olviden dejar sus comentarios.

¡Saludos!

Hacía al final de mi carrera, elegí la Ilustración como especialización, pues creo fielmente, que es la única área del Diseño que no tiene limites al igual que la imaginación. Sin embargo, los mejores resultados se obtienen con horas de trabajo, ya sea aplicando efectos o componiendo.

Pero la realidad, es que el Diseño es una industria en la que (lamentablemente), lo normal es necesitar las cosas para “ayer”, por lo que ahorrar tiempo es una ventaja imprescindible.

“La persona que se permite cometer errores, se la llama creativa... Y a la que sabe con que errores quedarse, se la llama artista.” Scott Adams

Por suerte, existen muchísimos recursos disponibles que son de gran utilidad para optimizar el trabajo diario, como los mockups, acciones, patrones y plugins.

Es por ello, que en ésta entra del Blog, quisiera compartir algunos Plugins de Adobe Illustrator, que se instalan o ejecutan como adición a las características que por defecto tiene el software. Estos te permitirán optimizar tu trabajo, ahorrar tiempo y generar imágenes increíbles.

MirrorMe

¿Cuántas veces has necesitado generar un vector simétrico, ya sea para un icono o logo y has tenido que dibujar primero un lado y luego duplicarlo?

MirrorMe es un plugin que te permite generar y observar en vivo la simetría de los vectores que realizas. Puedes crear un reflejo de un trazo existente o utilizar múltiples ejes de construcción para obtener formas más complejas.

Ai Canvas

Siendo el diseño web una gran área de oportunidad para los diseñadores gráficos, Ai Canvas, es un gran aliado para su desarrollo, pues permite exportar vectores e imágenes desde Illustrator directamente a un lienzo HTML5 utilizando JavaScript.

Este Plugin fue creado por Mike Swanson, ex trabajador de Microsoft y ahora dueño Juicy Bits, por lo que su funcionamiento está más que garantizado.

I ♥ ∆

¡De acuerdo! éste en realidad no es un plugin, ya que no se instala, pero es tremendamente útil para generar composiciones e ilustraciones con efecto Low Poly.

Generalmente este tipo de efectos requieren mucho tiempo de trabajo, sin embargo con I ♥ ∆ podremos crear superficies “triangularizadas” o “gemoetrizadas” en pocos minutos.

VectorScribe

Cuando estamos trabajando en Illustrator, muchas veces resulta complicado eliminar puntos de ancla, cambiar, cortar, pegar, unir o separar secciones.

Pero con VectorScribe podrás superar todos esos recovecos técnicos, pues cuenta con un sin fin de utilidades que a estas alturas, Illustrator ya debería haber incluido en su software.

Isometric Transformations

Isometric Transformations, permite generar ilustraciones ortogonales con apenas unos cuantos clicks. Definitivamente mi favorito dentro de esta selección de Plugins.

Este paquete de acciones, incluye atajos para crear las vistas “arriba, derecha e izquierda” en una perspectiva isométrica. Ideal para generar personajes con apariencia 3D o infografías increíbles.

Instalación...

Una vez descargado el archivo, en el panel Acciones (Ventana -> Acciones) haz clic en el menú contextual ``Cargar acciones ...``; Seleccione el archivo ``isometrictransformations.aia`` de tu disco duro y haz clic en ``Abrir`` para importar las acciones en el panel Acciones.

Las Ilustraciones son una tendencia actual en el marketing de contenidos. Marcas como Google, Red Bull o American Express apuestan por la ilustración como su principal canal de comunicación, gracias a la reacción emotiva que genera en sus clientes. ¡Y la gente responde increíblemente!

En Galahad Studio somos profesionales en la creación de personajes, escenarios y arte para animaciones o publicaciones. Deja de gastar tu tiempo buscando en internet o bancos de imágenes, fotos que se parezcan a tus ideas; Nuestro servicio de Ilustración no tiene límites y tus ideas tampoco. ¡Conócenos!

¿Conocen otros plugins útiles?, ¿Que otros recursos utilizan en sus proyectos?

No olviden dejar sus comentarios.

¡Saludos!

“La identidad visual es cómo el traje y corbata de una empresa”, repetía un profesor durante mis años de estudiante. Y aunque suene gracioso, lo cierto es que la Identidad visual de cualquier marca, es el corazón de sus estrategias de comunicación.

Esta “identidad gráfica”, materializa la imagen que una empresa quiere mostrar a su publico, a través de diferentes soportes como lo son sobres, tarjetas de presentación, hojas membretadas, etc.

“Incluso las empresas más grandes, necesitan pequeños logos.” Tanner Christensen

Sin embargo, comenzar una empresa es un proceso difícil y darle una imagen adecuada ¡aún más!, pues en muchas ocasiones, la decisión de compra de las personas está gobernada por la percepción que tengan de la marca en cuestión. Un buen ejemplo de esto, suelen ser las campañas políticas.

Y es que es un tema que influye a todo tipo de empresas, desde profesionales independientes, pasando por pequeñas y medianas empresas, hasta las más grandes corporaciones. Por ello, en esta entrada del blog, vamos a hablar del valor de la Identidad visual y sus beneficios para el éxito de cualquier negocio.

Todo Comunica

¿Sabías que el 80% de la información que percibimos a diario entra al cerebro humano a través de los ojos? Es por eso que a la hora de comunicar, las imágenes, formas, colores y tipografías son tan importantes. Pero entonces, ¿cómo se comunica visualmente una empresa o marca?

¡Pues a través de su Identidad Visual!, la cual es el conjunto de los signos gráficos (colores, formas, palabras, etc) que representan a la empresa. Esto abarca desde el logotipo, tarjetas, vallas publicitarias, emblemas, merchandising, diseño de los puntos de venta, hasta el vestuario de los trabajadores. Todo comunica y todo ayuda a crear una identidad visual coherente de la empresa.

Todo comunica...

Desde los colores de la marca, hasta la forma en la que son tomadas las fotografías para promocionales...
Una historia para contar

Hoy en día, no existe ninguna empresa que pueda posicionarse en el mercado y ser reconocida sin tener una Identidad visual. Y es que una imagen es entendida y absorbida en las mentes de las personas de manera más rápida. Tan solo piensa en las marcas de ropa que usas para vestirte día a día. ¿Por qué las eliges?

Cada marca tiene una historia para contar (lo que también se conoce como storytelling) y la identidad visual lo hace posible, pues ocupa ante todo una función publicitaria: representa la imagen de una empresa, sus servicios y eventualmente sus valores. De ahí la importancia de tener una identidad visual fuertemente definida y única, que te ayude a que tu marca sea reconocida y a que se diferencie de tus competidores.

#respect

Cuando la identidad de una marca es comprendida por su audiencia, sin necesidad de mostrar su logo o producto, hablamos de un completo éxito de branding
El ADN de la corporación

Crear una Identidad visual corporativa es un proceso complicado, pues deberá lograr que todas las manifestaciones visuales con las que una corporación se presenta al mercado y a la sociedad (sus productos, servicios y comunicaciones), respondan de forma coherente a la estrategia global de la empresa.

Sólo de esta forma, se puede asegurar que el diseño no sea una simple expresión artística, sino que tiene un sentido y una misión. Por lo tanto, es importante localizar el ADN de la corporación, que es lo que define quién es, qué hace y donde está, para después, desarrollar una estrategia de comunicación y de imagen acorde para proyectar esa identidad y posicionarla en la mente de los consumidores.

La identidad visual entonces, se define en 5 niveles:

  • Cultural: Es fundamental definir la cultura que rodea a la organización, es decir, los valores, experiencias, creencias, emociones con los que el consumidor se puede identificar para generar una respuesta o un cambio de conducta hacia la marca/empresa.
  • Verbal: Lo segundo es definir el nombre de la empresa y de sus productos para identificar verbalmente a la marca.
  • Visual: A continuación, es importante definir el símbolo que identifica visualmente a la empresa, como el logotipo.
  • Objetual: Se refiere, a la unidad de estilo y diseño para todos los productos que sean reconocibles al tacto. Como la forma de una lata de Coca-Cola o la peculiaridad de un coche Smart.
  • Ambiental: El factor ambiental comunica la identidad de la empresa a través de elementos como el diseño de los espacios, los colores, la iluminación, el olor, la música ambiente, la atención al cliente, el servicio, o la propia ubicación del establecimiento dentro de la ciudad.

Parecidos intencionales...

¿Haz notado que los supermercados de una marca se parecen entre sí? Eso se debe a que de esta forma, facilitan la experiencia de sus usuarios para encontrar sus productos. ¿Inteligente, no?
Beneficios de un buen diseño

Ya sea que ya tengas una Identidad Visual o busques crearte alguna, estos son algunos de los beneficios que brinda desarrollar una solida:

  • Concientización: Cuanto más desarrollada esté tu identidad, más reconocible será, por lo que tus consumidores notarán la presencia de tu marca.
  • Posicionamiento: Todos los símbolos, valores, cultura y proyectos vinculados a tu marca sumarán valor para que progrese en el mercado.
  • Reputación: Una identidad solida, generará una sensación de pertenencia y confiabilidad
    en las personas, con lo que tu marca ganará reputación y reconocimiento.
  • Permanencia: Un diseño efectivo, te permitirá responder rápidamente y de forma efectiva, ante los cambios inesperados del mercado.
  • Ahorros: Una identidad bien diseñada, te ahorrará dinero ya que evitarás reinventar las piezas gráficas una y otra vez.

Está comprobado que la principal decisión de compra de los consumidores, se basa en la imagen que perciben de las marcas. Por lo que tener una imagen sólida, genera clientes leales y empalizados con su empresa.

En Galahad Studio somos profesionales en el diseño de identidad visual. ¿Que mejor forma de decir “soy profesional, novedoso y la mejor experiencia” que con una imagen sólida?; Con nuestro servicio de Branding y Diseño de Marca te ayudamos a hacer la diferencia. ¡Conócenos!

¿De qué marcas son seguidores?, ¿Piensan que su identidad es coherente con los valores que buscan transmitir?

No olviden dejar sus comentarios.

¡Saludos!

¡Hola que tal chicos!

Una de las tendencias que he visto aumentar con más frecuencia en los últimos años, es el uso de animaciones para explicar ideas, promociones, productos o servicios.

Sin embargo, se han ido convirtiendo en herramientas al alcance de todas las personas, pues algunas aplicaciones como Instagram o Whatsapp, permiten compartir animaciones breves (stories o estados), con posibilidades de incluir gráficos y textos animados.

Si tomamos en cuenta las considerables cantidades de tiempo que los usuarios del mundo digital invierten en ver videos, los motion graphics pueden volverse indispensables para transmitir nuestro contenido.

Podemos decir entonces, que las necesidades de comunicación han superado la barrera de la profesión, en aras de brindar a las personas mejores formas para comunicarse. Y es que, sin lugar a dudas,  el video es el mejor recurso multiplataforma para comunicar un mensaje, contar una historia e inspirar a un público.

Es por eso qué, en esta entrada del blog, hablaremos de los Motion Graphics, qué son y para qué nos sirven, así como de algunas características que te convencerán totalmente de que, utilizarlos para tus proyectos personales o de negocio, es una gran decisión.

¿Diseño, Animación o Motion Graphics?

Sinceramente, la diferencia entre estas 3 áreas es cada vez más sutil, pues los Motion Graphics son elementos gráficos a los que se les da vida a través de la animación. Estos elementos se pueden rotar, escalar o mover, hasta conseguir una secuencia de vídeo o producto multimedia.

En pocas palabras, los Motion Graphics se definen como gráficos multimedia en movimiento y se distinguen de otros tipos de animación por la forma en la que se producen, el bajo costo de su realización, entre otros.

Un viejo conocido

Los motion graphics no son nada nuevo. La realidad es que se han sido utilizado como herramientas visuales desde hace varios años
¿Como reconocer los Motion Graphics de otros tipos de animación?

En realidad es difícil hacerlo, pues comparte elementos con otros tipos de producción en video. Pero podemos ubicar sus siguientes características:

  • Suelen ser en 2 dimensiones, aunque gracias al movimiento, se puede crear la ilusión de 3D
  • Tradicionalmente, las animaciones se realizan en formatos rectangulares apaisados, sin embargo, su uso extendido en diversos medios (web, redes sociales, dispositivos móviles, etc.) han permitido formatos cuadrados o verticales.
  • No todos los elementos en los Motion Graphics tienen que “moverse”, basta con crear esa ilusión. Por ejemplo, un título puede agrandarse, desaparecer o cambiar de color, sin necesidad de estar en movimiento.
  • Suelen usar desvanecidos, zooms, cortinillas de entrada y de salida y cualquier elemento de transición que facilite la transmisión de un mensaje.
  • Al ser un elemento multimedia, reúne en una misma producción elementos de distinta naturaleza: gráficos vectoriales, mapas de bits, vídeo, audio, etc., loq eu sea necesario para hacer un producto impresionante.

¿El futuro, hoy?

Se calcula que en 2019, el 80% del tráfico en Internet será en video
¿Que tipo de Motion Graphics hay?
  • Kinetic/Motion Graphics:  Combinación de texto y diseño gráfico que juegan entre sí acompañados generalmente de música. La clave es un diseño seductor y una buena combinación de los elementos. Son actualmente muy utilizados en campañas de marketing
  • Kinetic Typography:  Están compuestos básicamente por texto en movimiento y aunque suene algo simple, puede ser una técnica muy atractiva. Usualmente va acompañada de un narrador, de esta forma el mensaje se comunica de manera muy efectiva ya que el audio lo refuerza. Aquí puedes ver un buen ejemplo.
  • Cut Out: Consiste en dibujar un personaje y recortar sus extremidades en partes para después unirlas y generar sus articulaciones. De esta forma quedan marionetas que deben animarse cuadro por cuadro (como en stopmotion). Sin embargo, con este mismo principio se puede realizar de forma digital.
  • Motion Graphics + Live Action:  Fusionando los Motion Graphics con la imagen real, es posible crear un efecto impactante. Se utiliza mucho en producciones de tipo institucionales, como campañas electorales o presentaciones de empresas.

Dilo todo en movimiento

Si una imagen vale más de mil palabras.., ¿será que un minuto de video equivaldrá a 1.8 millones?
Principales Ventajas de los Motion Graphics
  • Refuerzan el Storytelling:  Gracias a su versatilidad, contar historias y llegar al publico, es mucho más sencillo y dinámico.
  • Son económicos:  Tanto en tiempo como en dinero, los Motion Graphics son significativamente más baratos, en comparación con otro tipo de producciones.
  • Poseen una gran variedad de estilos: Como cualquier expresión visual, la creatividad es el único límite. Ya sea utilizando fotos, stopmotion, textos o modelos en 3D, podemos encontrar Motion Graphics en estilos inimaginables.
  • Son Multiplataforma:  La gama de dispositivos que reproducen video es enorme. Desde celulares y pantallas de cine, hasta dispositivos GPS y Apps.  Su alcance es increíble.
  • Generan una mejor impresión:  Las personas cada vez pasan más tiempo en internet y se ha demostrado que los videos atraen más la atención y producen mayor impacto al público.

Conectando al mundo

El 92% de las personas en internet, comparten videos

En la actualidad, la publicidad convencional ya no es tan efectiva para atraer nuevos clientes, por ello, muchas personas y empresas están eligiendo este tipo de comunicación por las  ventajas que conlleva.

En Galahad Studio somos profesionales en el desarrollo de estos materiales, deja de gastar en flyers o anuncios costosos para llegar a cientos; Con nuestro servicio de Animación y Motion Graphics te ayudamos a que te vean miles.

¿Ustedes comparten estados animados en sus redes?, ¿Conocen otros tipos de Motion Graphics??

No olviden dejar sus comentarios.

¡Saludos!

¡Hola que tal chicos!

Hoy en día es imposible concebir nuestros días sin nuestros dispositivos móviles. En ellos almacenamos (y en muchas ocasiones pasamos) gran parte de nuestras vidas. Teléfonos de contacto, juegos, mensajes, fotografías y un sinnúmero más de información generamos día con día, la cual convive a través de diversas plataformas y aplicaciones, dispuesta de la manera más práctica para compartirla con quienes queramos a lo largo de todo el mundo.

“A diferencia del papel, el Material Design, se puede ampliar y re-dimensionar de manera inteligente” - Matías Duarte

Sin embargo, pocas veces nos detenemos a pensar en el esfuerzo que ha significado, así como las innumerables pruebas y errores que se han hecho, para lograr que la experiencia de los usuarios (concepto mejor conocido en sus siglas en inglés, UXD) sea la mejor, al utilizar distintas aplicaciones y navegar por sitios web. En gran medida Google, ha destinado buena parte de sus esfuerzos en mejorar continuamente sus aplicaciones, para garantizar la funcionalidad de cada uno de sus productos. En esta entrada del blog, vamos a hablar un poco del Material Design, la gran apuesta de Google para unificar la experiencia de los usuarios a través de distintos dispositivos y plataformas.

El buen diseño y las posibilidades tecnológicas

En pocas palabras, el Material Design, es un lenguaje visual pensado en los usuarios, que sintetiza los principios clásicos del buen diseño y los mezcla con la innovación y las posibilidades que brinda la tecnología y la ciencia. Fue desarrollado por Google y anunciado en la conferencia Google I/O del 2014. Busca mejorar la visualización de Android (obviamente), pero también generar una experiencia unificada de la web en cualquier plataforma y tamaños de dispositivos. Todo esto, a través de una interfaz basada en tarjetas, como se vio por primera vez en Google Now.

Quien sepa de diseño web o de desarrollo de apps, sabrá lo difícil que es lograr hacerlas funcionar correctamente, considerando todos los tamaños de dispositivos y resoluciones que existen actualmente en el mercado. De ahí la importancia y utilidad de esta propuesta de Google.

Experiencia unificada

La división en bloques o tarjetas, juega un papel importante en el Material Design
La materia como metáfora

La realidad es que, por más “digitalizada” que sea nuestra vida hoy en día, nuestra concepción y entendimiento del mundo, lo realizamos a través de todo el conjunto de sentidos que tenemos. Es decir, tenemos la capacidad de anticipar circunstancias gracias a la apariencia (o sonido, olor o sabor, etc.) de las mismas.

Por ejemplo, sabemos que algo está a punto de caer, cuando detectamos una falta de estabilidad en el objeto. Esta lógica, ha sido llevada al desarrollo del Material Design, al buscar generar una analogía entre un espacio real y el “espacio” que tenemos dentro de una web o aplicación.

De esta manera, las superficies y los bordes de los elementos dentro de una app o web, buscan proporcionar pistas visuales basadas en la realidad, ayudando a los usuarios a comprender rápidamente las posibilidades. Sin embargo, la flexibilidad del Material Design, permite también la creación de nuevas posibilidades que reemplazan a aquellas en el mundo físico, sin romper las reglas de la física misma. Se trata de la posibilidad de volver un espacio digital bidimensional, en uno tridimensional.

La luz crea espacio

En el Material Design, al generar luces realistas en los objetos, podemos definir jerarquías o insinuar ``interactividad``
Nada es dejado a la suerte

El fundamento básico del Diseño, es la composición, así como sus elementos formales (tipografía, cuadrículas, espacio, escala, color, imágenes, etc.) y estos guían las desiciones visuales dentro del Material Design.

Pues justo son estos elementos los que crean jerarquía, significado y enfoque. Las elecciones de color, las imágenes de borde a borde, la tipografía a gran escala y el espacio en blanco intencional, crean una interfaz gráfica que sumerge al usuario en la experiencia. Una buena composición logra mucho más que simplemente agradar a la vista.

La interacción de la forma

Al resaltar elementos con colores contrastantes, se genera una respuesta en el usuario para interactuar con ellos
El movimiento, significa

Dentro del Material Design, se considera al movimiento como el motor principal de la experiencia de usuario, pues las interacciones dentro de una app transforman y refuerzan todo el diseño en ella, buscando siempre no romper la continuidad de la experiencia misma.

De esta manera, el movimiento no sólo atrae la atención, si no que se vuelve un elemento significativo, permitiendo enfocar la atención y mantener la continuidad del usuario.

Transformaciones activas

El movimiento dentro de una app, puede facilitar la lectura del contenido de la misma

Como podemos ver, el Material Design no se trata de código o lenguajes de programación, sino de diseñar para personas reales. Esta propuesta de lenguaje visual, nos permite regresar a los principios básicos del Diseño, en dónde menos es más. Es por ello que en Galahad Studio creemos que el diseño importa, porque importan las personas para las que es creado.

¿Ustedes conocían este desarrollo?, ¿Creen que la unificación en el lenguaje visual, es una oportunidad o una limitante?

No olviden dejar sus comentarios.

¡Saludos!

Abrir chat
1
¿Dudas? ¡Hagamos tu proyecto realidad!
¡Saludos Capitán!

Soy Avalon IV, tu asistente virtual a bordo de Galahad Studio...

¿Tienes un proyecto en mente? ¡Déjanos orientarte! y recibe un descuento especial, en el primer proyecto que desarrollemos juntos.

Envíanos un mensaje y ¡Comencemos!