JMCRO
Volver a los trabajos

Servicios financieros B2B / GANA Business Solutions

Una marca paraguas, cuatro líneas sin perderse.

Sistema de navegación, servicios y plantillas para GANA CFO, Finance, Accounting y Pay.

Rol de José
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
Primera pantalla de la home de GANA Business Solutions en desktop: menú en píldora con Home, Spectrum, About us y Blog, botón "Contact Us" aparte; titular "Financial Stability for Education and Healthcare SMEs", párrafo, botones "Request A Free Consultation" y "Learn More About Us", y a la derecha la foto de una mujer con una carpeta.

Captura del 26/09/2026, puede incluir cambios posteriores a la entrega.

Qué incluyó el trabajo

Alcance y evidencia

Entrega e instrumentación, sin reporting de impacto. Capturas de 26/09/2026, con posibles cambios posteriores a la entrega.

El siguiente relato conserva la voz de José y describe su participación histórica. El copy y las fotografías del proyecto fueron aportados por el cliente.

Consultar la ficha original del portafolio

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.

Participación de José

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.

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.

Decisiones

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.

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.

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ú.

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.

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.

Hipótesis posterior: qué se podría probar

Propuesta de experimento del relato original. No es una intervención ejecutada ni un resultado obtenido.

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.

Otros problemas, otras decisiones.

Ver todos los trabajos

Tu plataforma puede tener un siguiente paso más claro.

Cuéntanos qué necesitas resolver. Empezamos por el contexto, el recorrido y el alcance adecuado.

Hablemos de tu proyecto

Prepara una consulta con contexto.