Sugerencias gráficas profesionales para el diseño de sitios web para pequeños negocios.

La mayoría de los creadores conocidos de sitios y plataformas CMS tienen plantillas profesionales y prolijas a disposición, completas con fuentes, colores y opciones de espaciado que quedan muy bien juntas. Pero cuando modificamos estos valores predeterminados, las cosas pueden salir mal. Por eso, cuando tengas dudas, ¡cambia! En otras palabras, en vez de tratar de rediseñar una plantilla que no te gusta, tómate el tiempo de encontrar una que se adecúe a lo que necesitas. Incluso puedes navegar por otras plataformas si es lo que necesitas; ¡vale la pena!

Sin embargo, es posible que se necesiten cambios pequeños, así que compartimos algunas de las mejores prácticas para diseñar tu propio sitio web y evitar que te aventures en territorio amateur.

Estas partes se encuentran al inicio y al final de cada página, respectivamente.

• Los encabezados y pies de página deben permanecer en cada página, con la excepción de la página de inicio, la cual puede tener un encabezado más grande o más pequeño.
• Como mínimo, el encabezado incluye la barra de navegación y su logo.
• El pie de página puede incluir el copyright y enlaces a las páginas de términos/condiciones y política de privacidad.
• El texto del pie de página debería ser más pequeño que el texto principal del sitio.

• Tu menú de navegación debe ser simple, audaz y fácil de identificar.
• Debe estar en o cerca de la parte superior de la página, ya sea centrado o a la izquierda.
• Lo mejor es contar con 3-7 páginas en total en el menú de navegación. Si el sitio tiene menos de 3 páginas, considera usar una plantilla de una página por la que te puedas desplazar. Si tienes más páginas, usa submenús para mantenerlas organizadas.

Un logotipo bien hecho eleva tu negocio, ¡y tú puedes diseñarlo!

• Algunos creadores de sitios como Wix vienen con herramientas para diseñar logos, o bien puedes usar sitios gratis como Canva.com.
• Asegúrate de que el fondo de tu logo sea transparente, para que los bordes se difuminen sin problemas con tu sitio.

• El contenido más importante debe quedar "en el primer pantallazo", es decir, en el área visible antes de desplazarte.
• Suele ser ideal que los elementos separados queden a una distancia uniforme (imágenes, encabezados, bloques de texto, etc.).
• Para que el sitio sea más elegante, o para que un elemento específico se destaque, usa más espacio en blanco entre los elementos. Piensa en la página de inicio de Google.com, ¡esa barra de búsqueda sí que se destaca!
• No hagas una página más larga que las demás. Por ejemplo, ¿tienes mucho para decir sobre tu empresa en general y también mucho para decir sobre los miembros individuales de tu equipo? Entonces considera tener dos páginas separadas para dividir la información: una de Acerca de y otra de Equipos.

• Asegúrate de que todas las imágenes sean claras, estén bien iluminadas y tengan buena resolución.
• Vuelve a tomar las imágenes oscuras, con grano o borrosas.
• ¡No temas usar fotos de archivo de alta calidad! Algunos sitios gratuitos, como Pexels.com y Pixabay.com, pueden ayudarte a empezar.
• En general, algunas imágenes más grandes en una página causan una mejor impresión que un manojo de imágenes más pequeñas.
• Al cargarlas, comienza por imágenes grandes en alta resolución y permite que el creador del sitio les cambie el tamaño y las optimice. También hay muchos servicios gratis por Internet que hacen lo mismo.

Una imagen "hero" es la imagen principal que llama la atención del visitante y que aparece en la parte superior de una página web o cerca, y abarca al menos la mitad de, o incluso todo, el ancho de la página.

• Todas las páginas principales deben tener una imagen "hero".
• Una imagen "hero" también puede ser el fondo del texto de la página principal, siempre que no sea demasiado recargada.
• La imagen también puede ser reemplazada por un video "hero".
• Las imágenes "hero" deberían tener el mismo tamaño en todas las páginas, con excepción de la página principal, que podría tener una más grande.

• ¡La legibilidad es importante! Lo mejor es usar fuentes sans serif en un tamaño fácil de leer.
• Asegúrate de que hay suficiente contraste entre el texto y el fondo.
• Asegúrate de que el espaciado entre líneas sea adecuado.
• Separa el texto en párrafos más pequeños, y usa viñetas, títulos y separadores de línea para organizar el texto en párrafos más pequeños y digeribles.
• No uses más de 3 tipos diferentes de fuentes en tu sitio.

• El blanco y negro es un buen comienzo. Elige un esquema de colores que combine con tu logotipo.
• Limita el esquema de colores a cuatro o cinco colores en total.
• Puedes usar selectores de combinaciones de colores gratis como Coolors.co para crear o editar esquemas de colores existentes.

Un llamado a la acción, o CTA, es un botón o enlace prominente que le dice al visitante lo que quieres que haga antes de que dejen la página, y deberías tener uno en cada página importante de tu sitio.

Por ejemplo, en la página principal, si tienes un breve párrafo que describe las ventajas de trabajar con tu compañía, inmediatamente después de eso puedes solicitar que se pida una cotización o se vean los servicios con un botón grande que enlace con esa página en particular. Los CTA hacen que las páginas sean interesantes, para que los visitantes permanezcan más tiempo, y hacen crecer las ventas.

Asegúrate de que el sitio sea ágil, es decir, que sea fácil de leer y usar en un teléfono móvil. Los creadores de sitios como Wix y Squarespace tienen esta funcionalidad incorporada en la mayoría de sus plantillas, pero es útil que te asegures por ti mismo cómo lucen. El navegador Chrome también viene con una función de "inspección" incorporada para revisar cómo responden los sitios.

Respira profundo. Diseñar tu propio sitio web para tu pequeño negocio usando un creador de sitios o CMS puede parecer un reto. Pero si haces la menor cantidad posible de cambios al diseño y esquema de colores original de la plantilla que elegiste, y mantienes estos consejos de diseño de sitios web para pequeños negocios en mente, tu sitio lucirá elegante, refinado y listo para la actividad. Y nadie sabrá que no contrataste a un profesional.