Qué hace un diseñador web y cómo elegir entre freelance o agencia

Índice del artículo
Qué hace un diseñador web, en una frase: convierte lo que tu negocio necesita contar y vender en una web que la gente entiende y usa. Investiga a tu cliente, ordena los contenidos, dibuja bocetos, diseña cómo se verá en móvil y ordenador y, según su perfil, también la monta en un gestor de contenidos o se la pasa a un desarrollador.
Elegir entre un freelance o una agencia depende menos del precio que de tres cosas: cuánto abarca tu proyecto, cuánta continuidad necesitas después del lanzamiento y cuánto quieres coordinar tú. Abajo tienes una tabla para decidir y las preguntas que conviene hacer antes de firmar con cualquiera de los dos.
Qué hace un diseñador web en un proyecto, tarea por tarea
El trabajo visible (colores, tipografías, fotos) es la última capa. Antes hay bastante más, y conviene que sepas qué esperar en cada paso:
- Investigación. Te pregunta qué vendes, a quién, qué te diferencia y cómo te encuentran tus clientes. Revisa webs de tu competencia y qué busca la gente en Google sobre tu servicio.
- Arquitectura de contenidos. Decide qué páginas hacen falta, cómo se agrupan y qué va en el menú. Entrega un mapa del sitio.
- Wireframes. Bocetos en gris de las páginas clave para decidir qué va arriba, qué va después y dónde están los botones de contacto.
- Prototipo. Una versión navegable para probar antes de construir. Como explica Nielsen Norman Group en su artículo sobre prototipos de alta y baja fidelidad, desechar código es muy caro y desechar un prototipo no lo es.
- Diseño visual. El aspecto final de cada tipo de página, en móvil y ordenador, aplicando tu identidad de marca.
- Sistema de diseño. En proyectos con muchas páginas, un conjunto de normas y componentes reutilizables (botones, tarjetas, formularios) para que todo sea coherente. Nielsen Norman Group lo define como un conjunto completo de estándares para gestionar el diseño a escala con componentes y patrones reutilizables (Design Systems 101). En una landing basta con una guía sencilla de colores, tipografías y botones.
- Accesibilidad. Contraste, tamaño de letra, botones fáciles de pulsar y formularios con etiquetas claras. La referencia son las pautas WCAG del W3C, cuya versión 2.2 se publicó en octubre de 2023 y se actualizó en diciembre de 2024.
- Colaboración con desarrollo y SEO. Entrega los diseños de forma que se puedan construir sin adivinar, revisa que la web montada respete lo aprobado y coordina con SEO los encabezados, las URL y los textos de cada página.
Los principios de psicología que aplica un buen diseñador
Detrás de muchas decisiones de diseño hay principios estudiados del comportamiento de los usuarios. Dos de los más útiles para un negocio:
- La gente espera que tu web funcione como las demás. Es la llamada ley de Jakob: los usuarios pasan la mayor parte de su tiempo en otras webs y prefieren que la tuya funcione igual que las que ya conocen (Nielsen Norman Group). Menú arriba, logotipo que lleva al inicio, carrito arriba a la derecha. Ser original en la navegación suele salir caro.
- Los botones grandes y cercanos se alcanzan antes. La ley de Fitts dice que el tiempo para alcanzar un objetivo depende de su tamaño y de la distancia (explicación de Nielsen Norman Group). Por eso el botón de llamar o reservar debe ser fácil de tocar con el pulgar. Las WCAG 2.2 fijan, en su nivel AA, un tamaño mínimo de 24 por 24 píxeles CSS para los objetivos táctiles, con excepciones (criterio 2.5.8 del W3C).
No hace falta que conozcas los nombres. Sí que preguntes al diseñador por qué ha colocado cada cosa donde está: si sabe explicarlo en términos de lo que hará tu cliente, vas bien.
Qué es un diseñador web y qué perfiles hay: qué pedir a cada uno
«Diseñador web» es una etiqueta amplia. Detrás puede haber perfiles muy distintos, y saber cuál tienes delante evita malentendidos. Si quieres el contexto completo de cómo encajan diseño y programación, lo explicamos en diseño web frente a desarrollo web.
| Perfil | Qué hace | Qué pedirle | Cuándo lo necesitas |
|---|---|---|---|
| Diseñador UX/UI | Investigación, arquitectura, wireframes, prototipos e interfaz | Mapa del sitio, prototipo navegable y diseño de cada tipo de página | Webs con muchos contenidos, tiendas, aplicaciones o rediseños con problemas de conversión |
| Diseñador web (que también monta) | Diseña y construye la web en un CMS, a menudo con un constructor visual | Web funcionando en pruebas, accesos al CMS y guía básica de uso | Landing pages y webs corporativas de pymes |
| Maquetador o desarrollador front-end | Convierte un diseño en código que funciona en todos los dispositivos | Fidelidad al diseño, velocidad, accesibilidad, código ordenado | Cuando el diseño lo hace otra persona |
| Desarrollador back-end o full-stack | Servidor, base de datos, pagos, integraciones, funciones a medida | Documentación, repositorio de código y plan de mantenimiento | Tiendas complejas, reservas, áreas privadas, conexiones con tu sistema de gestión |
En proyectos pequeños es normal que una sola persona cubra varios perfiles. Lo importante es que el presupuesto diga quién hace cada parte, incluidas las que no son diseño ni código: textos, fotos y SEO.
Las herramientas de un diseñador web (y por qué te importan)
Los diseñadores trabajan con herramientas de diseño y prototipado, como Figma, y con gestores de contenidos como WordPress, Shopify o Webflow para montar la web. Si quieres ver cómo es por dentro, tenemos una guía de Figma.
Como cliente, la herramienta te importa por dos motivos. El primero, el acceso: pide que los archivos de diseño queden compartidos contigo o se te entreguen al final, para que otro profesional pueda continuar el trabajo. El segundo, la dependencia: si la web se monta con una herramienta poco común o con licencias a nombre del diseñador, cambiar de proveedor será más difícil. Pregunta qué licencias de pago lleva la web, a nombre de quién y cuánto cuestan al año.
Cuánto cobra un diseñador web y cómo se forma el precio
No hemos encontrado una estadística oficial y actualizada de tarifas de diseñadores web en Canarias, y las cifras de portales de empleo mezclan perfiles y sueldos de asalariados que no sirven para saber cuánto te costará un proyecto. Lo útil es entender cómo se forma el precio, para poder comparar presupuestos.
Las tres formas habituales de cobrar
- Por proyecto: un precio cerrado por un alcance definido. Es lo más común en webs de pymes. Exige que el alcance esté bien escrito.
- Por horas: habitual en cambios, mantenimiento o proyectos poco definidos. Pide una estimación de horas y un tope.
- Cuota mensual: diseño, alojamiento y mantenimiento por una cantidad al mes. Lee bien qué pasa con la web si dejas de pagar.
Qué hay dentro del precio
Un presupuesto honesto suma las horas de cada fase (investigación, diseño, montaje, pruebas, reuniones y revisiones), las licencias de pago (tema, plugins, tipografías, bancos de imágenes), el alojamiento y el dominio, los contenidos si no los pones tú y un margen para imprevistos. Lo que no está desglosado no se puede comparar.
Ejemplo hipotético: supongamos dos presupuestos para una web corporativa de seis páginas, uno de 800 € y otro de 1.600 €. Si el primero no incluye textos, ni fotos, ni número de revisiones, y el segundo incluye redacción de las seis páginas y dos rondas de cambios, no estás comparando lo mismo. Pide a ambos el mismo desglose antes de decidir.
Para rangos de precio por tipo de web en la isla, consulta nuestro artículo sobre cuánto cuesta una página web en Tenerife.
Freelance o agencia de diseño web: cómo decidir
Ninguna opción es mejor en abstracto. Esta tabla resume las diferencias habituales; en cada caso concreto puede haber excepciones.
| Criterio | Diseñador freelance | Agencia |
|---|---|---|
| Coste | Suele ser menor por tener menos estructura | Suele ser mayor; incluye coordinación y más perfiles |
| Trato | Hablas directamente con quien hace el trabajo | Tienes un interlocutor y detrás un equipo |
| Disponibilidad | Depende de una persona: vacaciones, bajas o picos de trabajo frenan el proyecto | Más capacidad para cubrir ausencias y urgencias |
| Amplitud de servicios | Normalmente diseño y montaje; el resto, con colaboradores o por tu cuenta | Diseño, desarrollo, SEO, publicidad, redes o fotografía en un mismo sitio |
| Continuidad | Si deja la actividad, necesitas a otro profesional | Más probabilidad de que alguien conozca tu web dentro de unos años |
| Riesgo principal | Dependencia de una persona y accesos concentrados en ella | Que tu proyecto lo lleve alguien distinto al que te vendió el servicio |
Cuándo conviene un freelance
Cuando el proyecto es acotado (una landing, una web corporativa sencilla), tienes los textos y las fotos, el presupuesto es ajustado y quieres trato directo. También si encuentras a alguien especializado en tu sector cuyo trabajo puedes comprobar.
Cuándo conviene una agencia
Cuando la web forma parte de una estrategia más amplia (posicionamiento, publicidad, redes), necesitas varios perfiles a la vez, el proyecto tiene integraciones o plazos ajustados, o valoras que haya alguien que responda dentro de dos o tres años. Para un hotel, una clínica con varias sedes o una tienda online que quiere invertir en anuncios, suele encajar mejor.
Si tu negocio está en Tenerife, ¿importa que sea local?
No es imprescindible, pero ayuda: facilita reuniones en persona, sesiones de fotos en tu local y conocer el mercado (público residente y turista, temporadas, búsquedas en varios idiomas). Si contratas a un diseñador web en Tenerife o fuera, lo que importa es que entienda a tu cliente y responda cuando lo necesites.
Preguntas que debes hacer antes de contratar a un diseñador web
Vale para freelance y para agencia. Llévalas a la reunión y pide que las respuestas importantes queden en el contrato:
- ¿A nombre de quién se registran el dominio y el hosting? Deben estar a tu nombre, con tus accesos, aunque los gestione el proveedor.
- ¿De quién serán el código, los diseños y los textos? La Ley de Propiedad Intelectual atribuye al empresario, salvo pacto en contrario, los derechos de explotación de los programas que crea un trabajador asalariado en sus funciones (artículo 97.4), pero un freelance o una agencia no son tus asalariados. Las reglas generales de cesión de esa ley (artículos 43 y 45) exigen formalizarla por escrito y la limitan a lo que se pacte; si no se fija plazo, queda limitada a cinco años. Que el contrato diga qué te cede, para qué usos y sin límite temporal.
- ¿Qué incluye el mantenimiento? Actualizaciones, copias de seguridad, seguridad, cambios pequeños, tiempo de respuesta. Y qué no incluye.
- ¿Qué base SEO lleva la web? Estructura de encabezados, URL limpias, títulos y descripciones, velocidad, versión móvil, redirecciones si es un rediseño. Es más barato decidirlo en el diseño que corregirlo con la web publicada. Si quieres saber qué supone ese trabajo continuado, lo desglosamos en cuánto cuesta el SEO en Tenerife.
- ¿Cuáles son los plazos y qué necesitas de mí? Fechas por fase y qué material debes entregar tú. Los retrasos suelen venir de los contenidos.
- ¿Cuántas rondas de cambios entran? Y cuánto cuestan las siguientes.
- ¿Quién tratará los datos de los formularios? Si el proveedor aloja tu web o gestiona esos datos por ti, el Reglamento General de Protección de Datos (artículo 28) exige que esa relación se regule por un contrato de encargado del tratamiento (u otro acto jurídico equivalente).
- ¿Cumplirá requisitos de accesibilidad? Si vendes online a consumidores y no eres microempresa, la Ley 11/2023 exige accesibilidad a los servicios de comercio electrónico desde el 28 de junio de 2025.
- ¿Puedo ver webs reales que hayas hecho y hablar con algún cliente? Un portafolio verificable son webs publicadas que puedes visitar, no solo capturas.
Señales de alarma al contratar diseño web
Ninguna por sí sola descarta a un profesional, pero si ves dos o tres juntas, sigue buscando:
- Te garantiza la primera posición en Google o dice tener una relación especial con Google. La guía de Google ¿Necesitas un SEO? recuerda que nadie puede garantizar un primer puesto y pide desconfiar de quien presume de una relación especial con Google.
- Registra el dominio a su nombre «para facilitarte las cosas» o no te da accesos de administrador.
- El presupuesto es una cifra sin desglose ni alcance por escrito.
- No te hace preguntas sobre tu negocio y te enseña directamente una plantilla.
- Su portafolio son capturas sin enlaces o webs que ya no existen.
- No hay contrato, o el contrato no menciona propiedad, mantenimiento ni plazos.
- Pide el pago completo por adelantado en un proyecto de varias semanas.
- No sabe explicar cómo se verá ni cómo funcionará la web en el móvil.
Próximos pasos para elegir a tu diseñador web
- Define el tipo de web y su objetivo principal en una página.
- Decide con la tabla si tu caso pide un freelance o una agencia.
- Pide dos o tres presupuestos con el mismo encargo y exige el mismo desglose.
- Haz las preguntas de la lista y comprueba el portafolio visitando las webs.
- Firma un contrato que recoja propiedad, accesos, mantenimiento, plazos y protección de datos.
Si quieres ver cómo planteamos estos proyectos, en nuestra página de diseño web en Tenerife explicamos el proceso y qué queda a tu nombre desde el primer día.
Preguntas frecuentes
¿Qué hace exactamente un diseñador web?
Planifica y diseña cómo será una web para que cumpla un objetivo de negocio. Investiga a tus clientes, decide qué páginas hacen falta y cómo se ordenan, dibuja bocetos y prototipos, diseña el aspecto en móvil y ordenador y cuida la accesibilidad. Según su perfil, también monta la web en un gestor de contenidos o entrega los diseños a un desarrollador para que los construya.
¿Qué diferencia hay entre un diseñador web y un desarrollador web?
El diseñador decide qué ve el usuario, en qué orden y cómo interactúa con la web. El desarrollador la construye con código para que funcione, cargue rápido y sea segura: formularios, pagos, base de datos o integraciones. En proyectos pequeños una misma persona puede hacer las dos cosas; en proyectos complejos lo normal es que sean perfiles distintos que trabajan coordinados.
¿Cuánto cobra un diseñador web por una página?
Depende del tipo de web, de lo que incluya y de si cobra por proyecto, por horas o con cuota mensual. Una landing con textos aportados por ti no tiene nada que ver con una tienda online con catálogo, pagos y redacción incluida. Para comparar, pide siempre un desglose por fases, licencias, contenidos, revisiones y mantenimiento, y desconfía de cifras cerradas sin alcance por escrito.
¿Es mejor contratar a un freelance o a una agencia de diseño web?
Un freelance suele encajar en proyectos acotados, con presupuesto ajustado y cuando valoras el trato directo. Una agencia encaja mejor si la web forma parte de una estrategia con SEO, publicidad o redes, si necesitas varios perfiles a la vez o si te importa la continuidad a largo plazo. En ambos casos, lo decisivo es el contrato, los accesos a tu nombre y un portafolio comprobable.
¿Qué tiene que estar a mi nombre cuando me hacen una web?
Como mínimo el dominio, la cuenta de hosting, el usuario administrador del gestor de contenidos, la analítica y Search Console. También conviene que el contrato te ceda por escrito los derechos sobre el diseño, el código y los textos para los usos que necesites, sin límite de tiempo, y que te entreguen los archivos de diseño al terminar el proyecto.
¿Un diseñador web se encarga también del SEO?
No siempre. Un buen diseñador deja una base técnica correcta: encabezados ordenados, URL claras, versión móvil y velocidad razonable. Pero la investigación de palabras clave, la estrategia de contenidos y el trabajo continuado de posicionamiento suelen ser tareas de un especialista SEO. Pregunta qué parte del SEO incluye el presupuesto y quién se encarga de las redirecciones si estás rediseñando una web que ya existe.
Fuentes consultadas
- UX Prototypes: Low Fidelity vs. High Fidelity · Nielsen Norman Group
- Design Systems 101 · Nielsen Norman Group
- Jakob's Law of Internet User Experience · Nielsen Norman Group
- Fitts's Law and Its Applications in UX · Nielsen Norman Group
- Pautas de Accesibilidad para el Contenido Web (WCAG): resumen · W3C Web Accessibility Initiative
- Understanding Success Criterion 2.5.8: Target Size (Minimum) · W3C
- Real Decreto Legislativo 1/1996, texto refundido de la Ley de Propiedad Intelectual (arts. 43, 45 y 97) · BOE
- Reglamento (UE) 2016/679, General de Protección de Datos (art. 28) · BOE / DOUE
- ¿Necesitas un SEO? · Google Search Central
- Ley 11/2023, de 8 de mayo, de trasposición de Directivas de la UE en materia de accesibilidad de determinados productos y servicios · BOE