Seleccionar página

La importancia del color en el diseño

black grey

Utilizar una escala de grises para hacer un buen logotipo

Si en anteriores posts hemos hablado del porqué de no dejar en manos de cualquier el diseño de tu logotipo, hoy quiero hablaros de la importancia del color a la hora de diseñar un buen logotipo.

Todo buen logotipo debe basar su diseño en una sola tinta. Si el logo está bien diseñado, empezará a tener personalidad cuando empecemos a añadirle el color, de esta forma podremos darle el enfoque que la empresa quiere representar en él: fuerza, carisma, intensidad, elegancia, movilidad, actividad, relación, relajación…

El color puede ser una distracción a la hora de elegir un diseño, de hecho puede que incluso un cliente rechace un diseño porque no se centre en la forma, espacio y contenido.

 

Hay que concentrarse en la forma, espacio y contenido

Para crear una buena marca, creo que hay que centrarse en la forma y el espacio que va a tener el diseño, por esta razón es conveniente empezar a diseñar en blanco y negro o escala de grises, de esta forma podrás concentrarte más en los elementos claves y áreas del diseño.

 

 

color

El poder del color

El color puede cambiar completamente la forma en que vemos y entendemos algo, ya que los colores producen distintas sensaciones y pueden influir en nuestras emociones, sentimientos y en el significado de ciertas cosas.

Los colores influyen fuertemente en la simpatía de los consumidores en decantarse por una marca y no por otra ya que el significado de los colores que se vayan a emplear en un logotipo va a influir en la percepción del consumidor, por lo que esta decisión debe tenerse en cuenta para el proyecto de diseño de una marca exitosa.

Si empezáramos con el color de inmediato, los conceptos e ideas en un color en particular, puede influirnos de la misma forma que trabajan en cualquier otra persona (consumidor), lo que influiría en decisiones de términos de forma, espacio y contenido.

Y aunque esto no es necesariamente una mala idea, ya que una paleta predeterminada sin duda podría ayudar a inspirar y dictar la dirección de un diseño, esto simplemente es una sugerencia de metodología, no es un requisito, solo es una de las miles de maneras de guiarse para hacer un marca exitosa.

 

En definitiva

En todo caso espero que os sirva a modo de inspiración para los que nunca habías pensado en una metodología de trabajo así que al igual que yo, he encontrado investigando un poco sobre el tema del color y significados en diseños.

Me interesaría conocer si habéis utilizado esta forma de trabajar alguna vez, ¿como os fue siguiendo este método? ¿conocéis otras formas de trabajar al empezar un proyecto de tanta importancia como es el diseño de una marca de identidad?

 

En Digiworks | Lo que nadie te cuenta del fracaso personal o profesional

Imágenes | Mixtribes, Joseph Nicolai,

5 consejos para petarlo con tu web

Tu sitio web ya está terminado y te encanta como ha quedado pero ahora toca mantenerlo, actualizarlo y realizar las mejoras oportunas a un ritmo constante. Una página web es una herramienta de venta viva que no puedes esperar que venda sola. Cuanto más tiempo y dedicación inviertes en ella, más éxito y feedback recibirás por tu público.

A continuación te dejo 5 consejos para petarlo con tu web y mejorar el tráfico de tu web:

 

Usa el freno de mano

Espera un momento para, relájate y toma perspectiva. Muchas veces hay tomar distancia para saber en qué punto nos encontramos y ver a donde queremos llegar con nuestro proyecto web. Bien, ahora que estás un poco más tranquilo conviene echar un vistazo a tu página web, revisarla bien y preguntarte… ¿en qué aspectos puedo mejorarla?, ¿funciona todo correctamente?, ¿qué nivel de seguridad frente a ataques tiene mi site?, ¿todos los textos están actualizados?, ¿hay alguna funcionalidad que podamos añadir que mejore la experiencia de usuario?

Repasa bien todas las páginas y secciones de tu web, el diseño, los procesos y pasos por los que pasa un usuario antes de realizar las acciones que tenemos como objetivo, haz una lista de las mejoras susceptibles de realizarse y paso a paso sigue mejorando tu herramienta de venta.

 

Ponte en el lugar de tu cliente

Es muy interesante ponerse en el papel de tu posible comprador: ¿qué es y cómo buscan en nuestro sitio web?, ¿qué hacen al llegar a nuestro site?, ¿qué piensan cuando van a comprar cierto producto?

Hacer este ejercicio te permitirá acercarte a tu página web desde el punto de vista de tus visitantes y detectar posibles correcciones o mejoras en tu web que ayuden a aumentar tus contactos o ventas.

¿Este ejercicio parece obvio verdad? Pues hay muchos (demasiados) gestores de webs que olvidan esta parte, la opinión y experiencia de los usuarios finales.

 

Haz una revisión técnica constante

Asegúrate que tu web esté siempre actualizada. A día de hoy, hay más de 70.000.000 de sitios web realizados con WordPress. Así que hay muchas posibilidades de que tu web esté montada en WordPress.

Es difícil determinar cual es el mejor CMS (Content Management System) del mercado pero si podemos conocer cuales son los más populares. Después de WordPress, Joomla y Drupal son los gestores de contenido más utilizados del mundo. Los 3 disponen de múltiples plugins o módulos complementarios que ayudan a mejorar nuestro sitio web.

No importa que sistema uses, lo importante es mantenerlo siempre actualizado. El motor, las plantillas, los módulos, los plugins etc. Asegúrate de que todo está actualizado y correctamente en línea para que tu web funcione lo mas rápido y de la forma más segura posible.

 

Usa las Redes Sociales para aumentar tus ventas

Si quieres sumergirte en el mundo de las redes sociales puedes comenzar por las dos más utilizadas del mundo, Facebook y Twitter, e ir ampliando tu presencia en otras también muy utilizadas como Google+, Linkedin y Pinterest.

Las redes sociales son nuevos canales de comunicación muy interesantes si quieres aumentar la visibilidad de tu marca y tus productos y servicios, y una herramienta fantástica para conectar con clientes potenciales.

Asegúrate que cuando crees un perfil social de tu empresa lo mantengas activo, es decir, que compartas contenido, respondes a dudas y preguntas, participes en la conversación, etc. No hay nada peor que la famosa página de noticias donde la última es de hace 3 años. (desierto…. grillos….)

 

Analiza y aprende sobre tus visitantes

Puedes consultar tu tráfico web y el comportamiento de los visitantes en Google Analytics (únicamente si tu proveedor ha añadido el código de seguimiento). Vía Analytics se puede obtener información super valiosa sobre la procedencia de tu tráfico web, las páginas más visitadas, en qué horario recibes más tráfico, qué temas son los que más gustan a tu audiencia y se puede captar muchísimo más data de comportamiento.

Analiza esos datos y podrás hacer ajustes y decisiones para tu web que estén basados en argumentos reales.

No realices cambios a lo loco sólo porque tu primo te ha comentado algo, se lo has ecuchado a un amigo o porque lo has leído en algún sitio. Hazlo porque sabes que va a mejorar a largo plazo la usabilidad, tráfico y ventas de tu sitio web.

 

En Digiworks | Mag+, el superplugin para publicaciones digitales

Sass, el css con superpoderes

sass

En este artículo vamos a hablar de uno de los preprocesadores CSS más utilizados del mercado, Sass o Syntactially Awesome Stylesheets.

 

¿Que és?

Sass es una extensión de CSS que nos permite usar mecanismos de lenguajes de programación orientado a objetos, es decir que nos permite usar variables, anidamientos, herencias y mucho más.

Es sin duda una facilidad para organizar y mantener código CSS.

Los archivos en Sass son de extensión .sass o .scss. Al guardar nuestro archivo .sass o .scss el intérprete de Sass traduce SassScript (el lenguaje de script en si mismo) en CSS, y de esta manera puede crear un archivo .css de salida.

 

 

 

 ¿Como instalarlo?

Sass puede usarse de 3 maneras, como una herramienta en línea de comando, como un módulo de Ruby o como un plugin para aplicaciones de edición de código.

Si no estas cómodo usando la línea de comando puedes descargar e instalar SCOUT, que permite trabajar con Sass para compilar a .css

Usar SCOUT es muy fácil, solo tienes que instalar, abrir y añadir un proyecto nuevo donde seleccionas la carpeta de entrada de donde vendrá el archivo .scss y la carpeta de salida donde se compilará el .css

Esos son los 2 únicos parámetros que harán falta para empezar, después le daremos al botón Play y veremos como cada vez que guardamos nuestro archivo .scss los cambios se verán reflejados en la ventana de SCOUT y nuestro archivo .css en la carpeta de salida se habrá actualizado.

scout-1-o     scout-2-o

 

Para más detalles sobre la instalación de Sass a través de la línea de comando visita la documentación, encontrarás paso a poso como instalarlo http://sass-lang.com/documentation/file.SASS_REFERENCE.html

 

Algunos ejemplos de la sintaxis

Los Anidamientos, unos de mis favoritos, nos permite ahorrar muchas líneas y repeticiones en el código.

En Sass escribiríamos:

/* Sintaxis SASS*/
#contenedor {
  background:#dceaf5;
  
  p, div {
      font-size: 12px;
      span, a {
         text-decoration: underline;
      }
  }
}

En CSS el equivalente sería:

/* Sintaxis CSS*/
#contenedor {
  background: #dceaf5;
}

#contenedor p, 
#contenedor div {
  font-size: 12px;
}

#contenedor p span, 
#contenedor p a, 
#contenedor div span,
#contenedor div a {
  text-decoration: underline;
}

¡¿Fantástico verdad?!

 

Otro ventaja muy práctica, las Propiedades anidadas.
En CSS hay propiedades con el mismo prefijo como puede ser font-family, font-size, font-weight…. con Sass podemos escribir:

#mi-parrafo{
  font: {
    family: Arial;
    size: 12px;
    weight: bold;   
  }
}

Lo que se compilará en CSS de esta manera:

#mi-parrafo {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}

 

Y cuantas veces hemos puesto el grito en el cielo al tener que cambiar por ejemplo el color principal de nuestro diseño, un valor que puede estar 20 veces en el css, Sass nos ayuda con esto al poder usar Variables.

$colorPrincipal : #dceaf5;

#contenedor {
  background: $colorPrincipal;
}

Bueno, con esto os podéis hacer una idea de lo poderoso que es Sass y lo altamente recomendado que és para desarrolladores. Aquí he puesto tan solo unos ejemplos básicos pero hay muchísimo más por ver, pásate por la documentación de Sass y échale un ojo a todo lo que tiene que ofrecer http://sass-lang.com/

banner-tienda-online

 

Imágenes | Scout

Digiworks | Cómo editar archivos de Oficce sin tenerlo instalado en el ordenador

Necesito una página web: Profesional vs Particular, tu primo en particular

fish web design

Alguna vez puedes encontrarte en la situación de necesitar un sitio web para tu negocio y no saber muy bien qué camino tomar. Lo primero que puede pasarte por la cabeza es hablar con alguien cercano, por ejemplo un primo o un amigo informático para intentar ahorrarte unos eurillos.

Pues bien, lo que quiero comentar en este post son precisamente las diferencias entre que la web te la haga tu primo y una empresa especializada.

 

Porque escoger a tu primo te saldrá más caro

 

  • La calidad del diseño web nunca será comparable a la aportada por una empresa especializada.
  • Los objetivos a alcanzar pueden no estar bien definidos desde el inicio y esto puede hacer que fracase estrepitósamente.
  • Descuidar aspectos como el posicionamiento web puede hacer que tu web no aparezca entre los resultados de Google.
  • Un diseño pobre puede afectar negativamente a la imagen de marca de tu negocio y transmitir los valores que realmente quieres comunicar.

 

 

diseño web

 Una web es más que diseño

 

En el caso en el que tu primo sea una persona cercana y además controle de informática no siempre tiene porqué saber de programación web o estar al día en este este mundillo en constante cambio. Puede que se haya especializado en redes y sistemas, en reparación de ordenadores o incluso que simplemente no le interese el tema. La informática abarca muchas disciplinas y es muy difícil controlarlo todo. Pero si efectivamente tiene los conocimientos y la experiencia necesarios, no es mala opción pedírselo, pero pensando a medio y largo plazo puede que la situación de llevar la web al día, actualizada con contenido de calidad y posicionada lleve a algún que otro roce, o en el peor de los casos, en la enemistad total y lanzamiento de objetos.

Con una empresa especializada en Diseño Web y Marketing online puedes sentarte a analizar los requerimientos y ajustar el proyecto a tus necesidades durante todo el proceso. Conviene recordar también que una página web no se mantiene sola y no escala hasta los primeros puestos de Google por pura iniciativa sino que requiere unas labores de marketing, estudio y actualización constantes.

 

Por estos motivos y además porque una empresa te ofrece unas garantías que un particular no puede ofrecerte, la solución de contratar una web a través de una empresa especializada tiene más ventajas a medio y largo plazo que hacerlo con un particular. Si empiezas a ver la creación de tu sitio web como una inversión y no como un gasto, empezarás a obtener resultados positivos mucho antes.

web-wordpress
Si todavía no lo has hecho, echa un vistazo a nuestros planes de precios y  seguro que encuentras alguno a tu gusto y/o necesidades.

Imágenes | Rob Moore, Benjamin Gray

En Digiworks | 6 pasos para petarlo con tu estrategia SEO de contenidos, 10 estrategias de contenido que dispararán el SEO de tu web.

Seguridad en WordPress: no dejes tu casa abierta a desconocidos

seguridad en wordpress

 

Ahora que muchos nos marchamos de vacaciones y nos preocupamos por dejar las puertas de nuestras casas bien cerradas, es hora de que también reflexionemos sobre la seguridad en WordPress y cuáles de nuestras acciones pueden tener desagradables consecuencias para la protección de nuestros datos.

 

Es posible que, sin darte cuenta, tu blog o web de empresa no esté suficientemente protegida contra posibles ataques de seguridad en WordPress, y que debas ocuparte de analizarlos y protegerlos convenientemente.

 

Te quedes en casa o te marches de vacaciones, ten en cuenta que si no tomas las adecuadas medidas de seguridad en WordPress puedes ser vulnerable a un ataque malicioso, así que hoy te recomendamos que no dejes “tu casa” abierta a desconocidos.

(más…)