Diseño Web en México: Qué Debe Tener un Sitio que Vende

Casi todos los proyectos de diseño web que llegan a nuestra oficina empiezan con la misma frase: «necesito una página nueva porque la que tengo ya se ve vieja». Y casi siempre, cuando revisamos los números, el problema no era que se viera vieja. Era que el sitio tardaba nueve segundos en abrir en celular, que el botón de contacto estaba hasta el final, o que nadie sabía qué hacer al llegar.

Un sitio bonito que no vende es un gasto. Un sitio ordinario que llena tu bandeja de solicitudes es una inversión. La diferencia casi nunca está en el gusto de quien lo diseñó: está en las decisiones que se tomaron antes de abrir el primer archivo.

Esta guía es lo que le explicamos a un cliente que nos pide una cotización de diseño de sitios web, antes de hablar de precio. Sirva para contratarnos a nosotros o para contratar a cualquier otro con mejores preguntas en la mano. Si todavía estás decidiendo si necesitas ayuda externa, empieza por qué hace exactamente una agencia de marketing digital.

Qué es el diseño web y qué no es

El diseño web es el conjunto de decisiones que determinan qué ve una persona al entrar a tu sitio, en qué orden lo ve, qué tan rápido lo ve y qué puede hacer con eso. La estética es una parte. No es la parte más grande.

Lo que sí es diseño web:

• Decidir qué pregunta responde cada pantalla y en qué orden aparecen.

• Definir la ruta que lleva de «acabo de llegar» a «ya te escribí».

• Elegir la estructura de URLs, los títulos y los encabezados con los que Google va a entenderte.

• Establecer cuánto pesa cada imagen y cuánto tarda la página en ser usable.

• Escribir los textos que sostienen todo lo anterior.

Lo que no es diseño web, aunque se venda así: elegir una plantilla, cambiarle los colores al logotipo y sustituir las fotos de archivo por las tuyas. Eso es maquillaje sobre una estructura que alguien más decidió, para un negocio que no es el tuyo.

Y hay un paso previo que casi siempre se salta: saber a quién le estás hablando. Un sitio se diseña para una persona concreta con una duda concreta, no para «el mercado». Cuando esa persona no está definida, el diseño acaba decidiéndose por gusto, que es la peor forma de decidirlo. Si nunca lo has hecho formalmente, ahí entran los estudios de mercado — y explicamos cuándo conviene cada herramienta en estudios de mercado o focus group.

Los siete elementos que todo diseño web debe tener para vender

Después de varios años armando sitios, esta es la lista corta que revisamos antes de dar por terminado cualquier proyecto. Si uno solo falta, el sitio pierde solicitudes todos los días sin que nadie se dé cuenta.

• Una promesa clara en la primera pantalla. Qué haces, para quién y qué gana esa persona. Sin metáforas. Si alguien tiene que bajar para entender a qué te dedicas, ya perdiste a la mitad.

• Una sola acción principal, repetida. Un sitio con seis botones distintos compitiendo entre sí no tiene ninguno. Elige la acción que de verdad importa —escribir, cotizar, agendar— y repítela a lo largo del recorrido.

• Prueba de que existes y de que funcionas. Clientes, casos, cifras de operación, reseñas reales. La confianza no se declara, se demuestra.

• Rutas de contacto que abran de un toque. El teléfono debe marcar. El WhatsApp debe abrir la conversación. El correo debe abrir el cliente de correo. Es de las cosas más fáciles de arreglar y de las que más se rompen.

• Contenido que responda las dudas reales. Precios, plazos, alcance, qué pasa si no funciona. Cada duda sin responder es una razón para irse a buscar a otro. Nosotros lo resolvimos publicando las preguntas que más nos hacen con su respuesta completa.

• Velocidad. Va aparte porque es la que más se sacrifica y la que más caro cuesta.

• Medición desde el primer día. Si no sabes cuántas personas llegaron, por dónde entraron y en qué punto se fueron, no tienes un sitio: tienes un folleto caro. Es la base de cualquier trabajo de growth marketing posterior.

Diseño web y velocidad: el dato que casi nadie mide

Es el punto donde más proyectos se caen y del que menos se habla en las cotizaciones. Un sitio precioso que tarda en cargar pierde visitantes antes de que vean lo precioso que es, y Google lo sabe: la velocidad de carga es parte de cómo evalúa la experiencia de una página.

Lo que normalmente la arruina, en orden de frecuencia:

• Imágenes subidas al tamaño original de la cámara, sin comprimir ni redimensionar.

• Videos de fondo en la primera pantalla, que además casi nadie ve completos.

• Tipografías cargadas desde tres servicios distintos.

• Aplicaciones y complementos acumulados que ya nadie usa pero siguen cargando.

• Animaciones de entrada que retrasan el momento en que se puede leer el texto.

La herramienta pública de Google, PageSpeed Insights, mide esto gratis y en dos minutos. Pide que te muestren esa medición del sitio antes de entregarlo, y otra vez un mes después. Es la comprobación más barata que existe en todo un proyecto de diseño web.

Cuánto cuesta el diseño de páginas web en México

No vamos a publicar un rango de precios, y la razón es honesta: cualquier número que pongamos aquí sería falso para la mitad de quienes lo lean. Un sitio de cinco pantallas para una consultoría y una tienda con inventario de trescientos productos no se parecen en nada, aunque los dos sean «una página web».

Lo que sí podemos decirte con precisión es qué mueve el precio, para que compares cotizaciones que hoy parecen incomparables:

• Número de pantallas únicas. No de páginas: de diseños distintos. Veinte fichas de producto con la misma estructura cuestan mucho menos que cuatro pantallas diseñadas cada una desde cero.

• Quién escribe los textos. Si los entregas tú, el proyecto se acorta. Si los escribimos nosotros, es trabajo de redacción y se cotiza como tal.

• Quién pone las imágenes. Banco de imágenes, tus fotos existentes o una sesión nueva de producción de video y fotografía son tres presupuestos muy distintos.

• Integraciones. Cobros en línea, inventario, sistema de citas, facturación, conexión con tu CRM. Cada una es un proyecto pequeño dentro del proyecto.

• Idiomas. Un sitio bilingüe no cuesta el doble, pero sí bastante más que uno.

• Plazo. Comprimir a la mitad el tiempo de un proyecto siempre cuesta dinero, en cualquier industria.

• Qué pasa después de entregarlo. Mantenimiento, respaldos, actualizaciones y quién responde cuando algo se rompe un domingo.

Cuando pidas cotizaciones, exige que las siete líneas vengan desglosadas. Dos presupuestos con el mismo total pueden ser proyectos radicalmente distintos, y solo el desglose lo revela. Si quieres el nuestro para tu caso concreto, escríbenos y lo armamos.

Plantilla, constructor o desarrollo a la medida: cuál te conviene

Es la primera bifurcación real, y la respuesta no es siempre la más cara.

• Plantilla adaptada. Rápida y económica. Funciona bien cuando el negocio es directo, el catálogo es corto y lo que urge es existir con dignidad. Su límite aparece cuando necesitas algo que la plantilla no previó.

• Constructor visual con diseño propio. El punto medio donde vive la mayoría de los proyectos sanos: control real sobre la estructura y el diseño, sin el costo ni los plazos de programar desde cero. Es donde trabajamos casi siempre.

• Desarrollo a la medida. Se justifica cuando el sitio es parte del producto: plataformas con usuarios registrados, catálogos que se conectan a un inventario vivo, herramientas internas. Cuesta más, tarda más y hay que mantenerlo, pero no tiene techo.

La pregunta que resuelve la duda no es «cuál es mejor», sino qué va a necesitar este sitio dentro de dos años. Un proyecto que empezó como plantilla y hoy pelea contra sus propios límites cuesta más que haber elegido bien desde el principio.

Diseño web para móvil: donde se pierde la mayoría de los clientes

En prácticamente todos los proyectos que medimos, más de la mitad del tráfico llega desde un teléfono. Y sin embargo, casi todos los sitios se diseñan primero en pantalla grande y se «adaptan» al final, cuando ya no queda presupuesto ni paciencia.

Lo que revisamos siempre en la versión móvil:

• Que la promesa principal se lea sin hacer zoom y sin bajar.

• Que los botones tengan tamaño de dedo, no de cursor.

• Que el menú abra rápido y quepa en la pantalla sin desplazamiento interno.

• Que los formularios usen el teclado correcto: numérico para teléfono, correo para correo.

• Que las tablas y los precios no se salgan de la pantalla a lo ancho.

• Que el botón de contacto esté siempre a la vista, no solo al final.

Un buen diseño web no es el que se ve bien en la laptop del director. Es el que funciona en un celular de gama media, con datos móviles, a las dos de la tarde en el tráfico.

El SEO no se agrega después, se diseña desde el principio

Esta es la factura oculta de casi todos los rediseños. Un sitio nuevo que cambia todas sus direcciones sin redirigir las anteriores pierde de golpe el posicionamiento que tardó años en construir. Lo hemos visto costar meses de recuperación.

Lo que se decide durante el diseño y ya no se puede arreglar barato después:

• La estructura de direcciones y su jerarquía.

• Los títulos y las descripciones de cada página.

• Los encabezados y el orden en que organizan el contenido.

• El texto alternativo de las imágenes.

• Las redirecciones desde las direcciones viejas hacia las nuevas.

• Si el sitio va a tener blog, y dónde va a vivir.

Ese último punto vale la pena subrayarlo: las páginas de servicio venden, pero casi nunca son las que atraen a alguien que todavía no sabe que te necesita. Eso lo hace el contenido. Si te interesa el tema a fondo, lo desarrollamos en cómo el SEO transforma un negocio.

Qué preguntar antes de contratar un diseño web

Estas son las preguntas que separan una cotización seria de una lista de deseos. Hazlas todas, a todos los candidatos, y compara las respuestas:

• ¿Cuántas pantallas únicas incluye y qué pasa si necesito una más?

• ¿Quién escribe los textos y quién los aprueba?

• ¿Las imágenes están incluidas o las pongo yo?

• ¿Me van a mostrar la medición de velocidad antes de entregar?

• ¿Qué pasa con las direcciones de mi sitio actual? ¿Se redirigen?

• ¿El sitio queda a mi nombre? ¿Quién es dueño del dominio y del hospedaje?

• ¿Puedo editar los textos yo mismo después, sin pagar?

• ¿Qué incluye el mantenimiento y qué se cobra aparte?

• ¿En cuánto tiempo responden si algo se cae?

• ¿Cómo voy a saber si está funcionando? ¿Qué se mide y quién me lo reporta?

La última es la más importante y la que menos se hace. Un sitio sin medición no se puede mejorar: solo se puede volver a rehacer dentro de dos años, otra vez desde cero.

Si un proveedor no te puede explicar en una frase cómo vas a saber si el sitio funcionó, todavía no tienes una propuesta: tienes un presupuesto.

Los errores de diseño web que más caro salen

• Rehacer el sitio sin redirigir las direcciones viejas. El más caro de todos, y se comete por prisa.

• Diseñar sin los textos definitivos. El texto de relleno miente sobre el espacio que necesita el texto real. Todo se rompe al final.

• Poner todo en la página de inicio. Una página que quiere decirlo todo no dice nada y no posiciona para nada.

• Enterrar el contacto. Si hay que buscar cómo escribirte, no te escriben.

• Aprobar por comité. Cinco opiniones sin un responsable producen un sitio sin postura, que no le habla a nadie.

• Olvidar quién lo va a mantener. Un sitio que solo el proveedor puede editar es una suscripción disfrazada de proyecto.

• Copiar al competidor. No sabes si su sitio le funciona. Probablemente él tampoco lo sabe. Preguntarle a tu público sale más barato que copiarle a alguien que está adivinando igual que tú.

Preguntas frecuentes sobre diseño web

¿Cuánto tarda un proyecto de diseño web? Un sitio institucional de cinco a ocho pantallas, con textos e imágenes listos, suele tomar de cuatro a seis semanas. Lo que más lo alarga no es el diseño: son las rondas de revisión y la espera del contenido.

¿Necesito un sitio si ya tengo redes sociales? Sí, y por una razón de fondo: las redes son territorio rentado. Las reglas, el alcance y la permanencia los decide otro. Tu sitio es lo único digital que es tuyo. Además, cuando alguien te busca por tu nombre, el sitio es lo que da seriedad. Lo tratamos a detalle en qué debe entregar una agencia de redes sociales.

¿Puedo hacerlo yo con un constructor? Puedes, y para algunos negocios tiene todo el sentido. La pregunta real es cuánto vale tu tiempo y qué tan caro te sale un sitio que se ve improvisado. Si tu producto es de precio alto o el ciclo de venta es largo, la primera impresión pesa mucho.

¿Cada cuánto se debe rediseñar? No hay un calendario. Se rediseña cuando el negocio cambió, cuando el sitio dejó de reflejar lo que vendes o cuando la medición muestra que la gente llega y se va. Rediseñar por aburrimiento es la forma más cara de no mejorar nada.

¿El diseño web incluye el posicionamiento? Incluye las bases técnicas: estructura, títulos, velocidad, encabezados y redirecciones. El posicionamiento sostenido es otro trabajo, continuo, que se hace con contenido y con tiempo, y normalmente se apoya en campañas de búsqueda mientras el orgánico madura.

¿Y si ya tengo sitio y solo quiero mejorarlo? Es frecuente y suele ser la mejor decisión. Se audita lo que hay, se identifica dónde se pierde la gente y se interviene solo ahí. Cuesta una fracción de un rediseño completo. Cuéntanos qué tienes hoy y te decimos si conviene arreglar o rehacer.

Cómo decidir esta semana

Sin contratar a nadie todavía, estos cuatro pasos te dan más claridad que tres cotizaciones:

• Abre tu sitio en tu celular, con datos móviles. Cuenta los segundos hasta que puedas leer algo. Si pasan de cinco, ya sabes por dónde empezar.

• Pídele a alguien que no conozca tu negocio que lo abra y te diga a qué te dedicas. Si tarda más de diez segundos, el problema es de mensaje, no de diseño.

• Intenta contactarte a ti mismo. Marca el teléfono desde el sitio. Toca el WhatsApp. Llena el formulario. Verifica que llegue.

• Revisa cuántas visitas tuviste el mes pasado. Si no lo puedes contestar en un minuto, el primer arreglo no es el diseño: es la medición.

Con esas cuatro respuestas en la mano, cualquier conversación con un proveedor cambia de tono. Deja de ser «hazme algo bonito» y pasa a ser «necesito resolver esto».

Si quieres que lo revisemos contigo, en Thinking Social hacemos diseño de sitios web y lo conectamos con el resto: campañas de búsqueda, campañas en redes sociales, community management y growth marketing. Un sitio que vende no es una pieza suelta: es el lugar al que todo lo demás lleva.

Y si antes de decidir quieres comparar proveedores con criterio, empieza por los 10 criterios para elegir agencia, por cuánto cuesta una agencia de marketing digital y por las preguntas frecuentes que nos hacen antes de contratar. Cuando estés listo, cuéntanos qué necesitas.