fbpx
Diseño web estratégico

¿Qué tener en cuenta antes de empezar a diseñar tu web?

Es un hecho, la web es un pilar importante en la comunicación de cualquier marca.

El 62, 6% de los encuestados, de la primera encuesta de comunicación sostenible, admitió que busca información directamente en su web.

Y lo contrastan (56,1%) con opiniones de su entorno.

No podemos controlar lo que opinan los demás, pero sí la impresión que da nuestra casa online.

Por eso quiero ayudarte a estructurar tu web para que sea estratégica y coherente. ¿Quieres saber qué debes tener claro antes de empezar a diseñar tu web? Vamos a ello 🙂

 

Estructura de la web

Sabes que necesitas una web pero no sabes por dónde empezar. Te propongo empezar por la estructura.

 

¿Cuántas páginas necesito?

Como buena gallega, respondo que, ¡Depende!

¿De qué? De la fase en la que te encuentres y de la función de tu web. Te dejo las opciones y te explico la diferencia para que puedas decidir por ti misma.

 

LANDING PAGE

O página de aterrizaje. Esas páginas sin menú a las que normalmente accedemos desde un anuncio que vemos en otros canales.

La información es clara y concisa y suelen ofrece un recurso a cambio de un correo electrónico. Te suenan, ¿verdad?

¿Para qué se utiliza una landing?
  • Para validar una idea, saber si hay interés sobre ese tema antes de ponernos a tope con el desarrollo.
  • Para tener presencia online mientras estás construyendo tu web. Es una opción interesante si acabas de empezar y estás enviando propuestas ya que te permite mostrar una imagen coherente, generar confianza y que te contacten.
  • Para hacer crecer tu lista de correo, ofreciendo un recurso gratuito de mucho valor para un público específico.
  • Para segmentar a gente interesada en una temática concreta, a la que poder ofrecerle posteriormente un servicio o contenido de pago.
  • Cuando quieres que el usuario realice una única acción. Este tipo de landing puede ser más elaborada y tendrá varias CTA (Call To Action o botones) a esa acción concreta.

Te dejo un ejemplo de página en construcción que diseñé para Igualadas. Un proyecto en el que estoy trabajando actualmente, centrado en consultoría y formación para acabar con las desigualdades sociales.

Igualadas, página en construcción

 

ONE PAGE

Son esas páginas con menú que puedes recorrer haciendo scroll o pinchando sobre los botones de la cabecera.

En lugar de cambiar de sección, te desplazarán al punto concreto de la web dónde se encuentra la información que has solicitado.

¿Para qué se utiliza una one page?

Es una buena opción cuando necesitas tener presencia en internet pero:

  • Tu web no es tu principal canal de comunicación o ventas. Por ejemplo, si tienes un negocio local pero quieres poder dar información directa al cliente online.
  • Tu presupuesto y tiempo es ajustado. Ya que en lugar de diseñar todas las secciones, tendrás una única página.
  • Empiezas de 0 y sabes que irás haciendo cambios en tus textos, servicios o productos en base al feedback que recibas.

En estos casos, empezar con una one page que te permita contar de forma sintética lo que haces, y captar suscriptores interesados en tu negocio, es la mejor opción.

Aquí tienes un ejemplo con una propuesta que realicé para La curia, un alojamiento rural de Pontevedra.

Propuesta de One page para La Curia

 

WEB COMPLETA

Cuando tienes claro tu camino y sabes que tu web es un canal de mucho peso en tu comunicación.

Las secciones más habituales son:

 

INICIO

La más visitada y a veces la única. Hay estudios que dicen que tienes 8 segundos para captar atención del visitante.

El objetivo de esta sección es dejar clara tu diferenciación y captar suscriptores.

Es decir, debe quedar claro, quién eres, a qué te dedicas y qué te hace diferente.

 

SOBRE MI

Estadísticamente, la segunda página más visitada. ¿Sorprende verdad?

Si te paras a pensarlo, es normal, nos gusta saber a quién le estamos dando nuestro dinero.

La función de esta sección es generar empatía, conexión y confianza. Es tu oportunidad  para presentarte y reforzar tu propuesta de valor.

Siempre teniendo en cuenta a tu cliente ideal y que aspectos de ti o tu marca son relevantes para él.

Dicho de otro modo, usa esta sección para hablar  de los problemas que solucionas, porqué te dedicas a ello y cómo ayudas a tus clientes.

 

SECCIÓN DE SERVICIOS O PRODUCTOS

La principal función de esta sección es la venta.

Ya has dejado clara tu diferenciación a qué te dedicas y quién eres. Es el momento de profundizar en:

  • Qué ofreces y qué problemas solucionas
  • Cómo pueden contratarte
  • Cómo es tu proceso de trabajo o de compra, según la naturaleza de tus negocio.
  • Qué transformación experimentan tus clientes

Se trata de que, cuando alguien lea esta sección, no le quede ninguna duda de si tu servicio o producto encaja con lo que está buscando.

Por esta razón es tan habitual tener una sección de preguntas frecuentes.

 

CONTACTO

Por su naturaleza es una página de acción que busca iniciar una conversación.

Ya sea para solicitar una reunión o hacerte alguna pregunta. Deja siempre claro para qué pueden contactarte y por qué medios.

Está bien tener un formulario en la web que guía un poco la conversación, pero no está de más tener un segundo o tercer medio de contacto.

 

BLOG

Tener un  blog te ayudará a ganar autoridad y captar suscriptores.

Pero te recomiendo hacerlo con foco (o sentidiño, como dice mi madre).

Escoger los temas que vas a tratar y crear un calendario editorial que puedas cumplir.

Es importante tener nociones básicas de SEO y por supuesto, disfrutar escribiendo, para que no se te haga cuesta arriba.

Ten en cuenta que el marketing de contenidos es una carrera de fondo 🙂

Sobre el menú principal

Intenta no sobrecargarlo, deja sólo las acciones principales.

Te recomiendo pensarlo de modo que el usuario pueda llegar a cualquier contenido en el menor número de clics posible.

Si tienes algún curso que abres dos veces al año, quizá sea interesante que lo pongas en el menú sólo mientras dura ese lanzamiento.

En mi caso, por ejemplo para no saturar el menú, he puesto el contacto en el pie.

No considero necesario meterlo en el menú porque tengo un formulario directo en los servicios, que guía la conversación para recopilar los datos que necesito para llevar a cabo la primera reunión.

Peeeero, si alguien me quiere contactar sin la intención de contratarme, puede hacerlo con otro formulario más sencillo que encontrará en el pie. De este modo, dejo el menú más limpio pero mantengo esa opción más informal.

 

Una vez tengas la estructura, toca recopilar todos los materiales que vas a necesitar para crear tu web:

  • Identidad corporativa
  • Textos, de cada sección y de tus artículos
  • Imágenes y videos
  • Testimonios de clientes
  • Y aunque no es imprescindible, referencias visuales de otras webs.

 

Sobre el copy de tu web

El SEO (Search Engine Optimization), o dicho de otro modo, el conjunto de técnicas que hace que google te quiera y los usuarios te encuentren; es lo que hace que los usuarios lleguen a tu web.  Pero la escritura persuasiva es lo que convierte.

Por eso es importante adaptar los textos a tu tono de voz.

Puedes inspirarte, en otros que te gusten, pero por favor, ¡no copies!

Y si puedes, no dudes en delegar a un profesional, te dejo algunas opciones de personas afines que pueden echarte un cable:

4 profesionales que pueden ayudarte con el copy de tu web

 

Laura, de Verbalízate

Hace copy para marcas comprometidas con el bienestar. Puedes conocer más sobre ella en su web verbalizate.com.

 

Celi Garoe

Copy y redactora especializada en ecoturismo y negocios sostenibles. Si este es tu sector, puedes visitar su casa online celigaroe.com.

 

Isa y Lore de Triquels

Tienen una agencia de comunicación y sostenibilidad y crean textos que captan la atención de google y de tus clientes. Si quieres más información, la encontrarás aquí triquels.com.

 

Alba Sueiro Román

Alba te ayuda a conectar con tu audiencia y conseguir más ventas a través de tus textos, para que tú puedas seguir cuidando del planeta y sus habitantes. Te dejo por aquí su web albasueiroroman.com.

 

 

Sobre el diseño de tu web

Una vez definida la estructura y recopilado el material, podemos empezar con la fase visual.

¿Mi recomendación? No dejes nada al azar. Define los elementos de diseño. Ahorrarás tiempo, tendrás una marca reconocible en todos los canale y generarás confianza una identidad coherente. ¿Qué elementos puedes definir antes de comenzar con la web?

 

Títulos y subtítulos

Además de estructurar la información, esto también ayuda al SEO.

 

Párrafos, listas y frases destacadas

Al igual que los títulos deberás definir la tipografía, el tamaño de letra, el interletrado, el interlineado

¿Cómo destacarás las frases importantes? ¿Usarás alguna tipografía secundaria o de apoyo? ¿Jugarás sólo con la tipografía principal, sus diferentes tamaños y estilos?

 

Botones

Que sean coherentes con el resto de tu web y que llamen la atención. Recuerda que en ellos irán las acciones (CTA) que quieres que haga el lector.

Define también cómo se comparta al pasar el ratón por encima (hover) y si va (o no) a actuar igual en pantalla de ordenador y móvil.

 

Ritmo y espacio en blanco

Todos estos elementos ayudan a hacer una marca reconocible y coherente pero también facilitan la compresión y la lectura.

Recuerda que muy poca gente se leerá los textos completos de tu web. La mayoría hacen una lectura en diagonal, para saber si están interesados en lo que ofreces. Por eso, es importante destacar lo más relevante.

 

Otros elementos que se definirán sobre la marcha

 

Banners

Piezas que suelen combinar texto e imagen y sirven para dar información adicional o insertar publicidad.

 

Mokcups

O simulaciones de un diseño o un dispositivo, que se utiliza a modo de demostración.

En mi caso, las uso mucho para mostrar diseños. Te dejo un enlace por si no sabes a qué me refiero.

 

Composiciones

Tipográficas o fotográficas que nos ayuden a darle ritmo  y crear la atmósfera que buscamos en la web.

 

 

Sobre la fotografía

Fotografía significa pintar con luz y en el caso de tu web no iba a ser menos. Una buena fotografía viste y da luz a una página web. 

Te recomiendo definir el estilo fotográfico antes de lanzarte con una sesión de fotos.

Y una vez echo esto, al igual que con los textos, si tienes conocimientos, puedes hacerlas tú.

Pero si quieres delegarlo, te dejo el contacto de personas que hacen magia con la luz:

 

4 fotográfos profesionales para tu proyecto sostenible

 

Mei, de La cierva Verde

Realiza fotografía para proyectos conscientes. Si necesitas fotografía lifestyle, gastronómica o de eventos. Mei te ayudará a conectar y emocionar a través de imágenes laciervaverde.com.

 

Carmen y Diego, de RayoNubeSol

Expertos en fotografía social y contemporanea, si buscas que cada foto transmita la esencia del momento que estás viviendo, échale un ojo a su trabajo rayonubesolphoto.com y prepárate para flipar.

 

Susana, de Plumeria fotografía

Hace fotografía corporativa y lifestyle con estilo propio y poniendo cuidado en cada detalle.  Por si no la conoces, aquí va su web plumeriafotografia.es.

 

Uxía y Cia, Boutique creativa

Si quieres que tus productos muestren todo su potencial, deberías conocer a Uxía. Experta en fotografía de producto, cuida cada detalle para que todo esté en su sitio. Personalmente, siempre que veo sus fotos gastronómicas, me entra hambre. Te dejo su instagram para ver si a ti también te pasa.

 

 

Sobre los textos legales

Lo se, da pereza, pero puede ahorrarte muchos dolores de cabeza. Aquí, salvo que seas abogada, te recomiendo delegar.

A mi me tranquiliza mucho saber que tengo todo en orden gracias a Caribay. Gracias a su servicio de redacción de textos para la web, tengo la tranquilidad de saber que estoy cubierta a nivel legal.

Me entregó los textos básicos:

  • Cookies
  • Política de privacidad
  • Aviso legal
  • Política de venta
  • Términos y condiciones
  • Para la firma de email

Pero también se encargó de los mensajes que deben aparecer en cada formulario de:

  • Contacto
  • Compra
  • Valoración
  • O en los comentarios del blog

Y, además, me preparó contratos firmo religiosamente con clientes, colaboradores y proveedores.

Vamos, que se encarga de ese trabajo que no se ve pero que nos puede ahorrar muchos problemas y que, bajo mi punto de vista, marca una diferencia profesional importante.

 

 

¿Qué te ha parecido este recopilatorio?

Hemos hablado de la estructura de tu web, desde que tipo de página te conviene según tus necesidades, hasta el contenido de cada sección.

Hemos visto para que sirve el Copy y el SEO, y te he recomendado 4 profesionales afines.

Hemos hablado de los pilares básicos para diseñar una web coherente y consistente.

También de la importancia de la fotografía y te he presentado a 4 profesionales que pueden hacer que tu web emocione a través de las imágenes.

Y por último te he explicado la importancia de los textos legales y porqué deberías invertir en ellos.

¿Me he dejado algún tema que te gustaría que tratase?
Uxía Arias
hola@universomeraki.com

Soy diseñadora gráfica y creadora de Meraki. Ayudo a emprendedores responsables con el medio ambiente y la sociedad a conectar con su público objetivo mediante la construcción de una imagen de marca sólida que refleje sus valores.

4 Comentarios
  • Thania
    Publicado a las 16:10h, 18 febrero Responder

    Qué artículo más completo Uxía, sin duda me parece fundamental para todas las personas que tenemos una marca tener clarinete la importancia que tienen todos los aspectos que tratas. Me ha venido como anillo la dedo, ya que de cara a primavera quiero actualizar y mejorar mi web.

    ¡Muchas gracias!

    • Uxía Arias
      Publicado a las 15:33h, 24 marzo Responder

      Gracias a tí, por pasarte y valorarlo. Me alegro de que te resulte útil Thania, cualquier duda, ya sabes dónde encontrarme 🙂

  • Celi Garoe
    Publicado a las 16:36h, 18 febrero Responder

    Hoy había decidido leer la newsletter de Universo Meraki mientras me tomaba el café de sobremesa y apuraba esos minutos de relax antes de volver a la oficina.

    Sabía que venía con regalito (nos había avisado) pero lo que no sabía es que el regalo sería doble.

    Uxía no solo se ha currado una guía paso a paso sobre los elementos a tener en cuenta antes de crear (o renovar) tu web (con especial énfasis en ANTES), sino que además me ha incluido en sus recomendaciones de copy para los que prefieren (y pueden) delegar la redacción de sus textos.

    Gracias por hacer mi martes (y estoy segura que también el de mis compis en la recomendación) un poquito más dulce.

    Lo que está claro es que, si alguien busca una diseñadora con sensibilidad, ya puede parar porque la ha encontrado. 😉

    • Uxía Arias
      Publicado a las 15:39h, 24 marzo Responder

      Wow, gracias por este post-testimonio, Celi.
      Siento que haya pasado un mes antes de dar respuesta a este comentario pero graaaacias de verdad, por tus palabras, por leerme y por contármelo.
      Espero que estés bien en estos días tan raros.
      ¡Un abrazo grande!

Publica un comentario
Uxía Arias García será responsable por tus datos, se enviarán a Webempresa para poder responder tu comentario. Este tratamiento se hace con base en tu consentimiento. Deberás entender que esta información es pública, y los datos que coloques en este formulario los leerá cualquier visitante de este sitio web. Conservaré esta información por el tiempo que dure esta entrada del blog o que tú decidas eliminar el comentario. Puedes ejercer tus derechos de acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.

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

Uso cookies, propias y de terceros. Instalo automáticamente las necesarias y las demás, que personalizan el contenido, publicidad y anuncios, necesitan de tu autorización. Si continúas navegando estás dando tu consentimiento para la aceptación de las mencionadas cookies. Si quieres más información puedes echarle un ojo a mi política de privacidad y mi política de cookies,
ACEPTAR

Aviso de cookies

¡NO TE VAYAS SIN MI GUÍA!

Déjame tus datos, que te la envío :)