Bien, hemos cubierto los conceptos básicos. Sabes qué es un sitio web. Sabes qué hace que un sitio de negocios sea diferente.
Ahora hablemos de la anatomía real — las partes que componen un sitio de negocios que funciona.
Los Componentes
La mayoría de los sitios de negocios tienen los mismos bloques de construcción. Así es como funcionan.
Hero (Héroe)
La primera cosa que la gente ve. Generalmente una imagen grande o video con un título y subtítulo.
El trabajo del hero: Responder "¿Estoy en el lugar correcto?" en 3 segundos.
Héroe malo: "Innovando el futuro del comercio electrónico global"
Héroe bueno: "Reparación de HVAC en 2 horas o es gratis"
Específico. Claro. Al grano.
Prueba Social
Testimonios. Logos de clientes. Calificaciones. Números ("500+ clientes felices").
La gente no confía en lo que dices sobre ti mismo. Confían en lo que otros dicen sobre ti.
Secciones de Contenido
Bloques de información. Generalmente un título, algo de texto, quizás una imagen.
Mantén estos escaneables. Títulos grandes. Párrafos cortos. Puntos de viñetas.
La gente no lee — escanean. Diseña para escaneadores.
Llamadas a la Acción (CTAs)
Botones. Enlaces. Formularios.
Dile a la gente qué hacer después. "Obtener una cotización." "Programar una llamada." "Ver nuestros servicios."
Cada página debe tener un propósito claro y una CTA que coincida con ese propósito.
Formularios
Captura de clientes potenciales. Formularios de contacto. Formularios de evaluación.
Mantén los formularios cortos. Cada campo que agregas reduce las conversiones. Pregunta solo lo que realmente necesitas.
Imágenes y Media
Fotos. Videos. Íconos.
Usa imágenes reales de tu negocio si puedes. Las fotos de stock se sienten genéricas.
Comprime las imágenes — las imágenes grandes ralentizan tu sitio.
Las Páginas
Aquí está qué páginas necesita la mayoría de los sitios de negocios y qué va en cada una.
Página de Inicio
Tu puerta principal. Presenta quién eres, qué haces y por qué alguien debería preocuparse. Generalmente incluye un hero, algo de prueba social y una CTA clara. Esta página hace el trabajo pesado.
fuente: very good copy
Servicios
Qué haces. Qué ofreces. Cuánto cuesta (si puedes ser transparente sobre el precio).
Organiza esto de una manera que tenga sentido para los clientes, no para ti. Piensa en sus problemas, no en tu estructura interna.
Acerca de / Sobre Nosotros
Quién eres. Por qué existes. Por qué deberían confiar en ti.
No escribas tu historia de vida. Escribe por qué estás calificado para resolver sus problemas.
Testimonios / Portafolio
Prueba de que puedes hacer lo que dices que puedes hacer.
Testimonios específicos vencen a elogios vagos. "Aumentaron nuestros clientes potenciales en un 40%" es mejor que "Excelente servicio."
Blog
Opcional pero útil. Bueno para SEO. Bueno para educar a los clientes. Bueno para mostrar experiencia.
Solo hazlo si lo mantendrás actualizado. Un blog muerto se ve peor que ningún blog.
Contacto
Cómo contactarte. Correo electrónico, teléfono, formulario, ubicación física si tienes una.
Haz que esto sea lo más fácil posible. No hagas que la gente busque tu información de contacto.
Arquitectura de Información
Cómo se conecta todo.
La gente debería poder llegar a cualquier página en 2 clics. Si está más profundo que eso, probablemente nunca lo encontrarán.
Tu navegación debería tener sentido. Usa palabras que los clientes usan, no jerga interna.
El footer generalmente tiene enlaces secundarios — política de privacidad, términos, información adicional que no es crucial pero necesita estar ahí.
Diseño Responsivo
Tu sitio necesita funcionar en teléfonos, tabletas y computadoras.
La mayoría de la gente verá tu sitio en un teléfono. Si se ve bien en escritorio pero se rompe en móvil, has fallado.
Prueba en dispositivos reales. Los emuladores son útiles pero no perfectos.
Rendimiento
Los sitios rápidos ganan. Los sitios lentos pierden.
Objetivos:
- Menos de 3 segundos para carga de página
- Menos de 1 segundo para primera interacción
- Archivos de imagen menores a 200kb cada uno
Google penaliza los sitios lentos. Los usuarios abandonan los sitios lentos. La velocidad importa.
Accesibilidad
Tu sitio debe funcionar para todos.
Texto alt en imágenes (para lectores de pantalla). Suficiente contraste de color. Navegación por teclado. Títulos apropiados.
Esto no es solo amable — en muchos lugares es legalmente requerido.
Lo Que Viene
Has aprendido la anatomía — qué partes componen un sitio de negocios.
A continuación: de vuelta al lado técnico. Cómo los sitios hablan con otros sistemas. Cómo los datos fluyen. Por qué las integraciones importan.
Resumen
- Los componentes incluyen heroes, prueba social, contenido, CTAs, formularios, media
- Las páginas clave son inicio, servicios, acerca de, testimonios, contacto
- Mantén las cosas escaneables — la gente no lee, escanea
- El diseño responsivo es obligatorio — la mayoría del tráfico es móvil
- El rendimiento importa — los sitios lentos pierden dinero
- La accesibilidad hace que tu sitio funcione para todos
- La arquitectura de información debe tener sentido para los clientes, no para ti
