01/05Proyecto de cliente
Todos los casos

MAV Boutique

Sitio bilingüe para una firma contable y legal, con sus 52 direcciones viejas activas

Sector
Asesoría contable y legal
Ubicación
Pérez Zeledón, Costa Rica
Año
2026
Rol
Diseño · Desarrollo · SEO
Inicio de MAV Boutique en escritorio: el titular «Patrimonio bajo control.» junto a un mapa de Costa Rica con la marca MAV.
01Contexto

Punto de partida

MAV Boutique es una firma contable y legal en Pérez Zeledón, Costa Rica. Atiende contabilidad e impuestos, legal corporativo, planillas y capital humano, y escrow. Su sitio anterior funcionaba en WordPress, con el constructor de páginas Elementor y el complemento de traducción WPML.

El proyecto empezó con tres propuestas de diseño funcionales y el dueño escogió una. Sobre ella rehicimos todo el sitio en español e inglés, mantuvimos activas las 52 direcciones viejas y sumamos un formulario de aplicación que solo confirma la solicitud cuando el servicio de correo la acepta. El sitio nuevo está en línea desde octubre de 2026.

026 funciones

Lo que construimos

01/06

Tres direcciones, una elegida

El proyecto empezó con tres propuestas de diseño funcionales: Planta, Protocolo y Torre de Control. El dueño las comparó como páginas reales y eligió Torre de Control el 20 de agosto de 2026. Sobre ella se construyó el sitio completo.

La página de la sala de muestras «Tres direcciones. Una sola marca.» con tres paneles: Planta, Protocolo y Torre de Control.
02/06

Una portada sobre Costa Rica

La portada abre con el contorno de Costa Rica, trazado de un mapa vectorial con licencia. Las pantallas grandes con mouse y movimiento permitido reciben una placa 3D. Los demás, teléfonos incluidos, ven un dibujo liviano y no descargan el código 3D.

El inicio en un teléfono: titular, dos botones y la parte superior del mapa de Costa Rica.
03/06

Cuatro pilares, una torre de control

Contabilidad e impuestos, legal corporativo, capital humano y escrow giran en torno a una idea: la Torre de Control. El inicio la muestra como un anillo. Un panel esboza la herramienta propia de la firma y, como dice su leyenda, no muestra datos de clientes.

Sección del inicio «Cuatro pilares, una sola Torre de Control»: cuatro pilares de servicio alrededor de un emblema circular.
04/06

Una solicitud, no un formulario común

Aplicar lleva tres pasos, y la confirmación solo aparece si el servicio de correo acepta el mensaje. Si no, el formulario lo avisa, conserva las respuestas y ofrece WhatsApp, copiar, descargar o correo.

La página de aplicación en el paso 1 de 3, con campos vacíos de nombre, empresa, correo y teléfono y un botón para continuar.
05/06

Direcciones viejas vivas, idiomas enlazados

Las 52 direcciones públicas que listamos del sitio anterior siguen abriendo una página: 47 en la misma ruta y 5 con redirección. Las páginas en español e inglés se señalan entre sí, y el cambio de idioma abre la página equivalente cuando existe.

Página en inglés «Accounting Services» con un índice lateral de servicios relacionados y las primeras secciones de texto.
06/06

Revisiones contra promesas inventadas

El proyecto tiene revisiones automáticas: accesibilidad, una comparación SEO con el sitio anterior y un control de textos que bloquea promesas, horarios, precios y porcentajes sin confirmar. El 30 de octubre de 2026 repetimos las dos primeras en el sitio en vivo.

03Solo hechos

Resultados

páginas en español (26) e inglés (25), todas en línea
51
direcciones viejas que siguen abriendo: 47 iguales y 5 redirigidas
52/52
problemas graves o críticos de accesibilidad según axe en 51 páginas
0
revisiones SEO aprobadas sobre el sitio en vivo, ninguna fallida
548
desde octubre de 2026; el login y la API del WordPress viejo dan 404
En línea
044 imágenes

Galería

Sección del inicio «No vendemos. Filtramos clientes.» con cuatro pasos numerados, de la aplicación al monitoreo continuo.
01Los cuatro pasos que la firma enumera, de la aplicación al monitoreo.
Menú del teléfono abierto con la lista de Servicios desplegada, seguida de Por qué MAV, Equipo, Clientes y Contacto.
02El menú del teléfono: primero los servicios, luego las páginas de la firma.
El edificio de la firma en Pérez Zeledón, con sus rótulos en las dos fachadas
03El edificio de la firma, tal como aparece en su página Nosotros.
Sección del inicio «Su empresa, en su bolsillo» junto a un panel ilustrado de la Torre de Control con cuatro líneas de señal rotuladas.
04Una ilustración de la herramienta de la firma. La página indica que no muestra datos de clientes.
059 herramientas

Tecnología

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Three.js
  • Bun
  • Vercel
  • Resend
06Siga explorando

Qué sigue