Tips diseño web

Tips para diseñar tu web

Diseñar un sitio web en WordPress está al alcance de todos, por eso hoy quiero darte unos tips o consejos para que tengas en cuenta.

Pero ten presente, siempre si crees que algo te parece que funcionará, pruébalo!

No te bases en lo que digan los demás, sino en tu propia experiencia 😉 y para ello hay que equivocarse, es parte del proceso…

Todo lo que exponga aquí por supuesto es bajo mi punto de vista pero con la intención de hacerte pensar a la hora de ir creando tu proyecto.

 

Tips para diseñar tu web

En estos tips mencionaré algunos aspectos más técnicos y otros más enfocados al diseño en sí mismo.

Mucho de lo que te contaré es lo he ido aprendiendo e implementando.

Ser curioso siempre digo que es una de las mayores ventajas que puedes tener, algo no sabes, busca, no entiendes, prueba, pero no te quedes quieto.

Este no es solo un consejo para diseño web sino para cualquier actividad que te propongas realizar 😉

 

Comenzamos?

 

Hosting y Dominio

Una vez que decidas tener tu sitio web, necesitarás saber donde lo alojarás y cual será el dominio o “nombre” que tendrá.

No escatimes en tu elección del hosting, te diré una frase muy trillada pero…

lo barato sale caro

Así que apuesta por un servicio bueno y con buen soporte, si no te manejas con el inglés y menos en cuestiones técnicas busca uno en castellano.

Ya sabes que si me preguntas, mis recomendaciones son Webempresa o Raiola Networks.

Y piensa bien el dominio, que sea fácil de recordar, de escribir y por supuesto defina tu proyecto.

Si vas a crear tu Marca Personal lo mejor será tu propio nombre 😉

 

Elegir un buen Tema

Para arrancar con el diseño lo primero será tener un tema sobre el cual trabajar.

Y es muy importante que busquemos uno que se adapte a nuestro proyecto o que nos permita personalizar de acuerdo a lo que queremos conseguir con nuestra web.

Puedes encontrar temas para todos los gustos y de todos los colores!

Este sitio por ejemplo lo tengo hecho con Bridge y lo he podido personalizar de acuerdo a mi estilo, pero te repito, tienes muchísimos para ver, revisa, busca y si quieres probar alguno gratuito no tienes más que instalarlo y ver si es lo que buscas.

También puede mirar la opción de DIVI que es genial o algunos otros de Themeforest.

O bien Generate Press + Elementor en sus versiones PRO mucho mejor 😉

 

Haz tu sitio seguro

En principio utiliza el certificado SSL en tu web, busca un hosting que te brinde ese servicio, los que te he recomendado por supuesto lo tienen a tu disposición.

También genera contraseñas fuertes y cambia el acceso a tu panel de WordPress.

Si quieres saber más puedes ver este post de Raiola en Marketing and Web.

 

Diseño UX/UI

Haz que el sitio tenga un diseño en el cual la experiencia del usuario sea satisfactoria.

Ponte en sus zapatos, dale lo que necesita y genera una interfaz de fácil acceso a lo que el usuario precisa.

No hace mucho vi una web que estaba muy bien el diseño realizado en 360, pero realmente no era para nada pensado en el usuario que llegaría a ese sitio.

Llegas, todo muy lindo pero no sabes donde ir… y te cambia la cara…

 

Esto inlcluye muchos otros detalles que te detallo aquí debajo

 

Responsive

Que sea responsive ya es imprescindible! En un diseño web hoy en día es el primer punto que debe mirar.

Cada vez es mayor el número de usuarios que acceden desde su móvil así que olvídate de tener una web que no se adapte a cualquier dispositivo.

 

No incluyas música

Bueno, por suerte esto de poner música ya no se utiliza en casi ningún sitio pero nunca está de más recordarlo 😉

Es bastante molesto entrar a una página y que de golpe te salte música que encima muchas veces no sabes por donde apagar y ante esto qué haces?

Claro, te vas! Cierras y ya no regresas, sintiéndote aliviado….

 

 

Ten fotos de calidad

Lo visual en un sitio web es fundamental, así que invierte en un fotógrafo profesional para que las imágenes sean de calidad.

Si quieres utilizar fotos de bancos de imágenes, busca invertir en buenas fotos, recuerda que tu web será lo que vena tus clientes y no creo quieras dar una mala imagen.

 

 

No llenes de banners tu sitio

Si quieres puedes poner algunos, no digo que no, todos lo hacemos, pero hazlo en su justa medida.

Que el usuario entienda tu web y no crea que está por una calle comercial sin saber en qué negocio entrar.

Otro motivo por el cual puede querer salir corriendo y buscar otro sitio.

 

Que tu sitio “respire”

Qué quiero decir con esto?

Que dejes que cada fila de tu sitio respire, déjale un margen suficiente, que no quede el contenido “pegado“.

También intenta que sea igual la distancia que divide una fila de otra. Muchas veces debemos verlo visualmente ya que puedes colocar 100px en todos y a la vista uno necesitar 90px, dependerá de lo que vayas incluyendo, ya sea texto, botones, imágenes.

 

Optimiza las fotos

Este es un error bastante común, sobre todo cuando comienzas.

Las imágenes deben estar optimizadas para que la web cargue más rápido.

Además es innecesario tener una imagen inmensa si luego no se verá con la calidad que la has subido 😉

 

Carga de imágnes

Coloca el texto ALT y la descripción de las imágenes que subas a tu sitio.

Esto ayudará a que Google entienda de qué van esas imágenes y te ayude a posicionar.

subir imagenes en tu web

 

Utiliza los colores coherentemente

Si ya tienes tu logo y tu imagen de marca creada, debes utilizar esos colores para tu sitio.

En caso de no tenerlos primero deberías realizar este paso para luego dar forma al sitio con tus colores corporativos.

Mi consejo es que elijas 2 o 3 colores con los cuales poder diseñar, para ello cuentas con un montón de herramientas que nos cuenta Max.

 

Fuentes

No, por Dios!

 

Intenta, al igual que los colores, tener definidas 2 o 3 fuentes como máximo para la construcción del sitio.

También cuida el tamaño que eliges y mantenlo en todo el sitio igual.

Utiliza un mismo tamaño para tus H1, H2, textos.

Claro que puede haber una variación pero que tenga un justificativo, que no sea algo que desentone en tu sitio y de una mala imagen.

 

Cuidar la ortografía

Hoy no tienes excusas!

Escribe en Word y verifica que todo esté bien, si tienes dudas el “mata burros” o sea el diccionario va a ayudarte, no escribas con errores ortográficos!

 

Controla los links

Muchas veces colocamos enlaces en nuestro sitio y pasa el tiempo sin que revisemos que todos sigan funcionando correctamente.

Esto puede ser una tarea engorrosa pero cuentas con una herramienta que te ayudará.

De vez en cuando tómate un tiempo y controla que tu web funcione correctamente.

 

Implementa buscador en el Blog

Sí, la típica “lupa” que ayude al usuario a encontrar lo que busca.

Esto es muy útil, a veces sé que quiero leer un post y no recuerdo la fecha o bien no tengo el tiempo de buscarlo en cada página, entonces utilizo el buscador que seguramente me dará el resultado que estoy buscando.

ebook gratis herramientas

 

Colocar enlace a RRSS o para compartir

Recuerda que hoy las RRSS son fundamentales en una estrategia de marketing, así que coloca botones para que puedan seguirte y si tienes Blog también para compartir.

Es increíble pero en algunos Blogs no está tan fácil esta opción de compartir o seguir, lo cual me parece poco estratégico ya que creo todos queremos que nuestros contenidos lleguen a más personas de las que visitan nuestra web habitualmente.

Hazlo fácil al usuario 😉

 

Ten un buen menú de navegación

 

Te ha pasado entrar y tener tanto menú que no sabes para dónde ir?

Entiendo que muchos dicen que cuantos menos click haga el usuario es mejor, pero creo dependerá de cada proyecto.

Ya verás si es indispensable o mejor hacer algo claro aunque deben llegar con dos click en vez de uno 😉

 

Llamadas a la acción

Qué importante es esto!!!!

Para atraer a tus usuarios a realizar las acciones que quieras que realicen, utiliza botones de llamada a la acción que sean visibles, que resalten en tu web, claro tampoco te vayas a un color flúo… excepto tu marca lo requiera 😉

 

Formulario de contacto

Fundamental tener un Formulario de Contacto en tu sitio!

Puedes poner tu teléfono, incluso a la vista el email pero siempre es bueno contar con un medio desde la web para que se comuniquen contigo.

Debes verificar que funcione correctamente, me ha pasado volverme loca con un sitio ya que no lograba que funcionara, aunque parezca muy sencillo pruébalo!

Y por favor responde cuando alguien te escriba 😉

 

Manten la información actualizada

Nada peor que encontrarte con un sitio desactualizado, con información antigua y datos erróneos.

Pierde toda seriedad, pierdes confianza así que recuerda estar en estos detalles.

 

Longitud de los textos

Está muy bien que pongamos información, después de todo quienes nos busquen querrán saber de nosotros pero no sobrecargues con párrafos tus páginas.

Hoy en día puedes utilizar otros formatos con íconos y breve descripción de lo que haces o por qué trabajar contigo.

Ya nadie se detiene horas a leer, puedes incluso incrustar un video para hacer más fácil al usuario conocerte.

Brinda la información justa y necesaria.

 

Utiliza párrafos cortos

En tus post no abrumes al lector con párrafos largos, recuerda que se hace mucho más sencillo leer párrafos cortos y también resaltando en negritas los conceptos más relevantes.

Tu lector te lo agradecerá 😉

 

Diseño personalizado

Aunque estemos utilizando WordPress y temas o plantillas prediseñadas siempre puedes crear de manera diferente, no utilices la plantilla tal cual viene por defecto.

A pesar de tener una base te aseguro la puedes modificar por completo y no parecerse en nada a otra web que utilice el mismo tema.

 

Describe tus productos o servicios

Si bien más arriba hablamos de la extensión, es importante que no olvides que necesitas expresar lo que ofreces en tu web, ya sean productos o servicios.

Sé claro en lo que ofreces, si no quieres colocar precios pon un botón para que puedan contactarte, puede ser un formulario de contacto o incluso uno realizado en Drive o Typeform si necesitas que te den más información.

 

Integra una plataforma de email marketing – Formulario de suscripción

Desde que comiences con tu web integra un formulario de suscripción, claro si vas a ponerte en campaña para enviar información útil a quienes se suscriban.

No solamente es la venta lo que debe importarte, sino lograr que esa persona confíe en ti, que conozca lo que eres capaz de aportar y hacer.

Hoy cuentas con herramientas excelentes!!

 

Descarta los pop up

Sí, lo sé, están por doquier! Pero dime, no te resultan molestos, intrusivos?

Creo que para captar leads puedes tener otras estrategias.

En caso de incluirlos por favor no hagas que salten ni bien se ingresa a la web, imagínate que ni pudiste leer una palabra y zas! Suscríbete!

 

Mapa 

Si quieres que te localicen puedes utilizar un Mapa interactivo, está muy bueno!

Pero si ves que tu web se relentiza, lo mejor será poner una imagen del mapa y listo!

 

Acceso a política de cookies y de privacidad

Siempre ten visibles las páginas legales y de cookies, que sea fácil a los usuarios que visiten tu web acceder a ellas.

Generalmente van en el pie de páginas. Incluso la política de Cookies las avisas al ingresar el usuario a tu web, quien puede aceptarlas o no.

 

Controlar velocidad de carga

Este factor es fundamental ya que el usuario no va a detenerse a esperar que cargue tu web, así que busca la manera de optimizarla.

Si quieres saber cómo optimizar la velocidad de carga puedes ver este post de Rubén.

Además…

No llenes de plugins innecesarios

Está muy bien instalar plugins que cumplan con funcionalidades que necesitas, pero no exageres, revisa muy bien y no sobrecargues tu web.

Hay algunos básicos que no podrás evitar 😉

 

SEO y Palabras Claves

Aspecto que no deberás descuidar si quieres posicionar en buscadores y que te llegue tráfico orgánico.

Tendrás que tener en cuenta el SEO on page y el SEO off page.

 

Instala Google Analytics

No importa si le darás mucho o poco uso, de a poco irás viendo el crecimiento de tu sitio con esta herramienta que nos brinda Google de manera gratuita.

Seguramente en algún momento quieras evaluar el crecimiento que has tenido y lo mejor es que lo implementes desde el comienzo.

 

Crea tu cuenta en Search Console

Será importante para conocer el estado de indexación de tu web, aquí te dejo un tutorial de Rafa 😉

 

Conclusión

Creo que te he dejado varios tips para tener en cuenta a la hora de ponerte a crear tu web, pero seguramente alguno me quedó en el tintero… te animas a ayudarme? Déjame tu comentario 😉

Por otro lado si bien hacer una web con WordPress puede parecer sencillo, te aseguro hay mucho por aprender, así que si no es lo tuyo mi recomendación es que contactes con alguien que se dedique a ello y te ahorrarás algunos dolores de cabeza.

Nos vemos pronto! Que tengas buen día!

Gracias Giphy!

 

Tips para diseñar tu web
5 (100%) 5 votes

Madre! Diseñadora web freelance. Enamorada del Marketing Digital! y Docente de Nivel Inicial.

Incansable perseguidora de sueños. Creo que uno debe buscar siempre la forma de hacer lo que ama.

“Cree en TI y todo será posible”

6 Comentarios
  • Tomás
    Publicado en 14:15h, 26 octubre Responder

    Enhorabuena por el artículo María Valeria.

    Muy buenos consejos. Al principio pensaba que era uno de tantos, pero empecé a leerlo y me dí cuenta que hay saber y utilidad en poco texto, lo que se agradece especialmente.

    Fácil de entender y organizado y excelente checklist. Coincido por completo con los anteriores comentaristas.

    Un saludo.

    • Marí­a Valeria Di Donato
      Publicado en 14:26h, 26 octubre Responder

      Hola Tomás!! Qué gusto tenerte por aquí y mil gracias por tus palabras!! Me alegro que lo veas útil ya que eso intento en cada post, además de hacerlo de una manera amena, saludos y que tengas excelente día!!

  • Ensalza
    Publicado en 08:20h, 22 octubre Responder

    ¡Hola María Valeria!

    Menudo pedazo de resumen completísimo que te has marcado. Además, da gusto leerlo: fácil de entender, de leer y muy bien organizado.

    Muchas gracias por incluir nuestro artículo sobre cookies. ¡Un lujo!

    Te mandamos un abrazo todo el equipo.

    • Marí­a Valeria Di Donato
      Publicado en 09:32h, 22 octubre Responder

      Ah bueno, qué lujazo tener a Ensalza aquí!!
      Gracias chicos por sus palabras y saben que sus post me fascinan!!
      Les mando abrazos a todo ese equipazo!!!

  • Oscar Moreno
    Publicado en 05:45h, 20 octubre Responder

    ¡Qué buen artículo María Valeria! Es un excelente checklist de todos los puntos que se deben tener en cuenta a la hora de disponer de un sitio web de calidad. ¡Me lo guardo en los favoritos para revisarlo periódicamente! 🙂
    En mi opinión, otro detalle que también es muy importante, es que estén bien definidas las categorías de los artículos; y además, que esas categorías sean fácilmente accesibles: bien como lo tienes tú en la barra lateral o como submenús en el menú principal. Es algo también me ayuda a encontrar fácilmente la información en que estoy buscando o a seguirla de forma periódica.

    • Marí­a Valeria Di Donato
      Publicado en 07:13h, 20 octubre Responder

      Hola Oscar!! Gracias por tu feedback y el aporte!! Tal cual, cuanto más fácil lo hagamos al usuario mucho mejor!! Me encanta que entre todos sumemos, igual siempre hay que saber que no todos los proyectos son iguales, pero tiene en común el facilitar los accesos 😉 Besos y muy buen finde!!

Publicar un comentario

Información básica sobre protección de datos Responsable: María Valeria Di Donato Finalidad: Gestionar el envío de información y prospección comercial Legitimación: Consentimiento del interesado Destinatarios: Tus datos se guardarán en Webempresa Derechos: Podrás ejercer Tus Derechos de Acceso, Rectificación, Limitación o Suprimir tus datos enviando un email a contacto@mariavaleriafreelance o ante la Autoridad de Control Información adicional. Encontrarás más información en la Políticas de Privacidad

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Pin It on Pinterest