Cómo diseñar una página web sin ser diseñador

No pasa nada si no sabes ni una sola etiqueta HTML. Tampoco es un problema si nunca has oído hablar de CMS, CSS o Java. Todos ellos son conceptos relacionados con el diseño web, pero gracias a los medios actuales se puede crear un sitio profesional sin tener conocimientos en la materia.

Por ello, en este artículo te damos algunos consejos sobre cómo diseñar una página web sin ser diseñador, qué no puede faltar en ella y cuál de las herramientas actuales puede serte de especial utilidad.

Consejos para diseñar una web sin ser experto

Por supuesto, los diseñadores web profesionales dominan hasta el último aspecto de su trabajo, desde las funcionalidades de cada elemento de la página hasta el comportamiento del usuario en la misma. Pero no siempre se puede recurrir a ellos, o bien no siempre se quiere, especialmente cuando es un sitio nuevo, se desea ir con pies de plomo en los primeros pasos y se hacen trabajos desde casa.

Si te encuentras en esta fase y has decidido diseñar tu propia web sin experiencia, aquí te damos unos consejos fundamentales:

• Ponte en la piel del usuario de tu web: ten claro quién es tu público objetivo, háblale en ‘su’ lenguaje, resalta los elementos que mejor puedan conectar con ellos

• Elige un estilo que represente a tu empresa: el estilo se aprecia en numerosos detalles, desde el tipo de letra al color de fondo, pasando por los iconos de carga de contenido y mucho más. Si buscas ofrecer una imagen de seriedad extrema, puedes optar por diseños estáticos. Si tu negocio tiene un tono desenfadado, puedes jugar más con el colorido, las imágenes, el movimiento de ciertos elementos, etc.

• Pónselo fácil a tu visitante: no exageres con la extensión de los textos ni con la duración de la intro (si la tuviere) ni con nada que pueda distraer al usuario. Hay dos datos que te sorprenderá conocer: el tiempo medio de permanencia de un visitante en una web es, de media, de apenas minuto y medio, y la tasa de rebote (es decir, la decisión de salir del sitio web rápidamente sin visitar otras páginas) es del 50% en buena parte de los casos. Por tanto, ve al grano, sin rodeos

• Asegúrate de tener bien resuelta toda la parte legal: aviso de cookies, política de privacidad y tratamiento de datos personales… Puede parecer complicado, pero en realidad es una formalidad que te evitará problemas.

Ejemplo de una web básica

Toda página web profesional que se precie ha de tener los siguientes elementos:

Home: es la página inicial, la carta de presentación de la compañía. Por tanto, puede contener un pequeño resumen del negocio y del contenido de la web. En línea con el consejo de ‘ir al grano’, ya debe ofrecer datos de contacto o medios para comunicarse con el usuario: formularios, números de teléfono, etc.

Categorías: para una organización lógica del contenido de la web, se pueden crear varias categorías. Por ejemplo, en una tienda de repuestos, se puede crear una categoría de Repuestos de Coche, otra para Repuestos de Moto, etc. Y dentro de cada categoría, otras subcategorías en forma de página: Motor, Amortiguación, etc.

Página de tarifas o precios: puede ser útil si sospechas que ésta es una cuestión clave entre tus usuarios. De esa manera, puedes ofrecer un listín de precios y otras cuestiones como suplementos a las tarifas. Si no es importante para tus potenciales clientes, puedes obviar este punto, o lo puedes mencionar en lugares secundarios, sin dedicarle una categoría exclusiva

Blog: ofrecer información actualizada sobre determinadas cuestiones dará un valor añadido a tu web y mejorará su posicionamiento en buscadores
Contacto: una página donde se ofrezca información más detallada sobre horarios, días de apertura, formas de contacto, etc.

Aviso legal: una página con enlace desde la Home con la información legal de cookies, privacidad, etc. Recuerda que, según normativa europea, se ha de pedir de manera expresa el consentimiento a la política de cookies

Una herramienta que lo reúne todo: Wix

De todas las herramientas de diseño web actuales, Wix es una de las más interesantes porque reúne todo lo que busca un usuario que, como tú, desea hacer su propia web profesional. Sus principales ventajas son:

• Es una herramienta online, es decir, no se trata de un programa que se ha de instalar en un determinado ordenador, sino que se maneja íntegramente desde el navegador web

• Es gratis: aunque tiene sus planes premium, la versión gratuita es más que suficiente para empezar

• Es fácil: el funcionamiento de su editor es bastante intuitivo y los tutoriales guían al usuario por las diferentes fases de creación y publicación, además de instruirle en pequeños conceptos del diseño

• Tiene gran variedad de plantillas, y se encuadran en categorías muy diferentes: Tienda online, Restaurantes y Comida, Viajes y Turismo, Eventos, Blog y Foros, etc.

• Sus diseños son responsive: quiere decir que el sitio web se mostrará de manera adecuada y adaptada al dispositivo del usuario, ya sea de sobremesa (ordenador o portátil) o móvil (smartphone o tablet). Y eso es algo que valoran muy positivamente los motores de búsqueda

• Es una herramienta rápida, no solo en el diseño en sí, sino también en el (otrora) engorroso proceso de publicación del sitio web. Lo que manualmente puede demorarse horas o días (servidores, programas FTP, etc.), con la herramienta de Inteligencia Artificial de Wix (ADI) se consigue en cuestión de minutos