InicioBlogSectores
Sectores

Diseño web para autónomos: la guía directa para tener presencia online sin volverte loco

WB
Equipo WebsBarcelona
22 de abril de 2026 · 9 min de lectura

Tener una web ya no es opcional para un autónomo. Hace diez años podías vivir del boca a boca y de un par de anuncios en el tablón del bar. Hoy, si alguien no te encuentra en Google, directamente no existes para él. Y ese alguien que no te encontró acaba llamando a tu competencia, aunque tú trabajes mejor. Esta guía es para el autónomo que sabe que necesita una web, pero no sabe por dónde empezar, cuánto gastarse ni qué tiene que poner. Vamos al grano.

El autónomo invisible: si no estás en Google, no existes

Piénsalo desde el otro lado. Cuando necesitas un fontanero, un fotógrafo o un asesor fiscal, ¿qué haces? Abres Google y escribes algo como "fontanero barato Barcelona" o "fotógrafo bodas Gracia". Si la persona que buscas no aparece en esa pantalla, para ti no existe, aunque lleve veinte años en el oficio.

Eso mismo le pasa a tus potenciales clientes cada vez que te buscan a ti. Y si no tienes página web, lo que encuentran es a tus competidores. O, peor aún, no encuentran a nadie y se quedan con las ganas, lo que significa un trabajo perdido que podría haber sido tuyo.

Una página web de autónomo no es un capricho tecnológico. Es tu escaparate abierto las 24 horas, los 365 días del año, sin que tengas que estar tú delante. Es el único comercial que trabaja mientras duermes.

Y no hace falta que sea complicada. Una web sencilla, bien hecha y con tu teléfono visible ya te pone por delante del 60% de autónomos de tu sector que todavía no tienen nada online.

Qué necesita realmente una web de autónomo (no compliques)

Antes de hablar de diseño, colores o tecnología, hay que tener claro qué información necesita ver alguien que llega a tu web por primera vez. La respuesta es siempre la misma: quién eres, qué haces, dónde lo haces y cómo contactarte. Punto.

  • Quién eres: tu nombre, tu oficio y una foto tuya real. No el logo de una empresa que no tienes.
  • Qué haces: los servicios concretos que ofreces, explicados en el idioma de tu cliente, no en jerga técnica.
  • Dónde trabajas: ciudad, barrio o zona de cobertura. Esto es clave para el SEO local.
  • Cómo contactarte: teléfono, WhatsApp, email o formulario. Cuanto más fácil, mejor.
  • Por qué tú y no otro: algo que te diferencie. Años de experiencia, especialización, garantía, horario amplio.

Con eso es suficiente para empezar. Después puedes añadir galería de trabajos, opiniones de clientes o preguntas frecuentes. Pero si arrancas con esos cinco bloques, ya tienes una web que funciona.

Lo que no necesitas son animaciones sofisticadas, un blog con veinte artículos o un carrito de compra que no usarás nunca. Menos es más, especialmente al principio.

1 página vs web completa: ¿qué eliges?

Una de las primeras decisiones que toma un autónomo cuando encarga su web es si quiere una sola página (lo que se conoce como landing page) o una web con varias secciones navegables. No hay una respuesta universal, pero aquí tienes la guía rápida:

PerfilRecomendación
Autónomo de un solo servicio (pintor, electricista, masajista)1 página es suficiente y más efectiva
Autónomo con varios servicios diferenciadosWeb con subpáginas por servicio
Freelance que quiere posicionarse por varios términos en GoogleWeb con páginas independientes por servicio o zona
Profesional que necesita portfolio o galería de proyectosWeb con sección específica para trabajos

Para la mayoría de autónomos en Barcelona, una web de una sola página bien estructurada convierte mejor que una web grande y confusa. El visitante encuentra lo que busca en treinta segundos y te llama. Si le obligas a navegar por cinco menús distintos, se cansa y se va.

Si tu trabajo crece y tus servicios se diversifican, siempre puedes ampliar la web más adelante. Empieza simple, mide resultados y añade páginas cuando tenga sentido.

Cómo escribir tu web sin parecer una empresa que no eres

Este es uno de los errores más comunes en el diseño web para autónomos: copiar el tono de grandes empresas cuando en realidad eres una persona trabajando sola o con un equipo pequeño. Tu cliente potencial no quiere contratar a una corporación fría. Quiere contratar a una persona de confianza que le resuelva el problema.

Algunas reglas sencillas para escribir textos que suenan auténticos:

  • Habla en primera persona: "Soy electricista con 12 años de experiencia en Barcelona" funciona mejor que "Somos una empresa especializada en soluciones eléctricas".
  • Usa el lenguaje de tu cliente: Si eres fontanero, escribe "goteras", "tuberías atascadas" y "averías urgentes", no "soluciones hidráulicas integrales".
  • Explica el beneficio, no la característica: No "utilizamos materiales de primera calidad", sino "tu instalación dura años sin que tengas que preocuparte".
  • Sé concreto con los plazos y las garantías: "Presupuesto en 24 horas" o "garantía de un año en todas las instalaciones" genera más confianza que frases genéricas.
  • Incluye una llamada a la acción clara: Dile al visitante exactamente qué quieres que haga: llámame, escríbeme, pide presupuesto.

No tienes que ser un escritor para hacer esto bien. Solo tienes que escribir como hablas cuando le explicas tu trabajo a un amigo.

Qué fotos poner (la tuya importa)

Las webs de autónomos que mejor funcionan tienen algo en común: una foto real del profesional. No un banco de imágenes de alguien en traje sonriendo frente a un ordenador. Tú, en tu contexto de trabajo.

Si eres carpintero, una foto tuya en el taller. Si eres nutricionista, una imagen tuya en consulta. Si eres diseñador, trabajando en tu espacio. La foto no tiene que ser de estudio ni costar dinero, pero tiene que ser tuya.

¿Por qué importa tanto? Porque los autónomos venden confianza antes que precio. Y la confianza se construye con caras reales, no con ilustraciones genéricas. Cuando alguien ve tu foto, ya está dando el primer paso para confiar en ti.

Además de tu foto personal, estas imágenes refuerzan mucho una web freelance:

  • Fotos de trabajos terminados (antes y después si aplica)
  • Capturas de pantalla de conversaciones o valoraciones de clientes
  • Imágenes del proceso de trabajo
  • Foto del espacio físico si recibes clientes

Con el móvil de hoy en día y buena luz natural tienes suficiente. No hace falta contratar a nadie para empezar. Ya mejorarás las fotos cuando el negocio crezca.

El truco del WhatsApp directo en la web

Hay un elemento que multiplica por dos o por tres las consultas en webs de autónomos: el botón de WhatsApp flotante. Parece un detalle pequeño, pero cambia todo.

El motivo es sencillo. Muchos clientes potenciales no quieren rellenar un formulario ni enviar un email. Quieren escribirte un mensaje rápido, igual que hacen con cualquier persona en su día a día. Si les pones un botón de WhatsApp bien visible, la barrera para contactarte cae casi a cero.

El botón debe:

  • Estar siempre visible, fijo en la esquina inferior derecha de la pantalla
  • Abrir directamente una conversación con tu número, sin que el usuario tenga que guardarte el contacto
  • Incluir un mensaje predefinido si es posible, como "Hola, me gustaría pedir información sobre tus servicios"

Este pequeño elemento, bien implementado en tu página web de autónomo, es probablemente el que más impacto tiene en la generación de contactos. No lo dejes fuera.

SEO básico para autónomos en Barcelona: {oficio} + {zona}

No hace falta convertirse en experto en SEO para aparecer en Google. Para un autónomo, la fórmula es simple: oficio + zona. Tu cliente escribe eso en Google, y tú tienes que aparecer cuando lo haga.

Ejemplos concretos:

  • "electricista Gracia Barcelona"
  • "fisioterapeuta a domicilio Eixample"
  • "fotógrafo bodas Sitges"
  • "asesor fiscal autónomos Sant Cugat"

Para aparecer en esas búsquedas, necesitas que esas palabras estén en tu web. En el título de la página, en los encabezados y en los textos. No de forma forzada ni repetitiva, sino de manera natural y coherente.

Además del texto, estas acciones tienen un impacto enorme para web pequeño negocio con presencia local:

  • Google Business Profile: Crea tu ficha gratuita en Google. Es lo que aparece en el mapa cuando alguien busca tu oficio en tu zona. No tenerla es regalar visibilidad.
  • Pide opiniones: Cada vez que termines un trabajo bien, pide al cliente que te deje una reseña en Google. Cinco estrellas valen más que cualquier campaña de publicidad.
  • Nombre de dominio claro: Si puedes, usa un dominio que incluya tu oficio o tu zona. No es obligatorio, pero ayuda.

El SEO local no es magia. Es constancia y coherencia. Si tu web dice claramente qué haces y dónde lo haces, Google termina entendiéndolo y mostrándote a quien lo busca.

Errores que cometen los autónomos con su primera web

Después de haber hecho webs para cientos de autónomos y pequeños negocios, hemos visto siempre los mismos errores. Aquí los tienes para que no los repitas:

  • Diseñarla pensando en ellos mismos, no en sus clientes: El autónomo quiere que la web sea bonita y refleje su personalidad. El cliente quiere encontrar el teléfono en tres segundos. Prioriza siempre al cliente.
  • No incluir el número de teléfono visible: Parece obvio, pero muchas webs lo esconden en la sección de contacto. El teléfono tiene que estar en la cabecera, siempre.
  • Textos copiados de la competencia: Google lo detecta y te penaliza. Además, si tus textos suenan como los de todos los demás, no hay razón para elegirte a ti.
  • Fotos de stock mal elegidas: Las imágenes genéricas de apretones de manos o personas sonriendo en oficinas transmiten exactamente lo contrario de confianza. Usa fotos reales.
  • No optimizar para móvil: Más del 70% de las búsquedas locales se hacen desde el teléfono. Si tu web no se ve bien en móvil, estás perdiendo la mayoría de tus visitas.
  • No actualizar nunca la web: Una web con la fecha de copyright de hace cinco años o con información desactualizada genera desconfianza. Revísala al menos una vez al año.
  • Pensar que con crear la web ya está todo hecho: La web es el punto de partida, no el destino. Hay que darse de alta en Google Business, pedir reseñas y, si el presupuesto lo permite, invertir en algo de publicidad local.

Cuánto debería costar (rangos honestos para autónomos)

Hay mucha desinformación sobre precios de webs para autónomos. Desde los que dicen que puedes tener una web profesional por 15€ al mes con un constructor genérico hasta los que cobran 3.000€ por algo que no necesitas. La realidad está en el medio.

Tipo de webPrecio orientativoPara quién
Landing page de una sola página99 - 199€Autónomo que empieza o servicio único
Web de 3-5 páginas199 - 399€Autónomo con varios servicios o portfolio
Web con tienda o reservas online399 - 799€Negocios con venta directa o citas online

Lo que deberías exigir por ese precio, sea cual sea:

  • Diseño adaptado a móvil
  • Velocidad de carga aceptable
  • Formulario de contacto funcional
  • Integración con Google Maps si tienes local
  • Instrucciones básicas para hacer cambios tú mismo

Lo que no necesitas pagar si eres autónomo: tiendas complejas, sistemas de membresía, integraciones con ERPs o animaciones de alto presupuesto. Eso es para cuando el negocio haya crecido.

Y una advertencia: el precio más bajo no siempre es el mejor. Una web lenta, mal hecha o que no aparece en Google no vale nada, cueste lo que cueste.

Ejemplos reales: autónomos y pequeños negocios con web hecha por nosotros

Hemos hecho webs para autónomos de prácticamente todos los oficios. Aquí tienes seis ejemplos muy distintos para que veas que sí, una sola agencia puede entender tu sector aunque sea muy específico:

  • El Arreglador (electricista) — web sencilla, urgencias 24h, llamada directa desde el móvil.
  • Gerard P. Fitness (entrenador personal) — web con planes de entrenamiento, captación de leads y testimonios en vídeo.
  • Estudi 3 Joiers (joyería artesanal) — web editorial con catálogo de piezas únicas y formulario de encargo a medida.
  • Expert Clean (limpieza) — servicios desglosados, presupuesto online y zonas de trabajo bien marcadas para SEO local.
  • Masajes del Tibet (terapeuta) — web cálida con reservas, descripción de cada técnica y bonos de sesiones.
  • Verticales.net (servicios técnicos en altura) — web técnica con cartera de proyectos, certificaciones y formulario de presupuesto.

Si quieres ver más oficios y comparar enfoques, todos los proyectos están en /clientes con filtro por sector.

Tu web como diferencial: cuando 9 de 10 competidores no tienen web decente

Aquí viene la parte motivadora. En la mayoría de oficios y zonas de Barcelona, si miras a tus competidores directos, la realidad es que el 70% no tiene web, y del 30% restante, la mitad tiene algo que se hicieron solos hace diez años y que no funciona en móvil.

Eso significa que si tú tienes una web actual, rápida y con un mínimo de SEO local, ya estás automáticamente en el primer cuartil de tu sector. Sin gastar en publicidad, sin grandes inversiones, solo por tener hecho lo básico.

El autónomo que sí tiene una web profesional transmite:

  • Que es un profesional serio, no alguien que trabaja de manera informal
  • Que tiene suficiente trabajo como para haberse preocupado de su imagen
  • Que es fácil de contactar y que responde
  • Que se puede ver su trabajo antes de llamarle

Esto se traduce en algo muy concreto: cuando un cliente compara a dos profesionales del mismo oficio y precio, el que tiene web gana casi siempre. Y en muchos casos, el que tiene web puede cobrar más, porque la percepción de calidad es mayor.

No esperes a tener el negocio perfecto para hacer la web. Haz la web y el negocio perfecto llegará antes.

Preguntas frecuentes

¿Cuánto cuesta una web para autónomos?

Depende de lo que necesitas, pero una <strong>página web de autónomo</strong> profesional y funcional puede costar desde 99€ para una landing page hasta 399€ para una web de varios servicios con portfolio. Lo importante no es el precio más bajo, sino que la web cargue rápido, se vea bien en móvil y esté optimizada para que te encuentren en Google.

¿Puedo mantener la web yo mismo o necesito a alguien?

Si la web está bien construida, deberías poder hacer cambios básicos tú mismo: actualizar textos, añadir fotos o cambiar tu teléfono. Para cambios técnicos más complejos, lo razonable es contratar un pequeño servicio de mantenimiento. En WebsBarcelona incluimos siempre instrucciones para que puedas gestionar lo básico sin depender de nadie.

¿Necesito contratar a un fotógrafo profesional?

No para empezar. Con fotos hechas con el móvil en buenas condiciones de luz ya tienes suficiente para lanzar tu web. Lo importante es que las fotos sean reales: tuyas, de tu trabajo, de tu espacio. Las imágenes de banco de imágenes genéricas transmiten menos confianza que una foto tuya hecha con el teléfono. Cuando el negocio crezca, siempre podrás invertir en una sesión profesional.

¿Tengo que escribir yo los textos de la web?

No necesariamente. En WebsBarcelona redactamos los textos de la web a partir de una conversación contigo, donde nos cuentas qué haces, para quién y en qué zona. Con esa información construimos textos optimizados para SEO que suenan a ti, no a una plantilla genérica. Lo que sí necesitamos de tu parte es claridad sobre tu oficio, tus servicios y lo que te diferencia.

¿Hace falta tener un blog para posicionarme en Google?

Para la mayoría de autónomos, no. Un blog tiene sentido si tienes tiempo para escribir regularmente y si tu negocio se beneficia de contenido educativo (nutricionistas, asesores, coaches). Pero un fontanero, un electricista o un fotógrafo puede posicionarse perfectamente en Google local sin un solo artículo de blog, solo con una web bien estructurada y una ficha de Google Business actualizada.

¿Cuándo recupero la inversión de mi web?

Depende de tu precio por servicio, pero la lógica es sencilla. Si una web de 199€ te trae un cliente nuevo al mes que te paga 200€, la recuperas en un mes. Si tus trabajos tienen un ticket medio de 500€, con un solo cliente ya has amortizado la inversión. Las webs de autónomos que están bien posicionadas localmente suelen generar entre dos y cinco consultas nuevas al mes en los primeros seis meses.

En resumen

Tener una web de autónomo no es un gasto, es una infraestructura básica del negocio. Como tener teléfono o tarjeta de visita, pero con un alcance incomparablemente mayor. Si llevas tiempo dándole vueltas y no te has decidido, este es el momento. Tu competencia tampoco la tiene, y eso es exactamente tu ventaja: quien llegue primero, se queda con el cliente.

En WebsBarcelona hacemos webs para autónomos desde 99€, con diseño profesional, adaptadas a móvil y optimizadas para que aparezcas en Google cuando alguien busque tu oficio en tu zona. Sin contratos de permanencia, sin letra pequeña, sin complicaciones. Pide tu presupuesto ahora y ten tu web lista en menos de una semana.

Hablemos de tu proyecto →

Sigue leyendo

¿Listo para tu nueva web?

Diseño web profesional en Barcelona desde 99€. Sin sorpresas.

Ver planes y precios →