Si estĆ”s leyendo este artĆ­culo es porque quieres tener un diseƱo web profesional, Āæverdad?

PermĆ­teme decirte que no eres ningĆŗn bicho raro, todo lo contrario.

Hoy en dĆ­a, todos los negocios, empresas, blogs o tiendas online quieren tener un diseƱo web profesional y que su pĆ”gina estĆ© a la Ćŗltima en cuanto a tendencias creativas.

Todos queremos una web espectacular, creativa, diferente, que cargue rƔpido.

De hecho, me suele llamar la atenciĆ³n cuando un cliente me pide presupuesto para diseƱar su web y me dice lo siguiente: quiero que la web sea bonita, que funciona bien y refleje mi personalidad.

Y yo me quedo pensando: claro, como todo el mundo ?ā€ā™‚ļø

Ā”De fotocopias estĆ” lleno el mundo!, Āæno crees?

Todos hemos asumido que para estar en internet necesitamos una imagen trabajada, un diseƱo profesional que ademƔs represente los valores de nuestro negocio o marca.

Entonces, Āæpor quĆ© sigo escuchando / leyendo frases del tipo «la web me la va a hacer mi sobrino» o «compro una plantilla y monto la web yo mismo»?

Asƭ es, son solo un par de ejemplos de los comentarios que recibimos los diseƱadores web cuando entregamos un presupuesto.

(Si hay algĆŗn diseƱador en la sala, puede confirmarlo en los comentarios).

Querido inepto, Āæde verdad que tĆŗ o tu sobrino, por muy avispados que seĆ”is, vais a conseguir el mismo resultado que un diseƱador web freelance con aƱos de experiencia?

ĀæAcaso cuestionas al fontanero que va a tu casa a arreglar la reparaciĆ³n de tu caldera?

No, Āæverdad?

Entonces, Āæpor quĆ© subestimas el trabajo de un diseƱador web profesional? (y esto lo extiendo al DiseƱador GrĆ”fico, Community Manager, fotĆ³grafo y creativo en general).

CĆ³mo diferenciar un diseƱo web profesional de uno amateur (o chapucero)


SĆ­, he utilizado la palabra «chapucero». Te sorprenderĆ­an las verdaderas chapuzas que me encuentro a diario en algunas pĆ”ginas web en WordPress.

Por ese motivo he querido crear este post, para enseƱarte a reconocer una pƔgina chapucera de un diseƱo web profesional.

Porque no nos engaƱemos, puede que una pƔgina tenga un diseƱo mƔs o menos acertado, pero detrƔs de una web hay muchos mƔs elementos.

Algunos de ellos son:

CĆ³mo diferenciar un diseƱo web profesional de uno amateur (o chapucero)

#1 DiseƱo

Como no podƭa ser de otra manera, el primer indicador para detectar una web amateur en vez de un diseƱo web profesional es el diseƱo.

Y con el diseƱo no solo me refiero a cĆ³mo estĆ” el contenido, sino a la maquetaciĆ³n de cada uno de los elementos de la pĆ”gina: imĆ”genes, textos, alineaciones, mĆ”rgenes, etc.

Otros aspectos para detectar un mal diseƱo web son:

  • La plantilla. Si el «autor» del diseƱo ha dejado la plantilla que viene por defecto cuando instalas WordPress o usa una plantilla gratuita, es un mal diseƱo. Ā”OJO! No tengo nada en contra de los temas grautĆ­tos (para nada), pero hay plantillas y plantillas.
  • Los colores. La paleta de colores es otro de los indicadores, para mĆ­ uno de los fundamentales en cuanto a diseƱo. Si los colores de la web estĆ”n elegidos sin ningĆŗn criterio y los diferentes tonos de la paleta no guardan relaciĆ³n unos con otros, no es un diseƱo web profesional. En mi opiniĆ³n, elegir bien los colores es muy importante (y a la vez difĆ­cil) para que la web tenga la personalidad que se merece.
  • Las imĆ”genes son otro indicador muy sencillo para diferenciar un mal diseƱo web de uno profesional. Si las imĆ”genes no tienen calidad, estĆ”n mal ajustadas en cuanto a tamaƱos o ya las has visto antes en otras 50 pĆ”ginas, estĆ”s antes un mal diseƱo.
  • Y lo mismo sucede con el resto del material grĆ”fico (ilustraciones, iconos o vectores).

Si quieres algunas ideas chulas para tu web, Ʃchale un vistazo a estas herramientas para encontrar pƔginas web creativas.

#2 OrganizaciĆ³n

El segundo aspecto que me indica si una pĆ”gina tiene un diseƱo web profesional es su estructura y la organizaciĆ³n de su contenido.

Aspectos relacionados con la organizaciĆ³n de una pĆ”gina web que debes observar son:

  • El menĆŗ. La organizaciĆ³n de las diferentes pestaƱas del menĆŗ es uno de los primeros indicadores en los que me fijo. Por ejemplo, nĆŗmero de elementos (que no tenga demasiados), desplegables (cuando un menĆŗ tiene muchos submenĆŗs no estĆ” teniendo en cuando la usabilidad para el usuario), la ubicaciĆ³n del menĆŗ, si hay varios menĆŗs en la pĆ”gina (uno principal y otro secundario).
  • El contenido. La organizaciĆ³n del contenido tambiĆ©n es importante y hace referencia a elementos como categorĆ­as, subcategorĆ­as, pestaƱas o etiquetas.
  • Otras variables / Filtros. En el caso de un ecommerce, por ejemplo, que los artĆ­culos se filtren por colores, tallas, promociones, etc.

#3 OptimizaciĆ³n

Otro punto fundamental para diferenciar un diseƱo web profesional de uno amateur es su nivel de optimizaciĆ³n.

Y aquƭ no hay dudas. O tienes experiencia en diseƱo web o dudo que sepas optimizar WordPress como un profesional.

ĀæQuĆ© elementos son clave cuando hablo de optimizaciĆ³n de un sitio web?

  • Velocidad de carga. Este es un tema del que ya he hablado en varias ocasiones. Tener una pĆ”gina que cargue rĆ”pido es fundamental a dĆ­a de hoy, es algo que se nos estĆ” demandando mucho a los diseƱadores web.
  • ImĆ”genes. Tener las imĆ”genes optimizadas es uno de los factores que afectan en la velocidad de carga. Cuando hablo de optimizaciĆ³n de imĆ”genes, me refiero a su peso y tamaƱo.
  • CachĆ©. Otro de los factores que mĆ”s afectan a la velocidad de carga de un sitio web es la carga bajo cachĆ©.
  • Limpieza de la base de datos. Por Ćŗltimo, no me quiero olvidar de la base de datos de WordPress, que debe estar limpia y optimizada para el correcto funcionamiento de la web.

ĀæEstĆ”s seguro de que tu primo o cuƱado saben optimizar todos estos elementos? šŸ˜‰

#4 SEO

Con el SEO pasa un poco lo mismo que con la optimizaciĆ³n, o lo controlas o no lo controlas.

Y a dĆ­a de hoy, con el nivel de competencia que hay en Internet para todos los sectores, necesitas tener al menos unas nociones.

No hace falta que te conviertas en Dean Romero o Luis Villanueva, pero para que tu pƔgina tenga un diseƱo web profesional, necesitas que te suenen al menos estos conceptos:

  • TĆ­tulo SEO. TĆ­tulos para SEO, asĆ­ como estructura de tĆ­tulos (h1, h2, h3…).
  • Meta descripciĆ³n. Son etiquetas SEO que te permiten establecer una descripciĆ³n del contenido para los buscadores.
  • Keyword research. Debes manejar alguna (o varias) herramientas que te muestren las palabras clave relacionados con tu actividad o negocio y que te interesan posicionar en Google, asĆ­ como su nivel de competencia y grado de dificultad.
  • Copywriting para SEO. Una vez tienes claras las keywords que quieres posicionar, necesitas redactar textos adaptados a SEO, siguiendo una estructura de tĆ­tulos y una densidad correcta de la palabra clave, por ejemplo.

Y no sigo, que no te quiero asustar.

Si optas por una web diseƱada por tu primo, asegĆŗrate que controla todos esos conceptos šŸ˜€

#5 Servicios complementarios

Y por Ćŗltimo, otro punto que me permite reconocer un diseƱo web profesional es el relacionado con los servicios complementarios y los extras.

Por supuesto, una pĆ”gina tiene extras de los que no te puedes olvidar y en este tipo de detalles es dĆ³nde se ve si es un diseƱo web profesional o si estĆ” hecha por un sobrino / primo / cuƱado.

Algunos de estos extras son:

  • Twitter Cards. Son los tuits enriquecidos que muestran la informaciĆ³n multimedia de los artĆ­culos y pĆ”ginas de un sitio web. Te cuento todo sobre las Twitter Cards aquĆ­.
  • Metadatos Open Graph en Facebook. Al igual que en Twitter, Facebook tambiĆ©n muestra informaciĆ³n multimedia cuando compartes un enlace de tu web.
  • Google Analytics. Crear una cuenta en Analytics y vincularla con tu pĆ”gina web es fundamental para estar al tanto de tus estadĆ­sticas.
  • Search Console. Es la herramienta de Google que te permite verificar la propiedad de tu web de cara al buscador, asĆ­ como avisarle para que la indexe.

AquĆ­ puedes ver un ejemplo de las dos primeros en el caso de esta web.

5 claves para identificar un diseƱo web profesional y de calidad
Facebook Open Graph

5 claves para identificar un diseƱo web profesional y de calidad
Twitter Card

No te olvides de la lista de elementos que debes revisar antes de lanzar una web šŸ˜‰

5 claves para identificar un diseƱo web profesional y de calidad

En definitiva, hoy en dƭa cualquiera puede crear un sitio web. Las herramientas (plantillas, bancos de imƔgenes, editores visuales para WordPress, etc) estƔn ahƭ, al alcance de todos.

La diferencia entre un diseƱo web profesional y uno amateur estĆ” en el uso de esas herramientas, de la creatividad a la hora de ordenar la estructura de la pĆ”gina y de mostrar la informaciĆ³n, asĆ­ como de la destreza para de plantear soluciones creativas.

Existe un concepto al que me gusta llamar la magia del diseƱador y que estoy convenido de que tu sobrino o cuƱado no tienen šŸ™‚

De ahĆ­ mi lema: Cautiva, Fascina, Enamora ā¤ļøļø

Recuerda que, si necesitas ayuda con tu pĆ”gina, puedes echarle un vistazo a mi servicio de diseƱo web šŸ˜‰

Portada: Responsive website / Shutterstock

Summary
5 claves para identificar un diseƱo web profesional y de calidad
Article Name
5 claves para identificar un diseƱo web profesional y de calidad
Description
CĆ³mo diferenciar un diseƱo web profesional de uno amateur (o chapucero): #1 DiseƱo #2 OrganizaciĆ³n #3 OptimizaciĆ³n #4 SEO #5 Servicios complementarios
Author
Publisher Name
Max CamuƱas
Publisher Logo