GANA Business Solutions · Servicios financieros B2B · WordPress

Cuatro líneas de servicio bajo una marca paraguas, sin que ninguna se pierda

Rol
Senior CRO & UX/UI Consultant
Periodo
Práctica independiente, 2022 — 2025
Plataforma
WordPress · Elementor · Astra
Herramientas
Figma · GA4 · Clarity
Cliente
GANA Business Solutions, Miami (Florida) · vía Aquinas Network SAS

Las capturas son del sitio en vivo al 26 de septiembre de 2026 y pueden incluir cambios posteriores a mi entrega.

Fig. 0 — Primera pantalla de la home en desktop. El titular promete estabilidad a dos sectores concretos, educación y salud, antes que enumerar servicios (B), y cierra con una sola acción principal: pedir una consulta gratuita (A). Captura del 26/09/2026, recortada a 16:9.

01 — Contexto

GANA Business Solutions ofrece servicios financieros a pymes de educación y salud en Estados Unidos, organizados en cuatro submarcas: GANA CFO, GANA Finance, GANA Accounting y GANA Pay.

El sitio tenía que presentar esas cuatro líneas, de profundidad consultiva muy distinta, bajo una sola narrativa de estabilidad financiera, y convertir las visitas en solicitudes de consulta. Diseñé la experiencia UX/UI y desarrollé el sitio en WordPress y Elementor. GANA Pay, la línea de nómina, tiene además su propio sitio (gana-pay.com), que es otro caso de este Archivo y comparte sistema con este.

02 — Mi rol

Definí la arquitectura de información de la marca paraguas y sus cuatro líneas, y diseñé y desarrollé las plantillas de home, línea de servicio, nosotros y contacto. Instrumenté GA4 y revisé mapas de calor en Clarity. Trabajé en el proyecto a través de Aquinas Network SAS. El copy y las fotos los aportó el cliente.

03 — Diagnóstico

Cuatro submarcas con nombres parecidos compiten por la misma atención

Era un sitio nuevo, sin versión anterior, así que el problema estaba en el propio encargo: cómo presentar la oferta sin que se leyera difusa o genérica. La causa que identifiqué fue estructural: cuatro submarcas que empiezan igual ("GANA …") y describen servicios que se solapan (CFO y Finance, Accounting y Pay) obligarían al visitante a entender la organización antes de saber a quién escribir.

Le costaría al dueño de una pyme, que probablemente llega con un problema concreto (nómina, impuestos, conciliaciones) y no con el nombre de una submarca. Y le costaría a GANA, que recibiría consultas genéricas y tendría que calificarlas en la primera llamada.

04 — Decisiones

  1. A. Prometer a un sector antes que enumerar servicios

    Problema
    Cuatro submarcas en la primera pantalla obligan a elegir antes de entender qué hace la empresa.
    Decisión
    El hero habla a "Education and Healthcare SMEs" con una promesa de estabilidad financiera y una sola acción principal, "Request A Free Consultation"; "Learn More About Us" queda como secundaria.
    Por qué esa
    Valoré abrir con las cuatro líneas; preferí una promesa sectorial porque así el visitante no tiene que saber qué es un servicio "CFO" frente a "Finance" antes de contactar. El coste: la home no dice en la primera pantalla qué servicios existen.
    Qué esperaba
    Que el dueño de una pyme del sector se reconociera en el titular y pidiera la consulta sin tener que clasificarse primero.
    Ver Fig. 0 (A, B)
  2. B. Las cuatro submarcas bajo una sola entrada de menú

    Problema
    Cuatro entradas "GANA …" en el primer nivel se leen como cuatro empresas.
    Decisión
    Un menú de cuatro entradas (Home, Spectrum, About us, Blog) con las líneas en el submenú "Spectrum" y el contacto fuera, como botón. En móvil, la consulta queda fija al pie del panel.
    Por qué esa
    Valoré una entrada genérica como "Services"; preferí un nombre propio para el conjunto ("Spectrum") porque refuerza la marca paraguas. El coste: "Spectrum" no dice qué hay dentro hasta que se abre.
    Qué esperaba
    Que la navegación transmitiera una sola empresa con cuatro especialidades, no cuatro sitios.
    Ver Fig. 1
  3. C. Un código de color por línea, en tarjetas del mismo peso

    Problema
    Nombres parecidos y descripciones que se solapan hacen difícil distinguir las líneas de un vistazo.
    Decisión
    Un bloque "Services Spectrum" que presenta la marca paraguas en un párrafo y luego cuatro tarjetas iguales, cada una con una hoja del isotipo como color y un único "More Information".
    Por qué esa
    Valoré destacar una línea sobre las demás; preferí darles el mismo peso porque no había datos de cuál traía más clientes y destacar una habría sesgado la elección. El coste: el bloque renuncia a la jerarquía.
    Qué esperaba
    Que cada línea fuera reconocible por su color también en su página y en el menú.
    Ver Fig. 2
  4. D. Una plantilla de línea con conmutador entre las cuatro

    Problema
    Quien entra a la línea equivocada tiene que volver a la home para buscar otra.
    Decisión
    Cada página de línea abre con su nombre, una frase y un conmutador con las cuatro líneas, con la actual resaltada; debajo, los servicios de esa línea y el cierre con el CTA de consulta.
    Por qué esa
    Valoré depender del submenú; preferí un conmutador visible porque, una vez en la página, el submenú ya no está a la vista. El coste: repetir navegación en cada página.
    Qué esperaba
    Que el visitante corrigiera su elección sin salir de la sección de servicios.
    Ver Fig. 3
Fig. 1 — Menú en desktop con "Spectrum" abierto, y menú móvil. Agrupé las cuatro submarcas bajo una sola entrada y dejé el contacto fuera del menú, como botón. Fíjate en que en móvil la consulta gratuita queda fija al pie del panel. Captura del 26/09/2026.
Fig. 2 — "Services Spectrum" en la home, en desktop y en móvil (390 px). Cada línea es una tarjeta del mismo peso, con una hoja del isotipo como código de color y un único botón. Fíjate en que el párrafo nombra las cuatro submarcas antes de las tarjetas. Captura del 26/09/2026.
Fig. 3 — Plantilla de línea de servicio (GANA Accounting) en desktop. Cada línea abre con su nombre, una frase y un conmutador con las cuatro líneas, con la actual resaltada. Fíjate en que se puede saltar a otra línea sin volver a la home. Captura del 26/09/2026.
Fig. 4 — Formulario de contacto en desktop. Cuatro campos y un consentimiento explícito para la llamada. Fíjate en que no pide la línea de servicio: el formulario no sabe desde qué submarca llega la consulta. Captura del 26/09/2026.

05 — Sistema

Quedó una marca paraguas con un menú que agrupa las cuatro líneas (Fig. 1), un bloque de tarjetas con código de color por submarca (Fig. 2), una plantilla de línea de servicio con conmutador que se repite en las cuatro páginas (Fig. 3) y un formulario de contacto único (Fig. 4). El cierre "Achieving Financial Clarity", con el mismo CTA de consulta, se repite al final de cada página.

El alcance cerró en entrega e instrumentación, no en reporting de impacto, así que este caso no reporta cifras.

06 — Qué probaría ahora

Todas las páginas terminan en el mismo formulario, que no sabe de qué línea viene la consulta (Fig. 4). Probaría a pasar la línea de origen al formulario y a pedir el sector en un solo campo.

Hipótesis
Si el formulario llega con la línea de origen ya seleccionada y pide el sector (educación o salud) como único campo nuevo, la tasa de envío se mantiene y GANA recibe consultas que puede asignar sin una llamada previa.
Métrica primaria
Envíos del formulario por sesión que llega desde una página de línea, en GA4.
Secundaria
Porcentaje de consultas que el equipo asigna a una línea sin pedir más información.
Control
El formulario actual de cuatro campos. Reparto 50/50 hasta el tamaño de muestra calculado sobre la línea base; con tráfico B2B bajo, probablemente varias semanas.
Siguiente caso — ArchivoMP Asistencias Legales