Grupo Valcerra
Ocho negocios distintos, un solo visitante que se puede perder
Un grupo corporativo tiene un problema que un negocio de una sola línea no tiene: hay que explicar ocho cosas sin que la página se vuelva un laberinto y sin que el que buscaba una termine leyendo otra.
- Construido con
- Astro 6 + Tailwind 4
- Páginas
- 3
- Portada servida
- 20 KB
El problema que resuelve
La salida fácil para un grupo con varias divisiones es hacerle una página a cada una. Suena ordenado y casi siempre sale mal: el visitante pierde de vista que son un mismo grupo, el menú se llena, y ocho páginas flojas se leen peor que una página buena.
Valcerra toma el camino contrario. Todo vive en una sola página, ordenada por temas y no por divisiones: qué opera el grupo, quiénes son, cómo trabajan, a quién le trabajan y cómo contactarlos. Las ocho divisiones se presentan juntas dentro del bloque de servicios, porque el argumento de venta del grupo es justamente que son ocho y un solo interlocutor.
Cómo se evita que el visitante se pierda
Una página larga necesita que uno sepa siempre dónde está. Aquí eso se resuelve con tres cosas al mismo tiempo: un menú fijo arriba que cambia de aspecto al empezar a bajar, un índice de siete puntos pegado al costado en pantallas grandes, y un resaltado que va marcando solo el punto de la sección que estás mirando.
Ese resaltado está hecho de una manera que importa: en vez de vigilar el scroll todo el tiempo (que es lo que hace que una página se sienta pesada y caliente el teléfono), el navegador avisa cuando una sección entra en pantalla. En reposo no hay nada corriendo. Es la diferencia entre una página que trabaja siempre y una que trabaja sólo cuando pasa algo.
Lo que pesa una página con ocho negocios adentro
El grupo tiene ocho divisiones, cuatro fotos de portada rotando y ocho imágenes en total, y aun así la página entra en veinte kilobytes de código.
- Divisiones presentadas
- 8Divisiones presentadas
- Portada servida, código completo
- 20 KBPortada servida, código completo
- Todo el JavaScript de la página
- 2 KBTodo el JavaScript de la página
- Peticiones a servidores ajenos
- 0Peticiones a servidores ajenos
Lo que se dibujó a mano, y por qué
Ese cero de arriba no sale solo. Sale de no pedirle nada a nadie: ni tipografías a Google, ni íconos a una librería, ni logos a un tercero.
Veinte íconos propios
En vez de cargar una librería entera para usar ocho dibujos, los ocho dibujos están escritos en el sitio. Pesan lo que pesan y nada más.
Diez marcas de cliente inventadas
La sección de clientes usa diez símbolos geométricos dibujados para la ocasión. Usar logotipos reales de empresas que no son clientes sería mentir, y usar logos de terceros sin permiso es un problema legal.
Las fotos que no se piden hasta que hacen falta
La portada rota entre cuatro fotos. Sólo la primera se descarga al entrar; la siguiente se pide cuando el navegador está desocupado y las otras cuando toca. La primera pantalla no paga por lo que todavía no se ve.
La marquesina que los lectores de pantalla sí leen
La tira de certificaciones que se desliza está marcada como decorativa, y al lado hay una lista invisible con el mismo contenido en texto. Quien usa un lector de pantalla recibe la información; quien no, ve el movimiento.
Grupo Valcerra no existe
Es una marca inventada por nosotros para esta demostración. El nombre, el logotipo, los textos, los teléfonos, los correos, los domicilios y todas las cifras que aparecen en el sitio son datos ficticios: no hay ninguna empresa detrás y no fue un trabajo para un cliente. Lo construimos entero para mostrar cómo resolvemos este tipo de problema. El sitio está fuera de los buscadores a propósito, para que una marca que no existe no compita en Google con negocios que sí.
Qué demuestra
Demuestra que sabemos ordenar mucha información en poco espacio, y que "rápido" no es una promesa sino el resultado de decidir, una por una, qué cosas no se descargan.
Así trabajamos las páginas web para negocios: diseño, hospedaje y administración.