# OfiHQ, full landings corpus > Concatenated from projects/ofihq/landings/. Generated by bin/llms-full. ## home # Landing: `/` (Home) > Borrador detallado del contenido de la página **Inicio** de ofihq.es. Bloque C del orden de trabajo (ver §9 de `site-structure.md`): se redacta extrayendo titulares, leads y pruebas del bloque A (10 landings de módulo) y del bloque B (4 landings sectoriales). Mismo patrón estructural que `facturacion.md` para permitir comparación. > Fuentes: las 10 landings de `/Users/jorge/Sites/rails/laboratorio_web/projects/ofihq/landings/*.md`, `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md` (sección OfiHQ), `site-structure.md` §5.1. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Todo lo que necesita tu empresa, en un solo lugar, y hecho para España*. La Home no es un feature-dump; es el compromiso del estudio condensado en 30 segundos. Los tres hilos que atraviesan todo el sitio (§1 de `site-structure.md`) aparecen sin eslogan: el visitante los siente, no los lee. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Reemplaza el stack**, el dolor real no es que falte una función, es que cinco herramientas no se hablan entre sí. - **Verifactu de serie**, aparece en el hero, en la tira de confianza y en la tarjeta de Facturación. No eclipsa al resto de módulos. - **Precio claro**, una cifra visible por encima del pliegue conversacional. Sin "consulta presupuesto". - **Amplitud real**, 10 módulos conectados, no 5 y una promesa de roadmap. **Lo que evitamos:** - **Sobrevenderse en el hero**. Un único titular fuerte; no tres variantes superpuestas. - **Logos de clientes inventados o "marcas de confianza" sin permiso**. Si no hay pruebas, el bloque se oculta sin rastro. - **"Descubre", "explora", "revoluciona"**. Imperativos hinchados que desentonan con el tono del estudio. - **Stack en marketing** (Rails, Astro, PostgreSQL). MCP sí aparece, pero como "la IA ejecuta", no como buzzword. - **CTA cambiantes por sección**. Las dos CTAs son las mismas en todas las páginas: *Prueba gratis* / *Ver precios* (o *Hablar con nosotros* en el cierre). - **Urgencia artificial** ("¡Últimos días Verifactu!"). Contradice el brand voice. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=home` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | OfiHQ, El software todo-en-uno para pymes españolas | | `description` | Facturación con Verifactu, CRM, proyectos, firmas, gastos, calendario y más, en una sola herramienta, con un solo precio. Hecho para pymes españolas. | | `canonical` | `https://ofihq.es/` | | `og:title` | OfiHQ, Tu oficina, en una sola herramienta | | `og:description` | Deja de ensamblar cinco programas. Facturación Verifactu, CRM, proyectos, firmas, gastos y calendario en un solo producto, con un solo precio. | | `og:image` | `og-home.png` (pendiente, composición con dashboard real y sello "Verifactu de serie"). | **Keywords target** (orientativas): - Primaria: *software gestión pymes*, *software todo en uno pymes* - Secundarias: *software facturación verifactu*, *alternativa holded*, *erp pymes españa*, *programa gestión empresarial pyme* **Structured data a incluir (JSON-LD en ``):** - `Organization` con nombre, logo, URL, sameAs (LinkedIn, X si aplica). - `SoftwareApplication` con `applicationCategory: "BusinessApplication"`, descripción y `Offer` apuntando a `/precios`. - `FAQPage` generado desde la sección 10. - `WebSite` con `potentialAction` de búsqueda (si activamos buscador). --- ## 2. Estructura general Siguiendo §5.1 de `site-structure.md`, con los 9 bloques en el mismo orden. Los bloques marcados *(condicional)* sólo se publican cuando hay material real; hasta entonces se ocultan sin dejar rastro en el layout. ``` 1. Hero → posicionamiento y CTAs 2. Tira de prueba social (condicional) → logos o cifra honesta 3. El problema en una frase → reconocimiento del dolor 4. Los módulos, en rejilla → 10 tarjetas agrupadas 5. Verifactu + España → diferenciador 6. Precio claro → una tarjeta con cifra visible 7. Testimonio ampliado (condicional) → cliente real 8. Suite de Laboratorio Web → el estudio y los productos hermanos 9. FAQ corta (5 preguntas) → FAQPage schema 10. CTA final → cierre cálido ``` *Nota sobre el bloque 8 añadido.* `site-structure.md` §5.1 no lo contempla, pero aparece de forma natural cuando el visitante entra a `/nosotros` desde la Home. Ubicarlo aquí, en tono bajo, evita que se pierda y da amarre a la credibilidad ("no somos un chiringuito"). Si al revisar la maqueta queda denso, se mueve íntegro a `/nosotros`. --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda: qué es OfiHQ, para quién es, qué sustituye y que puede probarlo ya. El titular afirma; no promete futuro. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de un tablero de OfiHQ con varios módulos visibles, una factura abierta, el pipeline del CRM y el calendario del equipo en una sola vista. La imagen cuenta la historia del "todo-en-uno" sin necesidad de leer. ### Textos - **Eyebrow:** Software todo-en-uno para pymes. - **H1:** Tu oficina, en una sola herramienta. - **Lead:** > Facturación con Verifactu, CRM, proyectos, firmas, gastos, calendario, documentos y más, todo dentro del mismo producto, todo hablando entre sí. Pensado para la pyme que está cansada de pagar por cada nueva mejora o funcionalidad. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Verifactu incluido desde el primer recibo. --- ## 4. Sección 2, Tira de prueba social *(condicional)* **Cometido.** Si existe prueba social real (logos con permiso o una cifra honesta), aparece aquí en tira rápida. **Si no hay, este bloque se oculta sin dejar espacio vertical**, brand voice §"Success stories" y §"Nothing that belittles". **Estructura visual.** Fila de 5–6 logos en escala de grises, o una frase con dos cifras en grande. Altura reducida. ### Plantilla cuando haya logos *Encabezado mínimo:* "Pymes que ya están dentro", seguido de los logos en fila. ### Plantilla cuando haya cifra sin logos > **X pymes españolas ya están en OfiHQ.** **Y facturas con Verifactu emitidas en el último mes.** ### Placeholder mientras no haya material *No publicar. En la maqueta, colapsar por completo y dejar que la tira de confianza (bloque 3) tome el lugar visual.* --- ## 5. Sección 3, El problema en una frase **Cometido.** Nombrar el dolor como lo vive el comprador: el stack desparejado. Una frase de titular, un párrafo de reconocimiento. Sin dramatismo. **Estructura visual.** Bloque centrado, tipografía generosa, fondo plano. Nada de iconos; la frase hace el trabajo. ### Textos - **H2:** Cinco herramientas, cinco contraseñas, cinco facturas al mes, y nada se habla entre sí. - **Párrafo:** > La pyme española de hoy factura en un sitio, lleva el CRM en otro, firma contratos en un tercero, persigue gastos en un Excel y pone las reuniones en el calendario del correo. Cuando un cliente se da de alta en un programa, hay que volver a crearlo en otro. Cuando una factura se paga, nadie se entera en proyectos. Hacer cada pieza en una app distinta es lo habitual. No debería serlo. --- ## 6. Sección 4, Los módulos, en rejilla **Cometido.** Mostrar la amplitud sin caer en feature-dump. Diez tarjetas agrupadas en tres áreas, cada una con titular orientado a resultado y una línea. Cada tarjeta enlaza a su landing de módulo. **Estructura visual.** Tres columnas de agrupación en desktop (Finanzas / Operación / Equipo y conocimiento), con las tarjetas apiladas dentro. En tablet pasa a dos columnas; en móvil, a una, respetando el orden de grupo. Icono propio por módulo, título y una línea. Al pasar el cursor, la tarjeta se eleva ligeramente (sin animación pesada). **H2 del bloque:** Un solo producto. Diez módulos. Todo conectado. **Kicker / subtítulo:** Cada módulo vale solo, y juntos valen más. ### 6.1 Grupo, Finanzas | Módulo | Título de tarjeta | Una línea | Enlace | |---|---|---|---| | Facturación | **Factura tranquilo. Verifactu viene de serie.** | Emitir, firmar y registrar en AEAT desde la misma pantalla, sin configurar certificados a mano. | `/facturacion` | | Gastos | **Un ticket, una foto, un gasto.** | Foto del móvil, OCR lo rellena, el responsable aprueba sin salir de la app. | `/gastos` | | Órdenes de compra | **Pedidos a proveedor sin dejarlos en el correo.** | Orden, aprobación, recepción parcial y cierre, con rastro completo del ciclo. | `/ordenes-de-compra` | ### 6.2 Grupo, Operación | Módulo | Título de tarjeta | Una línea | Enlace | |---|---|---|---| | CRM | **El cliente que sigues hoy es al que facturas mañana.** | Pipeline visual con los mismos clientes que luego emiten factura. Sin duplicar ficha. | `/crm` | | Proyectos | **Tus proyectos, con las horas y los gastos dentro.** | Kanban, presupuestos con aviso y margen real visible desde el primer día. | `/proyectos` | | Calendario | **El calendario que se llena solo.** | Tareas, ausencias, reuniones y reservas en la misma rejilla, sin re-apuntar nada. | `/calendario` | | Firmas digitales | **Firma contratos sin cambiar de pestaña.** | Plantillas, firmante externo y PDF firmado ya archivado en su expediente. | `/firmas-digitales` | | Recursos | **La sala que no se reserva dos veces.** | Reservas de salas, coches y equipos con colisiones que llevan el nombre de quien ya la tenía. | `/recursos` | ### 6.3 Grupo, Equipo y conocimiento | Módulo | Título de tarjeta | Una línea | Enlace | |---|---|---|---| | Documentos | **Un fondo documental que sabe quién es quién.** | Entrega por persona, equipo, oficina o rol. Con confirmación de lectura. | `/documentos` | | Asistente IA | **Una IA que hace el trabajo. No que lo describe.** | Crea facturas, imputa gastos y gestiona clientes con Claude o ChatGPT sobre tus datos. | `/asistente-ia` | **Microcopy al pie de la rejilla:** > Todo esto, en un solo producto. Sin módulos que se contraten aparte. *Nota de maquetación.* El grupo Operación tiene cinco tarjetas y los otros dos tres y dos. El equilibrio visual se resuelve con la propia tipografía de grupo y con un mínimo de altura consistente por tarjeta, no forzar a todos los grupos al mismo número de casillas. --- ## 7. Sección 5, Verifactu + España (bloque diferenciador) **Cometido.** Bloque puente entre "qué hace" y "cuánto cuesta". Aquí el visitante entiende que OfiHQ no es un SaaS global localizado al español, es un producto nacido para el cumplimiento español. **Estructura visual.** Fondo alternativo. H2 grande a la izquierda; a la derecha, tres sub-bloques cortos con icono. Sello **"Verifactu de serie"** destacado. ### Textos - **H2:** Hecho para España, no traducido al español. - **Kicker:** Cumple con Verifactu, IVA, IRPF, recargo de equivalencia y operaciones intracomunitarias sin configurar nada a mano. - **Sub-bloque A, Verifactu integrado:** > **Verifactu, de serie.** Firma con tu certificado, envío a AEAT, QR en el PDF y reintentos si falla la red. Incluido en el plan Todo incluido, sin tope de volumen y sin cobro cuando la norma evolucione. - **Sub-bloque B, Fiscalidad española:** > **IVA, IRPF y regímenes especiales.** Recargo de equivalencia, IGIC, exento, intracomunitario. Tipos impositivos con fecha de entrada en vigor, el histórico no se toca cuando cambia el tipo. - **Sub-bloque C, UE sin pensar:** > **Operaciones intracomunitarias.** El sistema detecta país de la UE y NIF intracomunitario y aplica el régimen correcto. Tú no tocas casilla. **CTA del bloque (enlace, no botón):** `Ver guía de Verifactu →` → `/verifactu` --- ## 8. Sección 6, Precio claro, encima del pliegue conversacional **Cometido.** Cerrar la inquietud del precio sin obligar al visitante a salir de la Home. Una tarjeta con cifra visible y el CTA a `/precios` para el detalle. **Estructura visual.** Una tarjeta compacta con **Todo incluido** destacada. El toggle mensual/anual *no* aparece aquí, vive en `/precios`. En la Home mostramos el precio anual (el que recomendamos). **H2 del bloque:** Un solo plan. Todo incluido. **Kicker:** 3 € por empleado al mes con pago anual, o 4 € con pago mensual. ### 8.1 Tarjeta mini, Todo incluido (destacada) - **Badge:** `Recomendado` - **Nombre:** Todo incluido - **Precio:** **3 € / empleado / mes** · facturación anual - **Una línea:** Pago mensual disponible por 4 € por empleado al mes. Todas las funcionalidades incluidas. **CTA del bloque:** - Primaria: `Ver precios completos →` → `/precios` - Secundaria: `Hablar con nosotros` → `/contacto?source=home-precios` **Microcopy bajo las tarjetas:** > Sin "Plan Pro". Sin "contacta con ventas". Sin addons ni funciones ocultas. Todo lo que hace OfiHQ está incluido. --- ## 9. Sección 7, Testimonio ampliado *(condicional)* **Cometido.** Un testimonio con cara, nombre y empresa real. **Si no hay cliente citable con consentimiento, el bloque no se publica.** Según brand voice, mejor vacío que falso. **Estructura visual.** Cita destacada (tipografía generosa) + foto + nombre, cargo y empresa. Opcionalmente una cifra honesta ("emitió X facturas Verifactu en su primer mes"). ### Placeholder mientras no haya testimonio *No publicar. En la maqueta, colapsar por completo y continuar con la sección 8.* ### Plantilla cuando haya testimonio > "[Cita directa, 2–3 frases. Concreta: qué herramientas sustituyó, qué mejoró en su día a día, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] · *Usa OfiHQ desde [mes año].* --- ## 10. Sección 8, La casa detrás de OfiHQ **Cometido.** Amarrar confianza sin vender. Laboratorio Web como estudio independiente; OfiHQ como parte de una familia de productos hechos para España. Sin enumerar logros corporativos. **Estructura visual.** Bloque horizontal con párrafo a la izquierda y, a la derecha, tira con los logos pequeños de TalentoHQ, HorarioWeb y HMS. Los logos no son CTAs, sólo contextualizan. Debajo, un enlace a `/nosotros`. ### Textos - **H2:** Un estudio, no un chiringuito. - **Párrafo:** > OfiHQ lo hace Laboratorio Web, un estudio de software independiente con sede en España. Construimos productos pensados para la forma en que trabajan las empresas aquí, no los traducimos desde fuera. OfiHQ es uno de los cuatro: TalentoHQ (personas), HorarioWeb (fichaje), HMS (clima de equipo) y el propio OfiHQ (gestión de la oficina). - **Enlace:** `Conoce al estudio →` → `/nosotros` *Nota.* Si al maquetar este bloque compite demasiado con el CTA final, se mueve íntegro a `/nosotros` y aquí queda sólo una línea discreta al pie del footer. --- ## 11. Sección 9, FAQ corta **Cometido.** Cinco preguntas que el comprador se hace *antes* de probar. Respuestas de 2–4 líneas, con enlace al detalle. Generar `FAQPage` schema desde este contenido. **Estructura visual.** Acordeón, primera pregunta abierta por defecto. ### Textos #### 11.1 ¿Cumple OfiHQ con Verifactu y puedo empezar a facturar ya? > Sí. Verifactu está integrado de serie en el módulo de facturación: firma con tu certificado digital, registro en AEAT y QR en el PDF, sin pasos extra ni módulos adicionales. Si ya tienes certificado, tu primera factura Verifactu puede salir esta misma tarde. Detalle en [/facturacion](/facturacion) y guía legal en [/verifactu](/verifactu). #### 11.2 ¿Puedo traerme mis clientes, artículos y facturas antiguas? > Sí. Te ayudamos a migrar clientes, artículos, categorías y el histórico de facturas desde hojas de cálculo o desde tu programa anterior. No es un proceso "hazlo tú", alguien del equipo lo acompaña y no hay coste por la migración, venga del producto del que venga. #### 11.3 ¿Hay que instalar algo o contratar servidor? > No. OfiHQ es una aplicación web; se abre en el navegador y la tienes lista en minutos desde que creas la cuenta. Para el equipo en movilidad hay una aplicación móvil (PWA) que vale para fotos de tickets, fichajes, aprobaciones y firmas. #### 11.4 ¿Tenemos contrato anual obligatorio? > No. Puedes pagar mes a mes si prefieres, la facturación anual es más barata (ahorras un 10 %) porque cobrar una vez al año nos sale más barato a nosotros también. Cancelas cuando quieras y tus datos se conservan 90 días por si cambias de opinión. #### 11.5 ¿Qué pasa si sólo me interesa un módulo, por ejemplo facturación? > Te pasa lo que a muchos de nuestros clientes: llegas por uno y acabas usando tres. OfiHQ no vende módulos por separado, el precio es el mismo uses dos o diez, pero eso no te obliga a adoptarlos todos a la vez. Empiezas por lo que te urge y lo demás está ahí cuando haga falta. --- ## 12. Sección 10, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, dos botones. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. ### Textos - **H2:** Empieza hoy. Sin cambiar nada, sin contratar nada. - **Párrafo:** > 30 días de prueba con todos los módulos activos. Sin tarjeta al alta, sin obligación de seguir y con ayuda real si vienes migrando desde otra herramienta. Al final de los 30 días eliges pago mensual o anual, o tu cuenta queda en pausa sin cargos. - **CTA primaria:** `Crea tu cuenta gratis →` → `https://app.ofihq.com/signup?source=home-footer` - **CTA secundaria:** `Hablar con nosotros` → `/contacto?source=home-footer` - **Microcopy bajo las CTAs:** Soporte por email y videollamada, el mismo equipo que escribe el producto. --- ## 13. Notas de maquetación y assets **Capturas y gráficos necesarios** (por orden de aparición): 1. Hero: composición de producto con tres módulos visibles (factura + pipeline CRM + calendario), escenario real, datos coherentes. 2. Tira de prueba social: logos de clientes en escala de grises o composición tipográfica con dos cifras. *Preparar la plantilla; publicar sólo cuando haya material real.* 3. Iconografía de los 10 módulos: set coherente con el resto del sitio. Misma línea visual que las tarjetas de Facturación, CRM, etc. ya diseñadas en sus landings. 4. Sello "Verifactu de serie" (reutilizable; mismo asset que en `/facturacion` y `/verifactu`). 5. Logotipos pequeños de TalentoHQ, HorarioWeb y HMS para el bloque 10. 6. OG image (`og-home.png`): composición limpia con dashboard y titular. **Tratamiento visual:** - Jerarquía tipográfica: el H1 del hero manda. El H2 de cada bloque es claramente subordinado. - Fondo alternativo en bloques 5 (Verifactu) y 12 (CTA final), evitar más alternancias para no dar sensación de "zebra". - Botonera consistente en toda la página: primaria en color de marca, secundaria de borde. Nunca tres variantes. **Accesibilidad:** - Todas las tarjetas de módulo enlazadas en su conjunto (no sólo el botón/flecha). Área de clic grande. - Acordeón de FAQ: `aria-expanded`, navegación por teclado. - Logos de la tira de prueba social con `alt` descriptivo, no decorativo. --- ## 14. Checklist antes de publicar - [ ] H1 dentro del límite de 70 caracteres; lead por debajo de 250. - [ ] Los 10 módulos apuntan a su landing correcta. - [ ] `/verifactu`, `/precios`, `/nosotros`, `/contacto` responden 200 antes de publicar. - [ ] CTAs apuntan a `?source=home`, `?source=home-precios`, `?source=home-footer` según bloque. - [ ] Structured data `Organization`, `SoftwareApplication`, `FAQPage` y `WebSite` presentes. - [ ] OG image generada y < 300 kB. - [ ] Tira de prueba social: oculta si no hay material; nada de placeholders. - [ ] Testimonio: oculto si no hay cliente citable con consentimiento. - [ ] Accesibilidad: contraste AA en todos los bloques; foco visible; acordeón y toggles navegables por teclado. - [ ] Prueba en móvil: ningún bloque con scroll horizontal; rejilla de módulos legible en 320 px. - [ ] Revisar que ninguna afirmación de Home contradiga una landing específica (ej. "incluido en el plan Todo incluido" debe ser cierto en `/precios`). --- ## 15. Ganchos al resto del plan - De esta Home se extraerán: - El bloque de "10 módulos" para el footer de cualquier landing (versión recortada). - El titular "Tu oficina, en una sola herramienta" como lema reutilizable en el footer y en OG de otras páginas. - La Home se revisará tras el bloque D (SEO): si las landings `/verifactu`, `/facturacion-electronica-aeat` y `/software-gestion-pymes` aportan copy mejor, se refinan secciones 5 (Verifactu) y 11.1 (FAQ Verifactu) con esos textos. - Divergencia con `site-structure.md` que esta Home ya resuelve: la página asume 10 módulos, no 8, con la agrupación **Finanzas / Operación / Equipo y conocimiento**. Convertir esa agrupación en cambio formal en `site-structure.md` §§3–5 al cerrar bloque C. ## funcionalidades # Landing: `/funcionalidades` > Borrador detallado del contenido de la página **Funcionalidades** (umbrella) de ofihq.es. Bloque C del orden de trabajo (ver §9 de `site-structure.md`): se redacta sintetizando desde las 10 landings de módulo del bloque A. Mismo patrón estructural que `facturacion.md` para permitir comparación. > Fuentes: las 10 landings en `/Users/jorge/Sites/rails/laboratorio_web/projects/ofihq/landings/*.md`, `projects/brand/brand-voice.md`, `site-structure.md` §5.2. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Un producto. Diez módulos. Cero upsell*. La página demuestra la amplitud, sin listarla como un feature-dump. Cada tarjeta tiene sitio para un párrafo de descripción, no para diez bullets. El visitante elige el módulo que más le duele, entra a su landing de detalle y desde allí decide. **Ángulos secundarios:** - **Todo está conectado.** Los módulos no son silos, las tarjetas sugieren conexiones (CRM ↔ Facturación, Proyectos ↔ Gastos, Calendario ↔ todos). - **Nada se paga aparte.** El mensaje de "todo incluido" vive con más fuerza en `/precios`; aquí aparece una vez, sin repetirlo como eslogan. - **Plataforma compartida.** El bloque "Lo que comparten todos los módulos" es tan importante como los módulos mismos, es el valor transversal. **Lo que evitamos:** - **Tabla larga tipo Excel**. Matamos la narrativa. Mejor rejilla con párrafo real. - **Repetir el titular de cada landing a la Home y a esta página**. La Home tiene titulares cortos; aquí desarrollamos un párrafo distinto por módulo, extraído de la landing. - **Jerarquizar módulos visualmente**. Todas las tarjetas son iguales en peso. El producto vale lo mismo abras por donde abras. - **"Descubre", "explora", "conoce"** como verbos de CTA. Son invitaciones vacías. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=funcionalidades` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Funcionalidades de OfiHQ, Todo en un solo producto | | `description` | Facturación con Verifactu, CRM, proyectos, firmas, gastos, calendario, documentos, asistente de IA y más. Diez módulos conectados entre sí, incluidos en el plan Todo incluido. | | `canonical` | `https://ofihq.es/funcionalidades` | | `og:title` | Funcionalidades, OfiHQ | | `og:description` | Un producto, diez módulos, cero upsell. Todo lo que necesita tu empresa, conectado entre sí. | | `og:image` | `og-funcionalidades.png` (pendiente, composición con iconos de los 10 módulos sobre fondo plano). | **Keywords target** (orientativas): - Primaria: *funcionalidades ofihq*, *software gestión pymes funcionalidades* - Secundarias: *erp pymes módulos*, *crm y facturación integrados*, *software todo en uno funciones* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (heredado de la Home, específico de esta página). - `ItemList` con los 10 módulos, cada uno enlazando a su `SoftwareApplication` específica de la landing. - `BreadcrumbList`: Inicio › Funcionalidades. --- ## 2. Estructura general ``` 1. Hero corto → tesis y CTAs 2. Los módulos, en rejilla → 10 tarjetas agrupadas, párrafo real 3. Lo que comparten todos los módulos → bloque transversal de plataforma 4. Así se hablan entre sí → 3 escenarios de integración 5. FAQ corta (4 preguntas) → amplitud, módulos mínimos, orden 6. CTA final → cierre ``` --- ## 3. Sección 1, Hero corto **Cometido.** En dos frases, la tesis: un producto, diez módulos, incluidos. Nada más, el resto lo hace la rejilla. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. Sin imagen lateral: esta es una página de índice, el protagonismo lo lleva la rejilla que viene después. ### Textos - **Eyebrow:** Lo que hace OfiHQ - **H1:** Un producto. Diez módulos. Cero upsell. - **Lead:** > Aquí tienes todo lo que hace OfiHQ, agrupado por área. Cada tarjeta abre una página de detalle con bloques específicos, pantallas reales y preguntas frecuentes. Da igual por dónde empieces: todas las funciones están incluidas en el plan Todo incluido. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` --- ## 4. Sección 2, Los módulos, en rejilla **Cometido.** El cuerpo de la página. Diez tarjetas, tres grupos, un párrafo real por módulo. El párrafo sale de la landing específica, aquí se condensa a 2–3 frases con verbo y resultado. **Estructura visual.** Tres grupos (Finanzas / Operación / Equipo y conocimiento) como cabeceras de sección. Dentro de cada grupo, rejilla de tarjetas: icono + título + párrafo + enlace "Ver detalle →". En desktop, 3 columnas; en tablet, 2; en móvil, 1. Altura uniforme dentro del grupo; altura distinta entre grupos se resuelve con aire, no forzando más texto. ### 4.1 Grupo, Finanzas *Introducción de grupo (una línea):* Todo lo que tiene que ver con dinero que entra, dinero que sale y con Hacienda. #### Tarjeta, Facturación - **Título:** Facturación con Verifactu. - **Párrafo:** > Emite facturas electrónicas que cumplen con la AEAT desde el primer recibo: firma con tu certificado digital, registro en segundo plano, QR en el PDF y reintento si falla la red. Rectificativas, anulaciones, IVA por fechas, operaciones intracomunitarias automáticas y descuentos con lógica "mejor combinación" incluidos. - **Enlace:** `Ver detalle →` → `/facturacion` #### Tarjeta, Gastos - **Título:** Gastos con foto del ticket. - **Párrafo:** > Tus empleados hacen una foto al ticket desde el móvil y OfiHQ rellena el gasto por ellos. El responsable aprueba sin salir de la app, el histórico queda inalterable y cada justificante archivado. Con divisas, kilometraje y la imputación automática al proyecto que toca. - **Enlace:** `Ver detalle →` → `/gastos` #### Tarjeta, Órdenes de compra - **Título:** Pedidos a proveedor con ciclo completo. - **Párrafo:** > Crea una orden, pásala a aprobación, recibe el material (total o parcial) y ciérralo con la factura, todo en la misma pantalla y con rastro. Pedidos recurrentes que se duplican en un clic, proveedores compartidos con el resto del sistema y avisos cuando hay algo pendiente de firmar. - **Enlace:** `Ver detalle →` → `/ordenes-de-compra` ### 4.2 Grupo, Operación *Introducción de grupo (una línea):* La columna vertebral del día a día, clientes, proyectos, agenda y firmas. #### Tarjeta, CRM - **Título:** CRM con pipeline visual. - **Párrafo:** > Pipeline con etapas configurables, contactos y empresas unificados, asignaciones que no se pierden y un histórico completo por oportunidad. Y cuando un prospecto dice sí, el cliente ya está dado de alta para facturar, no hay que crear nada dos veces. - **Enlace:** `Ver detalle →` → `/crm` #### Tarjeta, Proyectos - **Título:** Proyectos, tareas, horas y gastos. - **Párrafo:** > Una ficha por proyecto con el kanban, las horas imputadas, los gastos que aparecen y el presupuesto que avisa cuando aprieta. El margen real es visible desde el primer día, sin pedir reportes a nadie. Multi-cliente, multi-responsable, con reglas de transición entre estados. - **Enlace:** `Ver detalle →` → `/proyectos` #### Tarjeta, Calendario - **Título:** Calendario del equipo que se llena solo. - **Párrafo:** > Ausencias aprobadas, fichajes, tareas con fecha, reuniones, asignaciones a clientes y reservas de sala, todo en la misma rejilla, sin re-apuntar nada en otro sitio. Vista mensual y diaria, filtros sin recargar y festivos por oficina. - **Enlace:** `Ver detalle →` → `/calendario` #### Tarjeta, Firmas digitales - **Título:** Firmas digitales integradas. - **Párrafo:** > Eliges la plantilla, rellenas los datos y firmas con el dedo o el ratón. El PDF firmado queda archivado en el expediente del empleado o cliente, con audit trail (quién firmó qué, cuándo) y aviso al correo del firmante externo. Sin abrir DocuSign aparte, sin arrastrar PDFs a carpetas. - **Enlace:** `Ver detalle →` → `/firmas-digitales` #### Tarjeta, Recursos - **Título:** Reservas de salas y recursos. - **Párrafo:** > Reserva salas, coches, proyectores o cualquier otro recurso de la oficina. Si alguien ya la tiene, el aviso lleva su nombre y su hora, no un "ocupado" anónimo. Los recursos nacen del catálogo que ya tienes; los calendarios de ocupación salen sin configurar nada extra. - **Enlace:** `Ver detalle →` → `/recursos` ### 4.3 Grupo, Equipo y conocimiento *Introducción de grupo (una línea):* El fondo de documentos y el asistente de IA, lo que mueve la información del día a día. #### Tarjeta, Documentos - **Título:** Documentos compartidos con control real. - **Párrafo:** > Cada documento pertenece a una persona, se entrega al círculo que debe verlo y deja constancia de quién lo ha abierto. Entrega masiva con aviso por persona, visibilidad por equipo/oficina/rol, categorías con color, pins para lo crítico y búsqueda que ignora acentos y mayúsculas. - **Enlace:** `Ver detalle →` → `/documentos` #### Tarjeta, Asistente IA - **Título:** Asistente con IA que ejecuta. - **Párrafo:** > Pídele una factura, un alta de cliente, un gasto imputado al proyecto o una lista de pendientes. El asistente no te devuelve un resumen, crea el registro, lo guarda y te confirma qué ha hecho. Con 26 herramientas conectadas a tus datos y el cliente de IA que ya usas (Claude, ChatGPT y otros compatibles). - **Enlace:** `Ver detalle →` → `/asistente-ia` --- ## 5. Sección 3, Lo que comparten todos los módulos **Cometido.** Este bloque es tan importante como la rejilla. Aquí se ve lo que no se ve dentro de cada módulo: la plataforma común que los hace valer más juntos que por separado. **Estructura visual.** Dos filas de cuatro tarjetas pequeñas (8 ítems en total), icono + título + una línea. Fondo alternativo para separarse de la rejilla anterior. Sin CTAs aquí; cada tarjeta es informativa. **H2 del bloque:** Lo que comparten todos los módulos. **Kicker:** No hace falta que lo leas dos veces: esto está en todo lo de arriba. ### Ítems | Título | Línea | |---|---| | **Multi-empresa** | Varias sociedades bajo la misma cuenta, cada una con sus datos y sus usuarios. | | **5 idiomas** | Español, inglés, alemán, catalán y francés, interfaz y notificaciones. | | **Aplicación móvil (PWA)** | Tickets, fichajes, firmas y aprobaciones desde el móvil, sin instalar app nativa. | | **API REST v3** | Documentada y versionada. Para integrar con el resto del stack que ya tienes. | | **26 herramientas MCP** | Conecta Claude, ChatGPT u otro asistente compatible sobre tus datos reales. | | **Permisos por rol** | Quién ve qué, quién aprueba qué. Con grupos personalizados. | | **Trazabilidad completa** | Quién hizo qué y cuándo, en todos los módulos. Con histórico inalterable. | | **Almacenamiento seguro** | S3 cifrado, backups diarios, cumplimiento RGPD, alojado en la UE. | --- ## 6. Sección 4, Así se hablan entre sí **Cometido.** Demostrar que los módulos no son silos, que la gracia de OfiHQ es el cableado invisible entre ellos. Tres escenarios concretos, no una lista de features. **Estructura visual.** Tres tarjetas horizontales en fila (apiladas en móvil), cada una con un título y dos-tres líneas. Al final, una frase de cierre. **H2 del bloque:** Así se hablan entre sí. **Kicker:** El "todo-en-uno" que importa no es que estén en la misma app, es que se enteran unos de otros. ### Escenarios #### 6.1 Del lead a la factura, sin duplicar ficha > Un prospecto entra al pipeline del CRM. Cuando la oportunidad se marca como ganada, el cliente ya está dado de alta para facturar, con su NIF, dirección y datos fiscales sincronizados. La primera factura sale sin crear nada nuevo. #### 6.2 Proyecto → horas → factura → cobro, con margen visible > Un proyecto tiene tareas, tareas imputan horas, los gastos se imputan al proyecto y la factura se genera con el desglose real. Cuando el cliente paga, el margen del proyecto se actualiza solo. No hay reportes mensuales, hay un número que vive al día. #### 6.3 La IA que actúa sobre todo lo anterior > "Emite la factura de este mes al cliente X con las horas imputadas al proyecto Y." El asistente de IA interpreta la instrucción, consulta los datos reales de los tres módulos, compone la factura y la envía, con Verifactu firmado y todo. No te devuelve un borrador para que lo revises: lo hace. **Cierre del bloque:** > Este tipo de cosas no se pegan con integraciones externas. Se pueden porque los módulos viven dentro del mismo producto. --- ## 7. Sección 5, FAQ corta **Cometido.** Cuatro preguntas que ayudan a decidir por dónde entrar. Respuestas de 2–3 líneas. Generar `FAQPage` schema. **Estructura visual.** Acordeón, primera pregunta abierta. ### Textos #### 7.1 ¿Puedo empezar por un solo módulo y añadir el resto después? > Sí. OfiHQ no "activa" módulos uno a uno, todos están disponibles desde el primer día. Lo que eliges es cuál usar con tu equipo y cuándo. Muchos clientes empiezan por facturación por Verifactu y van añadiendo CRM, proyectos y firmas a medida que los necesitan. #### 7.2 ¿Tengo que usarlos todos para que tenga sentido? > No. Cada módulo funciona solo, puedes tener sólo facturación y no tocar nada más. Pero la gracia del producto se nota cuando activas dos o tres relacionados: CRM con facturación, proyectos con gastos, documentos con firmas. Es donde el "todo-en-uno" empieza a ahorrar tiempo de verdad. #### 7.3 ¿Hay algún módulo que sea "Pro" o "Enterprise"? > No. Todo lo que ves en esta página está en el plan Todo incluido, sin excepciones. No tenemos funciones "ocultas" detrás de contratar más, ni addons por separado. El detalle está en [/precios](/precios). #### 7.4 ¿Qué pasa con lo que no está aquí, por ejemplo, contabilidad o nóminas? > OfiHQ no es un programa contable ni hace nóminas. Lo que sí hace es dar a tu gestoría o a tu programa de nóminas los datos que necesitan, limpios y en el formato adecuado, con la API REST, con exportaciones o directamente con acceso de lectura. Si usas TalentoHQ (nuestro sistema de RR. HH.), además están conectados nativamente. --- ## 8. Sección 6, CTA final **Cometido.** Cierre. Recupera el argumento del todo-en-uno, invita a probar o a pasar por precios. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado, texto centrado. ### Textos - **H2:** Diez módulos, un solo inicio de sesión. - **Párrafo:** > Crea tu cuenta en minutos y explora los diez módulos con tu propio equipo, con tus propios datos. 30 días, sin tarjeta, sin compromiso. Si vienes de otra herramienta, te ayudamos a migrar el histórico sin cargo. - **CTA primaria:** `Crea tu cuenta gratis →` → `https://app.ofihq.com/signup?source=funcionalidades-footer` - **CTA secundaria:** `Ver precios` → `/precios` - **Microcopy bajo las CTAs:** Soporte por email y videollamada, el mismo equipo para cualquier plan. --- ## 9. Notas de maquetación y assets **Capturas y gráficos necesarios:** 1. Iconografía de los 10 módulos: set propio coherente con la Home y con las landings de detalle. Deben ser reconocibles a 48 px (tamaño móvil). 2. Iconografía de los 8 ítems transversales (sección 5): set separado o simbología más neutra, no deben confundirse con los iconos de módulo. 3. OG image (`og-funcionalidades.png`): composición con los 10 iconos sobre fondo plano, sin texto. **Tratamiento visual:** - Cabeceras de grupo (Finanzas / Operación / Equipo y conocimiento) con peso tipográfico propio, separadas de las tarjetas por aire generoso. No meter fondo de color por grupo; satura. - Tarjetas con altura mínima pero sin forzar todas a la misma, si un párrafo cabe en 3 líneas y otro en 4, el aire lo resuelve. - Enlaces "Ver detalle →" coherentes en todas las tarjetas: mismo color, mismo ancla, mismo icono de flecha. **Interacción:** - Al pasar el cursor por una tarjeta, la tarjeta entera eleva ligeramente y el enlace "Ver detalle" se subraya. Toda la tarjeta es clicable (no sólo el enlace). --- ## 10. Checklist antes de publicar - [ ] Los 10 módulos apuntan a su landing correcta y responden 200. - [ ] Nombre y agrupación coinciden con la Home (Finanzas / Operación / Equipo y conocimiento). - [ ] El párrafo de cada tarjeta está extraído de su landing (no es una síntesis de ChatGPT puesta de relleno). - [ ] Iconografía consistente entre Home, /funcionalidades y landings individuales. - [ ] Structured data `SoftwareApplication`, `ItemList`, `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y < 300 kB. - [ ] Accesibilidad: tarjetas enteras clicables con `role="link"` y área táctil ≥ 44 px; acordeón navegable por teclado; contraste AA. - [ ] Prueba en móvil: rejilla legible en 320 px; cabeceras de grupo no cortadas. --- ## 11. Ganchos al resto del plan - Esta página es la fuente canónica de la **agrupación Finanzas / Operación / Equipo y conocimiento** que alimenta: - El mega-menú del header (ver §4 de `site-structure.md`, actualizar con estos tres grupos y con los 10 módulos). - La sección 6 ("Los módulos, en rejilla") de la Home. - La tabla comparativa de `/precios`. - La **tabla de plataforma compartida** (sección 5 de esta página) es replicable en todas las landings sectoriales del bloque B como bloque de cierre, cuando se revisen para consistencia. - Divergencia con `site-structure.md` §§3, 4, 5.2 y 5.3 que esta página deja fija: - 10 módulos (no 8); sin `chat-equipo`; con `calendario`, `ordenes-de-compra`, `recursos`. - Agrupación en **Finanzas / Operación / Equipo y conocimiento** (no "Dinero / Operación / Equipo"). - Propuesta de actualización del mega-menú en §4 de `site-structure.md` al cerrar bloque C. ## precios # Landing: `/precios` > Borrador detallado del contenido de la página **Precios** de ofihq.es. Bloque C del orden de trabajo (ver §9 de `site-structure.md`): se redacta extrayendo material del bloque A (10 landings de módulo). Mismo patrón estructural que `facturacion.md` para permitir comparación. > Fuentes: `site-structure.md` §5.4, `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md` (sección OfiHQ y "Cross-Product Notes → All-included pricing"), landings del bloque A. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Un plan, todo incluido, sin excepciones*. La decisión del comprador no es "¿qué funciones saco?" sino "¿prefiero pagar mensual o anual?". Esta página existe para dejarlo claro en los primeros tres segundos y, a continuación, demostrarlo visualmente con una tabla de funcionalidades incluidas. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Verifactu incluido**, sin cargos por emisión. - **Soporte real, sin tiers**: no hay "plan con soporte prioritario", el soporte es el mismo. - **Sin "contacta con ventas"** como única vía para saber el precio. - **Coherencia con el pitch todo-en-uno**: si todos los módulos están incluidos, no hacen falta planes escalonados. **Lo que evitamos:** - **Tiers disfrazados**. Nada de "Plan Pro" ni addons. La tabla de incluidos tiene todos los ticks en verde a propósito, esto es el mensaje. - **Letra pequeña que desmienta el titular**. Si la página dice "todo incluido", cualquier asterisco rompe el pitch. Las aclaraciones van en la FAQ, no al pie de la tabla. - **Urgencia artificial**. No hay "¡Oferta limitada!", "últimos días" ni countdown de descuento anual. El precio anual es más barato porque cobrar una vez al año es más barato, y ya está. - **Comparativas con competidores nombrados**. Se pueden intuir (Holded, Quipu) pero no nombrarse. El tono del estudio no compite a muerte; afirma con claridad lo que hace. - **Lenguaje de ventas enterprise**. "Soluciones a medida", "consulta presupuestos personalizados", fuera. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=precios` - Secundaria: **"Hablar con nosotros"** → `/contacto?source=precios` **Notas de interacción:** - El toggle **Mensual / Anual** cambia sólo la cifra mostrada en las tarjetas. No se oculta ni se revela ningún contenido. Persistencia ligera en `sessionStorage` para que al navegar a una landing y volver se mantenga la elección. - Sin cálculo interactivo del tipo "¿cuánto pagaré exactamente?". El precio por empleado es legible sin widget; mantener la página estática preserva el tono reposado. --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Precios de OfiHQ, Todo incluido por empleado | | `description` | Un solo plan con todo incluido: 3 € por empleado al mes con pago anual o 4 € por empleado al mes con pago mensual. Verifactu, CRM, proyectos, firmas y gastos incluidos desde el primer día. | | `canonical` | `https://ofihq.es/precios` | | `og:title` | Precios claros, OfiHQ | | `og:description` | Un solo plan con todo incluido: facturación con Verifactu, CRM, proyectos, firmas, gastos, documentos y más por 3 € por empleado al mes con pago anual. | | `og:image` | `og-precios.png` (pendiente, composición con la tarjeta de precio y el sello "Verifactu incluido"). | **Keywords target** (orientativas, no para stuffear): - Primaria: *precio ofihq*, *precio software gestión pymes* - Secundarias: *software facturación precio*, *software todo en uno pymes precio*, *alternativa holded precio* **Structured data a incluir (JSON-LD en ``):** - `Product` con `Offer` del plan Todo incluido y `priceSpecification` mensual/anual. - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Precios. --- ## 2. Estructura general ``` 1. Hero → titular de la tesis + toggle mensual/anual 2. Tarjeta de plan → Todo incluido (destacada) 3. Tabla de incluidos por módulo → todo con tick 4. Incluido siempre → lo transversal (multi-empresa, API, idiomas…) 5. Lo que NO cobramos aparte → tira breve y directa 6. Pago mensual o anual → ayuda honesta, no presión comercial 7. FAQ de precios → 7 preguntas, FAQPage schema 8. CTA final → prueba gratis + contacto ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que hay un solo plan, que incluye todo, y que la única variable es cómo prefiere pagarlo. El toggle mensual/anual es el único elemento interactivo. **Estructura visual.** Eyebrow + H1 + lead + toggle. Sin CTAs aquí: las CTAs viven en las tarjetas (sección 4), poner CTA en el hero y otra en la tarjeta duplica la decisión. ### Textos - **Eyebrow:** Precios - **H1:** Un plan. Todo incluido. Tú eliges cómo pagarlo. - **Lead:** > Por 3 € por empleado al mes con pago anual, o 4 € por empleado al mes con pago mensual, tienes facturación con Verifactu, CRM, proyectos, firmas, gastos, calendario y todo lo demás, sin módulos que se contraten aparte. - **Toggle:** `Mensual` · `Anual (ahorra 25 %)`, seleccionado por defecto: **Anual**, porque es el que mostramos en la narrativa comercial. **Microcopy al pie del toggle:** > Precios en euros, sin IVA. Facturamos desde España. --- ## 4. Sección 2, Tarjeta de plan **Cometido.** Presentar el plan con claridad. Los dos importes posibles son visibles mediante el toggle, sin letra pequeña. **Estructura visual.** Una tarjeta **Todo incluido** centrada, elevada (sombra más marcada, badge "Recomendado" en la esquina). La cifra es la tipografía más grande de la página, inmediatamente por debajo del toggle. ### 4.1 Tarjeta, Todo incluido (destacada) - **Badge:** `Recomendado` - **Nombre del plan:** Todo incluido - **Precio anual (mostrado por defecto):** **3 € / empleado / mes** · facturado anualmente - **Precio mensual:** **4 € / empleado / mes** · facturado cada mes - **Subtítulo:** Todas las funcionalidades incluidas desde el primer día. - **Descripción corta:** > Pagas por empleado y no por módulos. Si una mejora o funcionalidad existe en OfiHQ, entra en este plan sin upgrades ni addons. - **CTA primaria:** `Prueba gratis 30 días →` → `https://app.ofihq.com/signup?source=precios&plan=todo-incluido` - **CTA secundaria:** `Hablar con nosotros` → `/contacto?source=precios&plan=todo-incluido` - **Tick-list breve (5 ítems, no 20):** - Facturación por empleado. - Verifactu de serie, sin tope de facturas. - Soporte personalizado por email y videollamada. - API REST y 26 herramientas MCP incluidas. - Multi-empresa sin coste adicional. --- ## 5. Sección 3, Tabla de incluidos por módulo **Cometido.** Este bloque afirma lo que entra. Cada fila es una funcionalidad y la columna del plan lleva tick verde. El mensaje visual es: *todo está dentro*. **Estructura visual.** Tabla larga, agrupada en bloques plegables por área (Finanzas, Operación, Equipo, Plataforma). En desktop, plegables abiertos por defecto. En móvil, plegables cerrados salvo "Finanzas". Encabezado pegajoso al hacer scroll. **H2 del bloque:** Todo lo que incluye el plan. **Kicker / subtítulo:** No hay plan superior ni módulos aparte. ### 5.1 Cabecera de la tabla | Funcionalidad | Todo incluido | |---|:---:| ### 5.2 Grupo, Finanzas | Funcionalidad | Todo incluido | |---|:---:| | **Facturación con Verifactu**, emisión, firma con certificado, registro AEAT, QR en PDF | ✅ | | **Rectificativas y anulaciones** ligadas al histórico | ✅ | | **IVA, IGIC, IRPF y recargo de equivalencia** configurables por fecha | ✅ | | **Operaciones intracomunitarias** automáticas por cliente | ✅ | | **Descuentos acumulables y exclusivos** con "mejor combinación" | ✅ | | **Cobros y conciliación manual** con trazabilidad por factura | ✅ | | **Gastos** con OCR de ticket y aprobación configurable | ✅ | | **Divisas y kilometraje** en gastos | ✅ | | **Órdenes de compra** con aprobación, recepción parcial y ciclo registrado | ✅ | | **Proveedores y categorías** compartidos con facturación | ✅ | ### 5.3 Grupo, Operación | Funcionalidad | Todo incluido | |---|:---:| | **CRM con pipeline visual**, etapas configurables e histórico por oportunidad | ✅ | | **Contactos y empresas** unificados con clientes de facturación | ✅ | | **Proyectos, tareas y objetivos** en una ficha | ✅ | | **Kanban con reglas** (WIP, transiciones) | ✅ | | **Horas imputadas** a tareas y proyectos | ✅ | | **Presupuestos con aviso** antes de pasarse | ✅ | | **Firmas digitales** con plantillas, firmante externo y PDF archivado | ✅ | | **Audit trail de firmas** (quién firmó qué, cuándo) | ✅ | | **Calendario unificado** con tareas, ausencias, reuniones y reservas | ✅ | | **Reservas de recursos** (salas, equipos) sin colisión | ✅ | ### 5.4 Grupo, Equipo y conocimiento | Funcionalidad | Todo incluido | |---|:---:| | **Documentos compartidos** con visibilidad por persona, equipo, oficina o rol | ✅ | | **Confirmación de lectura** por documento | ✅ | | **Categorías, carpetas y pins** | ✅ | | **Búsqueda que ignora acentos y mayúsculas** | ✅ | | **Notas cifradas** para material sensible | ✅ | ### 5.5 Grupo, Plataforma | Funcionalidad | Todo incluido | |---|:---:| | **Multi-empresa** sin coste adicional | ✅ | | **5 idiomas** (ES, EN, DE, CA, FR) | ✅ | | **Aplicación móvil (PWA)** para fichaje, tickets y aprobaciones | ✅ | | **API REST v3** documentada | ✅ | | **26 herramientas MCP** para conectar tu asistente de IA | ✅ | | **Autenticación OAuth/SSO** (Google, Microsoft) | ✅ | | **Permisos por rol** y grupos personalizados | ✅ | | **Trazabilidad completa** (quién hizo qué, cuándo) | ✅ | | **Almacenamiento en S3 cifrado** con backups diarios | ✅ | | **Soporte por email y videollamada** | ✅ | | **Actualizaciones continuas**, sin cobro por versión | ✅ | **Microcopy al pie de la tabla:** > Si echas de menos algo que sí está y deberíamos listar aquí, [escríbenos](/contacto) y lo añadimos. --- ## 6. Sección 4, Incluido siempre **Cometido.** Cierre conceptual del "todo incluido". Repetición deliberada, ya lo han visto en la tabla, aquí lo destacamos en un formato más digerible, con la promesa concreta que subyace a cada tick. **Estructura visual.** Rejilla de 8 tarjetas pequeñas con icono + título + una línea. Color de fondo suave del tema, para que contraste con la tabla que viene encima. **H2 del bloque:** Lo que siempre está incluido. **Kicker:** Esto no depende de un upgrade. Tampoco va a aparecer en un email de upsell. ### Tarjetas | Título | Línea | |---|---| | **Verifactu de serie** | Factura, firma, envío a AEAT y QR en el PDF, sin tope de volumen. | | **Multi-empresa sin coste** | Gestiona varias sociedades desde la misma cuenta. | | **5 idiomas de interfaz** | ES, EN, DE, CA, FR. Para equipos con socios o clientes fuera. | | **Aplicación móvil (PWA)** | Tickets, fichajes, aprobaciones y notificaciones sobre cualquier móvil. | | **API REST + MCP** | Integra OfiHQ con tus herramientas o con tu asistente de IA. | | **Autenticación OAuth/SSO** | Entra con Google o Microsoft. Permisos por rol. | | **Almacenamiento y backup** | S3 cifrado, backups diarios, cumplimiento RGPD. | | **Soporte personalizado** | Email y videollamada. Mismo equipo desde la prueba gratuita. | --- ## 7. Sección 5, Lo que NO cobramos aparte **Cometido.** Mensaje directo, breve y un punto picante (fiel al tono del estudio). Una tira con iconos tachados para hacer visualmente explícito lo que en otros productos sí sería un addon. **Estructura visual.** Una sola fila (2 filas en móvil) con 4 ítems: icono tachado + título corto + una línea. Fondo alternativo para separar del bloque anterior. **H2 del bloque:** Lo que no vas a ver en tu factura. ### Ítems | Tachado | Título | Línea | |---|---|---| | ~~Plan Pro~~ | **No hay plan Pro con funciones ocultas.** | Si una funcionalidad existe, está incluida. | | ~~Addon Verifactu~~ | **No hay addon para cumplir con Verifactu.** | Es parte del producto, como debería ser. | | ~~Módulo CRM~~ | **No hay módulo CRM aparte.** | Ni para firmas, proyectos, gastos o documentos. Todo vive junto. | | ~~Enterprise~~ | **No hay plan "Enterprise" con precio opaco.** | Si tu equipo crece mucho, hablamos, con la tabla, no con un vendedor. | **Microcopy al pie:** > Un precio claro es una forma de respeto. Este es el nuestro. --- ## 8. Sección 6, Pago mensual o anual **Cometido.** Ayuda honesta al comprador. No es una tabla de descuentos, es un párrafo que le dice cuándo conviene pagar anual y cuándo mensual. **Estructura visual.** Bloque breve con dos columnas (apiladas en móvil): pago anual y pago mensual. Sin CTAs, el CTA vive en la tarjeta y en la sección 10. **H2 del bloque:** ¿Mensual o anual? ### Columna izquierda, Pago anual - **Título:** 3 € / empleado / mes - **Párrafo:** > Elige pago anual si ya sabes que OfiHQ encaja o si quieres dejar cerrado el coste del año. Es la opción recomendada porque reduce administración y baja el precio por empleado. ### Columna derecha, Pago mensual - **Título:** 4 € / empleado / mes - **Párrafo:** > Elige pago mensual si prefieres probar más tiempo antes de comprometer el año o si tu equipo todavía está cambiando mucho. Mantienes las mismas funcionalidades. --- ## 9. Sección 7, FAQ de precios **Cometido.** Resolver las dudas que bloquean la decisión, con respuestas honestas y de 2–4 líneas. Evitar tono de centro de ayuda. Generar `FAQPage` schema desde este contenido. **Estructura visual.** Acordeón con 7 preguntas, primera abierta por defecto. ### Textos #### 9.1 ¿Qué se considera "empleado" en el plan Todo incluido? > Un empleado es una persona con cuenta interna en OfiHQ. Los clientes o firmantes externos que sólo reciben documentos, firmas o comunicaciones no cuentan como empleados facturables. #### 9.2 ¿Hay coste por emisión de facturas o por envíos a AEAT? > No. Puedes emitir todas las facturas que necesites, con Verifactu incluido de serie. No cobramos por factura emitida, ni por envío a AEAT, ni por reintento cuando la red falla, ni por las actualizaciones que la AEAT publique en el futuro. #### 9.3 ¿Puedo cambiar entre pago mensual y anual? > Sí. Puedes cambiar el periodo de facturación desde el panel de administración. El cambio se aplica desde el siguiente ciclo de facturación. No pierdes datos, no se bloquea ningún módulo, no hay proceso de migración. #### 9.4 ¿Cómo funciona la prueba gratis de 30 días? > Creas la cuenta, trabajas 30 días con todos los módulos activos y sin límites. No pedimos tarjeta al alta. Al final del periodo eliges pago mensual o anual, o el acceso queda en pausa, tus datos se conservan durante 90 días adicionales por si quieres retomar. No hay cobro automático a la fuerza. #### 9.5 ¿Dais soporte distinto según el plan? > No. El soporte es el mismo equipo y el mismo canal desde la prueba gratuita: email y videollamada cuando haga falta. No tenemos SLAs escalonados ni tickets "prioritarios" por contratar más. Nuestra respuesta media es de unas horas en días laborables. #### 9.6 ¿Qué pasa con los datos si cancelo? > Puedes exportar todo (clientes, facturas con PDF, proyectos, gastos, documentos) en cualquier momento, tu información sale contigo. Si cancelas, mantenemos la cuenta en pausa 90 días antes de eliminarla, por si cambias de opinión. Tras ese plazo, los datos se borran de forma definitiva y de los backups dentro del ciclo habitual. #### 9.7 ¿Puedo pagar con transferencia o sólo con tarjeta? > Por defecto facturamos con tarjeta domiciliada o recibo SEPA; en el pago anual también aceptamos transferencia única contra factura. Si tu empresa necesita un circuito distinto (pago a 30/60 días, orden de compra interna), lo hablamos en [Contacto](/contacto). --- ## 10. Sección 8, CTA final **Cometido.** Cierre sobrio. Un titular que recupera el argumento, una promesa concreta y dos botones, sin urgencia, sin cuentas atrás. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. ### Textos - **H2:** Empieza tranquilo. Tienes 30 días para decidir. - **Párrafo:** > Prueba OfiHQ con todos los módulos activos, sin pedirte tarjeta y sin compromiso. Si a los 30 días no te encaja, no te cobramos nada. Si te encaja, eliges pago mensual o anual y seguimos. - **CTA primaria:** `Crea tu cuenta gratis →` → `https://app.ofihq.com/signup?source=precios` - **CTA secundaria:** `Hablar con nosotros` → `/contacto?source=precios` - **Microcopy bajo las CTAs:** ¿Vienes de otro programa de facturación? Te ayudamos a migrar clientes, artículos e histórico sin cargo adicional. --- ## 11. Notas de maquetación y assets **Interacciones:** - Toggle **Mensual / Anual**: actualiza sólo el importe de la tarjeta y el microcopy de facturación. Sin animación pesada. - Acordeón de FAQ: navegable por teclado (Enter/Espacio), con `aria-expanded`. - Plegables de la tabla (por grupo Finanzas/Operación/Equipo/Plataforma): abiertos por defecto en desktop, cerrados en móvil salvo el primero. **Capturas y gráficos necesarios:** 1. OG image (`og-precios.png`): composición limpia con la tarjeta de precio, cifra grande y sello "Verifactu incluido". 2. Iconografía de las 8 tarjetas de "Incluido siempre": set propio o Lucide/Phosphor, coherente con el resto del sitio. 3. Iconos tachados de la sección 7, requieren diseño propio para que el gesto "tachado" sea legible. 4. Sello visual "Verifactu listo" reutilizable en ambas tarjetas (mismo asset que en `/facturacion` y `/verifactu`). **Tratamiento visual:** - Tipografía de precios: la más grande de la página, más que el H1. La cifra manda. - Ticks verdes: coherentes en tamaño y color en toda la tabla. Evitar iconos distintos por fila. - Tarjeta recomendada elevada con sombra, no con cambio de color agresivo, el énfasis lo da la jerarquía visual, no el ruido. --- ## 12. Checklist antes de publicar - [ ] Toggle mensual/anual implementado y sincronizado entre ambas tarjetas. - [ ] Ambos precios (3 €/empleado/mes anual y 4 €/empleado/mes mensual) disponibles en la tarjeta, con el anual por defecto. - [ ] Tabla comparativa auditada contra las 10 landings de módulo, todas las filas que afirman "incluido" deben poder respaldarse con una capacidad del producto real. - [ ] Enlaces internos verificados: `/facturacion`, `/verifactu`, `/contacto`, `/funcionalidades`. - [ ] CTAs apuntan a `?source=precios&plan=todo-incluido` / `?plan=estandar` cuando corresponda. - [ ] Structured data `Product` con dos `Offer` (importes mensual y anual), `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y < 300 kB. - [ ] Accesibilidad: tabla con `scope` correcto en cabeceras; toggle con `role="switch"` y `aria-checked`; acordeón con `aria-expanded`; contraste AA en todos los bloques. - [ ] Prueba en móvil: tabla con scroll horizontal controlado o plegables; CTAs con área táctil ≥ 44 px; tipografía de precio legible sin pellizcar. - [ ] Diferencia mensual/anual revisada si cambian los precios. --- ## 13. Ganchos al resto del plan - De esta landing se extraen, en el bloque C: - El módulo 6 ("Precio claro, arriba del pliegue conversacional") de la Home. - El bloque de cierre "todo incluido" replicable en todas las landings de módulo (sección 5.C de cada una). - El microcopy del CTA final de `/funcionalidades`. - Para la landing SEO `/verifactu` (bloque D): reutilizar la FAQ 9.2 ("¿Hay coste por emisión de facturas o por envíos a AEAT?") con foco específico en Verifactu. - Divergencia con `site-structure.md` que queda abierta: el documento de estructura enumera 8 módulos en §3 y §5.3; el bloque A ha generado 10 landings reales (sin `chat-equipo` y con `calendario`, `ordenes-de-compra`, `recursos`). La tabla comparativa de esta página ya está alineada con el set real de 10. Conviene actualizar `site-structure.md` al cerrar el bloque C. ## nosotros # Landing: `/nosotros` > Borrador detallado del contenido de la página **Quiénes somos** de ofihq.es. Bloque C del orden de trabajo (ver §9 de `site-structure.md`). Mismo patrón estructural que `facturacion.md` para permitir comparación. > Fuentes: `projects/brand/brand-voice.md` (especialmente §"Who We Are" e §"What We Never Do"), `projects/brand/messaging-matrix.md` (§"Parent Brand: Laboratorio Web"), `CLAUDE.md` del workspace (para la lista completa de productos), `site-structure.md` §5.8. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Un estudio de software independiente, no un chiringuito y no una plataforma*. La página demuestra que hay un equipo serio detrás del producto sin caer en el tono corporativo que el propio brand voice prohíbe. Se cuenta quién hace OfiHQ, por qué, para quién y qué más hace. **Ángulos secundarios:** - **Independencia y largo plazo.** Sin capital riesgo, sin presión de churn, lo decimos sin convertirlo en eslogan. - **Hecho desde España para España.** El contexto regulatorio y cultural se entiende desde dentro. No es marketing, es la forma en que el estudio opera. - **OfiHQ vive en familia.** Mencionamos TalentoHQ, HorarioWeb y HMS sin venderlos. Construye confianza: "no son un producto suelto". - **Trabajamos en abierto cuando tiene sentido.** Blog público, documentación accesible, contenido que educa aunque el lector no compre, derivado de "earn trust by being genuinely useful before asking for anything" (brand voice). **Lo que evitamos:** - **"Historia de la empresa" cronológica.** Nadie la lee. Preferimos el "por qué". - **Fotos de equipo tipo stock** ("gente sonriente frente a un MacBook"). Sólo fotos reales o ninguna. - **Valores en viñetas huecos** (*Pasión, Innovación, Excelencia*). Si hay "valores", aparecen como comportamiento concreto. - **Vanidad corporativa.** Ni "hitos", ni "premios", ni "años de experiencia". - **Nombrar competidores** para compararse. El estudio no necesita pelearse para explicar qué hace. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=nosotros` - Secundaria: **"Hablar con nosotros"** → `/contacto?source=nosotros` *Nota de tono.* Esta es la página en la que más suena la persona detrás del producto, tuteo cercano, primera persona del plural ("hacemos", "creemos", "construimos"). Sin soberbia ni autocomplacencia; al estilo de alguien que cuenta a qué se dedica sin necesidad de impresionar. --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Quiénes somos, OfiHQ | | `description` | OfiHQ lo hace Laboratorio Web, un estudio de software independiente con sede en España. Construimos productos pensados para la forma en que trabajan las empresas aquí. | | `canonical` | `https://ofihq.es/nosotros` | | `og:title` | El estudio detrás de OfiHQ, Laboratorio Web | | `og:description` | Un equipo pequeño que construye software pensado para pymes españolas. Independientes, con visión de largo plazo, cerca de nuestros clientes. | | `og:image` | `og-nosotros.png` (pendiente, composición sobria con el nombre del estudio y los cuatro productos). | **Keywords target** (orientativas): - Primaria: *laboratorio web*, *quién hace ofihq* - Secundarias: *estudio software español*, *empresa detrás de ofihq* **Structured data a incluir (JSON-LD en ``):** - `Organization` con nombre legal, fundación, domicilio social, URL, sameAs (LinkedIn, GitHub si aplica). - `BreadcrumbList`: Inicio › Nosotros. --- ## 2. Estructura general ``` 1. Hero → quién somos y qué hacemos 2. Por qué existimos → el problema que nos puso a construir 3. Cómo trabajamos → el modo, no los "valores" 4. Los cuatro productos de la casa → TalentoHQ, HorarioWeb, OfiHQ, HMS 5. El equipo → nombres, caras, roles (condicional) 6. Con qué nos comprometemos → independencia y largo plazo 7. Escríbenos → CTA sobrio a /contacto ``` --- ## 3. Sección 1, Hero **Cometido.** En un párrafo, qué somos y qué hacemos. Sin eslogan. Si el visitante lee sólo esto, debería bastarle para saber de qué va la página. **Estructura visual.** Eyebrow + H1 + lead. Sin CTAs en el hero, la página entera es confianza; el CTA vive al cierre. Imagen lateral opcional: logotipo grande de Laboratorio Web en una composición sobria. ### Textos - **Eyebrow:** El estudio detrás de OfiHQ - **H1:** Hacemos software para la forma en que trabaja España. - **Lead:** > OfiHQ lo construye **Laboratorio Web**, un estudio de software independiente con sede en España. Somos un equipo pequeño, no una agencia, no una consultora, no una startup con prisa, que hace productos pensados para las empresas de aquí. Llevamos cuatro en marcha y vamos a quedarnos mucho tiempo. --- ## 4. Sección 2, Por qué existimos **Cometido.** Explicar la motivación real del estudio sin sonar a manifiesto. Dos o tres párrafos, voz humana. **Estructura visual.** Texto a una columna, ancho legible. Sin iconos. Un posible destacado con tipografía distinta para una cita corta. **H2 del bloque:** Por qué existimos. ### Textos - **Párrafo 1:** > La mayoría del software que usa una empresa española hoy está hecho en otro sitio para otro tipo de empresa. Cuando llega aquí, se localiza, se traduce la interfaz, se añade el IVA, se mete el IBAN en lugar del IBAN americano, y el resto se deja como estaba. El modelo mental del producto no es español. Y se nota. - **Párrafo 2:** > Laboratorio Web existe porque creemos que la pyme española merece software pensado desde dentro de sus reglas, no adaptado a ellas. Verifactu, el registro de jornada, los regímenes de IVA, la forma en que una asesoría cierra el mes: son cosas concretas que piden código concreto, no una capa de traducción. Es lo que hacemos. - **Destacado opcional (misma voz, mayor tipografía):** > *No queremos ser una plataforma. Queremos hacer unos pocos productos bien hechos, durante mucho tiempo.* --- ## 5. Sección 3, Cómo trabajamos **Cometido.** Explicar el modo del estudio sin caer en "valores" huecos. Cada ítem es un comportamiento concreto, no una declaración vaga. **Estructura visual.** Rejilla de 4 tarjetas en 2×2 (desktop) o pila vertical (móvil). Cada tarjeta con título corto + dos líneas. **H2 del bloque:** Cómo trabajamos. ### Tarjetas | Título | Descripción | |---|---| | **Cerca de quien nos usa.** | El mismo equipo que escribe el código atiende los tickets. Si hay un problema, quien lo arregla es quien también te responde. | | **Menos funciones, mejor hechas.** | Preferimos tardar más en sacar algo y sacarlo completo, antes que llenar el roadmap con promesas de roadmap. | | **Independientes de capital externo.** | Sin ronda pendiente, sin métrica de crecimiento impuesta por un inversor. La brújula la marca el producto y los clientes. | | **Escribimos en público.** | Un blog real con cosas útiles, documentación accesible, y contenido que ayuda aunque nunca compres. La confianza no se compra, se gana escribiendo. | --- ## 6. Sección 4, Los cuatro productos de la casa **Cometido.** Contextualizar OfiHQ dentro de la familia. Sin CTAs de venta cruzada, sólo nombrar, explicar en una línea y enlazar a su página pública. **Estructura visual.** Cuatro tarjetas en una fila (dos filas en tablet, apiladas en móvil). Icono o logotipo + título + una línea + enlace discreto "Conoce [producto] →". **H2 del bloque:** Los cuatro productos de la casa. **Kicker:** Cada uno resuelve un dolor específico. Ninguno pretende resolver el del otro. ### Tarjetas | Producto | Dominio | Línea | Enlace | |---|---|---|---| | **OfiHQ** | Gestión de la oficina | Facturación con Verifactu, CRM, proyectos, firmas y más, en un solo producto. *(Estás aquí.)* |, | | **TalentoHQ** | Gestión de personas | Gestión de RR. HH. diseñada para España: empleados, horarios, fichajes, informes. | `https://talentohq.com` ↗ | | **HorarioWeb** | Registro de jornada | Cumplimiento del registro horario que tu equipo realmente usa, desde su móvil. | `https://horarioweb.es` ↗ | | **HMS (Happy Mood Score)** | Clima de equipo | El pulso de tu equipo, de un vistazo. Pensado para que managers y personas no se ahoguen en encuestas. | `https://happymoodscore.com` ↗ | **Microcopy al pie del bloque:** > No hace falta que los uses todos. Si tu pyme empieza por OfiHQ y nunca nos escucha hablar del resto, perfecto. Y si algún día os hace falta TalentoHQ para nóminas y horarios, están hechos para conectarse. *Nota.* No mencionar "suite" ni "ecosystem", según brand voice, siempre se lidera con el resultado del cliente, no con el producto. Si esta sección se nota forzada al maquetar, se reduce a dos líneas y se mueve al footer. --- ## 7. Sección 5, El equipo *(condicional)* **Cometido.** Caras y nombres del equipo. Construye confianza. **Se publica sólo con consentimiento explícito de cada persona listada**. Si no se cuenta con consentimientos completos, el bloque se oculta sin dejar rastro. **Estructura visual.** Rejilla simple de tarjetas: foto cuadrada (no circular), nombre, rol, una línea opcional. Sin perfiles de redes sociales en primera línea, añade ruido. **H2 del bloque:** El equipo. ### Placeholder mientras no haya consentimientos *No publicar. Reemplazar por una línea única bajo la sección 4:* > Laboratorio Web es un estudio pequeño. Si quieres saber quién lo hace, [escríbenos](/contacto) y te contamos. ### Plantilla cuando haya fotos y consentimientos ``` [Foto] Nombre Apellido Rol dentro del estudio. - Una línea personal, opcional (ej. "Escribe la mayoría de lo que lees en el blog."). ``` Ordenar por rol dentro del estudio, no por antigüedad. *Nota de implementación.* Guardar los consentimientos por escrito (email o documento firmado) con expiración de 12 meses, para poder retirar fotos si alguien se va sin fricción. --- ## 8. Sección 6, Con qué nos comprometemos **Cometido.** Una pequeña lista de compromisos concretos con nuestros clientes, redactados como promesas verificables, no como eslóganes. Cada punto es algo que podemos cumplir y por lo que nos pueden pedir cuentas. **Estructura visual.** Lista de 4–5 promesas a una columna, cada una con verbo en primera persona del plural + frase que explica cómo se cumple. **H2 del bloque:** Con qué nos comprometemos. ### Textos - **No subimos el precio sin avisar con antelación.** Si alguna vez sube, avisamos con al menos 90 días y el precio de tu plan actual se respeta hasta tu próxima renovación. - **No venderemos los datos de tus clientes ni los usaremos para "entrenar modelos".** Son tuyos; los alojamos cifrados y los borramos cuando nos lo pides. - **Contestamos las peticiones de soporte siempre una persona, nunca un bot.** Misma calidad y mismo equipo para cualquier plan. - **Si algún día dejamos de mantener OfiHQ, te daremos aviso con meses de antelación.** Y una exportación completa y útil de tus datos para que no dependas de nosotros. - **El cumplimiento español lo escribimos nosotros, no un tercero.** Cuando una norma cambia (Verifactu, IVA, etc.), el equipo del estudio es el que la revisa y adapta. No depende de un vendor externo. --- ## 9. Sección 7, CTA final **Cometido.** Cierre sobrio. Invitación a hablar. **Estructura visual.** Bloque centrado, fondo diferenciado. ### Textos - **H2:** Si has leído hasta aquí, ya nos conoces un poco. - **Párrafo:** > Si quieres saber más, si estás valorando OfiHQ para tu equipo, si te interesa trabajar con nosotros, si tienes una idea o una queja, escríbenos. Respondemos siempre. A veces desde la silla de código, otras desde un café. Pero respondemos. - **CTA primaria:** `Escríbenos` → `/contacto?source=nosotros-footer` - **CTA secundaria:** `Prueba gratis 30 días →` → `https://app.ofihq.com/signup?source=nosotros-footer` --- ## 10. Notas de maquetación y assets **Gráficos necesarios:** 1. OG image (`og-nosotros.png`): composición sobria con el nombre del estudio y los cuatro productos alineados. Sin stock. 2. Logotipo de Laboratorio Web (lateral del hero, si se usa). 3. Iconografía de los cuatro productos, reutilizar logos oficiales de TalentoHQ, HorarioWeb, HMS y OfiHQ. 4. Fotos del equipo (si el bloque 7 se publica), encuadre cuadrado, composición consistente entre todas. Preferimos fotos hechas en misma sesión a fotos dispares. **Tratamiento visual:** - Mucho aire entre bloques. La página no compite en densidad con la Home, compite en calma. - Tipografía de párrafo con interlineado generoso. Esta es una página para leer, no para escanear. - Sin contadores animados ("X clientes, Y años, Z facturas"). Es el tipo de flourish que la brand voice descarta. --- ## 11. Checklist antes de publicar - [ ] Texto del hero y de "Por qué existimos" revisado por alguien ajeno al redactor, pregunta: "¿suena a persona real o a copy de agencia?". - [ ] Enlaces a TalentoHQ, HorarioWeb y HMS abren en pestaña nueva (`target="_blank" rel="noopener"`). - [ ] Bloque de equipo: publicado **sólo** si hay consentimientos escritos de cada persona listada. - [ ] Ninguna afirmación cuantitativa sin respaldo ("X clientes", "Y años"). Si aparece una cifra, se puede justificar. - [ ] Structured data `Organization` con dirección legal de Laboratorio Web y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y < 300 kB. - [ ] Accesibilidad: contraste AA; enlaces externos con indicador visual e información lectora (`aria-label` o texto adicional); estructura heading coherente. --- ## 12. Ganchos al resto del plan - La tarjeta de esta página *"La casa detrás de OfiHQ"* que aparece en la **Home** (§10 de `home.md`) se extrae de esta sección 4, mantenerlas sincronizadas. - Footer del sitio: enlace "Laboratorio Web ↗" en la columna "Compañía" apunta a la página pública de Laboratorio Web (`https://laboratorioweb.es`), no a este `/nosotros`. Esta página es para el contexto del estudio desde dentro de OfiHQ. - Si en el blog publicamos un post de cultura de estudio ("Por qué no vamos a levantar una ronda", por ejemplo), se enlaza desde la sección 3 o 8 de esta página con "Más sobre esto →". ## contacto # Landing: `/contacto` > Borrador detallado del contenido de la página **Contacto** de ofihq.es. Bloque C del orden de trabajo (ver §9 de `site-structure.md`). Mismo patrón estructural que `facturacion.md` para permitir comparación. > Fuentes: `projects/brand/brand-voice.md`, `site-structure.md` §5.9, `ofihq/CLAUDE.md` (endpoint de envío de leads). --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Te respondemos siempre, y en menos de lo que tardan otros*. Una página corta, honesta, sin jerga de ventas. El formulario es el centro, todo lo demás está para reducir la fricción de decidir escribir. **Ángulos secundarios:** - **Varias formas de hablar con nosotros**, formulario, correo, teléfono (si lo hay), reserva de demo si aplica. - **Expectativa clara de tiempo de respuesta**, honesto, no inflado. - **Qué pasa cuando envías**, transparencia procesal pequeña: "quién te responde", "cuándo", "qué datos te pedimos". Evita el silencio tras pulsar *Enviar*. **Lo que evitamos:** - **Formularios largos** (9 campos con cargo, sector, tamaño, teléfono obligatorio…). Tres campos reales y una lista de motivos. Lo demás, si hace falta, lo preguntamos por correo. - **Captchas agresivos**. Un honeypot silencioso basta para la mayoría del spam; si escala, pasamos a Turnstile de Cloudflare, nunca reCAPTCHA v2 "marca las fotos con semáforos". - **"Nuestro equipo de ventas se pondrá en contacto"**. No tenemos equipo de ventas. Tenemos un equipo que responde. - **Promesas temporales inflables** ("respuesta inmediata", "siempre disponibles 24/7"). Si ponemos un SLA, lo cumplimos. - **Urgencia artificial** en la página ("¡Habla con nosotros ahora!"). Desentona con el tono. - **Widget de chat** siempre encendido, ofreciendo "hola, ¿en qué puedo ayudarte?". Si alguna vez ponemos chat, será opt-in (icono discreto) y atendido por una persona real del equipo. **CTAs secundarios fuera del formulario:** - Correo directo: `hola@ofihq.es` - Reserva de demo (si está abierta): enlace al calendario del equipo comercial. - Enlace al `/soporte` / ayuda pública si existe (por ahora no existe, se deja en la FAQ de `/precios`). *Nota técnica.* El formulario hace `POST` a `https://app.ofihq.com/api/leads` (ver `ofihq/CLAUDE.md`). El endpoint debe responder con `2xx` y redireccionar al visitante a `/contacto/gracias` (página de confirmación descrita en §7). --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Contacto, OfiHQ | | `description` | Escríbenos por correo o con el formulario: respondemos en menos de 24 h en días laborables. También puedes probar OfiHQ gratis durante 30 días sin necesidad de hablar con nadie. | | `canonical` | `https://ofihq.es/contacto` | | `og:title` | Contacto, OfiHQ | | `og:description` | Respondemos siempre, en menos de 24 h en días laborables. Soporte por email y videollamada, sin equipo de ventas por medio. | | `og:image` | `og-contacto.png` (pendiente, misma plantilla que el resto del sitio, con el logotipo discreto). | **Keywords target:** No hay intención de SEO. `noindex` opcional si la página compite con tráfico más útil, revisar al lanzar. **Structured data a incluir (JSON-LD en ``):** - `ContactPage` con `telephone`, `email`, `availableLanguage`. - `BreadcrumbList`: Inicio › Contacto. - **Opcional:** `FAQPage` sobre atención y tiempos (si las preguntas quedan como en §6). --- ## 2. Estructura general ``` 1. Hero corto → invitación directa 2. El formulario + vías alternativas → centro de la página 3. Qué pasa después de pulsar "Enviar" → transparencia procesal 4. Si necesitas ayuda con el producto → soporte técnico (diferenciado) 5. Si eres periodista o buscas una colaboración → vía específica 6. FAQ breve (3 preguntas) → tiempos, idioma, demo ``` --- ## 3. Sección 1, Hero corto **Cometido.** Una frase que invita a escribir, otra que gestiona expectativas. Sin adorno. **Estructura visual.** Bloque centrado. Sin imagen. Alto contenido, alto contraste, mucho aire alrededor. ### Textos - **Eyebrow:** Hablemos - **H1:** Escríbenos. Respondemos siempre. - **Lead:** > Si quieres ver OfiHQ con tu propio equipo, hablar de precios con calma, migrar desde otra herramienta o simplemente preguntar algo que no encuentras en la web, estás en el sitio correcto. En días laborables contestamos en menos de 24 horas. Y te responde una persona, no una plantilla. --- ## 4. Sección 2, Formulario y vías alternativas **Cometido.** Ofrecer la vía más adecuada según el visitante. El formulario es lo principal; las alternativas quedan a un lado para quien prefiera el correo o una llamada. **Estructura visual.** Dos columnas en desktop: a la izquierda, el formulario (ocupa ~60 % del ancho); a la derecha, una tarjeta con las vías alternativas. En móvil, se apilan con el formulario arriba. ### 4.1 Formulario **H2 del bloque:** Cuéntanos qué necesitas. **Campos** (en orden): 1. **Nombre y apellidos**, texto corto, requerido, placeholder `Ana Pérez`. 2. **Email de trabajo**, email, requerido, placeholder `ana@empresa.com`. Validación mínima (formato). 3. **Empresa**, texto corto, *opcional*, placeholder `Nombre de tu empresa`. 4. **¿En qué podemos ayudarte?**, select con cinco motivos: - Quiero ver cómo funciona (demo o videollamada) - Estoy en la prueba gratuita y necesito ayuda - Tengo una pregunta sobre precios o planes - Vengo migrando desde otra herramienta - Otra cosa, te lo cuento en el mensaje 5. **Mensaje**, textarea, *opcional*, placeholder `Opcional, si quieres adelantarnos algo...`. 6. **Checkbox RGPD**, requerido, texto: > *He leído y acepto la [Política de privacidad](/legal/privacidad).* 7. **Honeypot oculto** (`website` o `confirma_email`), invisible para el usuario, detecta bots que rellenan todo. 8. **Campo oculto `source`**, se rellena con el parámetro `?source=` de la URL si existe (p. ej. `?source=home-precios`). **Botón primario:** `Enviar mensaje →` **Microcopy bajo el botón:** > Nunca enviaremos el mensaje a un equipo de ventas genérico. Lo recibe una persona del estudio que conoce el producto. ### 4.2 Vías alternativas (tarjeta lateral) **H3 del bloque:** ¿Prefieres otra vía? - **Correo directo:** `hola@ofihq.es`, respondemos en el mismo plazo (menos de 24 h laborables). - **Teléfono:** *(opcional, ver nota abajo)* `+34 XXX XX XX XX`, lunes a viernes de 10:00 a 18:00 (hora peninsular). - **Reserva una demo:** si prefieres una videollamada de 20 minutos para verlo en directo, reserva hueco [en este calendario](https://cal.com/ofihq/demo). - **Dirección postal:** Laboratorio Web, [dirección legal completa], España. *(Para correspondencia formal. Si tienes un asunto legal, escribe a `legal@ofihq.es`, ese buzón tiene prioridad.)* *Nota de producción.* El teléfono es opcional. Si el estudio decide *no* publicar número, válido, está alineado con el tono y no contradice a nadie, se omite esa línea y se queda el bloque con correo, calendario y dirección. --- ## 5. Sección 3, Qué pasa después de pulsar "Enviar" **Cometido.** Reducir la angustia del "formulario enviado y silencio". Esta sección aparece como texto acompañante, no como pop-up. También es lo que dice la página `/contacto/gracias` tras el envío. **Estructura visual.** Lista corta (3 pasos), iconos opcionales. Diseño sobrio. También servirá como base de contenido en la página de confirmación (ver §7). **H3 del bloque:** Qué pasa cuando nos escribes. ### Pasos 1. **Recibes un acuse de recibo automático en segundos.** Con el número de tu solicitud y el mensaje que enviaste (para que tengas constancia). 2. **Una persona del equipo lee tu mensaje.** Normalmente en el mismo día laborable. En el acuse te decimos quién va a llevarte, sin pasarte entre departamentos. 3. **Te contactamos con una respuesta real.** No un "te hemos asignado un responsable, contactará con usted". La primera respuesta de verdad llega en menos de 24 horas laborables. --- ## 6. Sección 4, Si necesitas ayuda con el producto **Cometido.** Diferenciar claramente la vía de soporte técnico del producto (para clientes y usuarios en prueba) de la vía comercial. Evita que un cliente en la prueba rellene el formulario genérico y espere. **Estructura visual.** Caja destacada (fondo alternativo), con título y dos líneas. Un único CTA. **H3 del bloque:** ¿Ya usas OfiHQ o estás en la prueba gratuita? ### Texto - **Párrafo:** > Escribe directamente a [`soporte@ofihq.es`](mailto:soporte@ofihq.es) o desde el widget de ayuda dentro de la propia app (esquina inferior derecha). Ahí te responde el mismo equipo que escribe el producto, con acceso (si nos lo autorizas) a tu cuenta para poder mirar lo que estás viendo tú. Es la vía más rápida cuando el problema es concreto. - **Microcopy:** > Para temas comerciales o de precios, mejor el formulario de arriba: así va a la persona adecuada desde el primer correo. --- ## 7. Sección 5, Si eres periodista o buscas una colaboración **Cometido.** Canales diferenciados para prensa, co-marketing, partnerships y legal. Que una persona de prensa no acabe en soporte. **Estructura visual.** Bloque a una columna, con lista corta de cuatro ítems. **H3 del bloque:** Otros motivos para escribirnos. ### Ítems - **Prensa y medios:** `prensa@ofihq.es`, materiales, ficha técnica del producto y declaraciones disponibles si nos das un par de días. - **Partnerships y co-marketing:** `hola@ofihq.es` con "Partnership" en el asunto. - **Aspectos legales, RGPD y seguridad:** `legal@ofihq.es`, buzón con prioridad, respondido por la persona responsable. - **Trabajar con nosotros:** `trabaja@ofihq.es`, aunque no haya oferta abierta publicada, si encajas, escríbenos. --- ## 8. Sección 6, Página `/contacto/gracias` (confirmación) **Cometido.** Qué ve el usuario tras enviar el formulario. No es una sección de `/contacto` propiamente dicha; es la página a la que se redirige. **Estructura visual.** Plantilla limpia, con el logotipo, un mensaje breve y un CTA para seguir navegando. ### Textos - **H1:** Gracias. Lo tenemos. - **Párrafo:** > Ya hemos recibido tu mensaje. En breve te llega un correo de acuse de recibo con el número de tu solicitud. En menos de 24 horas laborables te contacta una persona del equipo con una respuesta real. - **CTA primaria:** `Volver a OfiHQ` → `/` - **CTA secundaria:** `Mientras, lee algo útil` → `/blog` *Nota técnica.* Esta página incluye structured data `WebPage` simple y `noindex`, no aporta SEO y puede generar ruido en Search Console si se indexa. --- ## 9. Sección 7, FAQ breve **Cometido.** Tres preguntas frecuentes que evitan correos innecesarios. Respuestas de 2–3 líneas. Generar `FAQPage` schema. **Estructura visual.** Acordeón al pie de la página, primera pregunta abierta. ### Textos #### 9.1 ¿Cuánto tardáis en responder? > En días laborables, en menos de 24 horas. A menudo en el mismo día. No tenemos SLAs distintos por plan, el mismo tiempo para cualquier cliente del plan Todo incluido o de la prueba gratuita. Fines de semana y festivos contestamos a la vuelta. #### 9.2 ¿Podéis hablar en inglés si lo prefiero? > Sí, sin problema. También en catalán. El equipo de soporte puede atenderte en castellano, catalán o inglés; en correos complejos preferimos castellano o inglés para mantener el rigor del matiz. El producto, además, tiene interfaz en ES, EN, DE, CA y FR. #### 9.3 ¿Hacéis demos antes de que empiece la prueba gratuita? > Sí, si nos lo pides. Son videollamadas de 20 minutos donde vemos OfiHQ con tus datos reales (o con un entorno de ejemplo si prefieres). Casi siempre, sin embargo, recomendamos empezar por la prueba gratuita: se monta en 5 minutos y se ve más que en una demo guiada. --- ## 10. Notas de maquetación y assets **Interacciones:** - Validación del formulario inline, tras salir del campo. Mensajes claros en castellano: - Email: "Parece que falta la `@` o el dominio." - Consentimiento: "Necesitamos que aceptes la política para poder responderte." - Estado de envío: botón muestra `Enviando…` con spinner ligero; al completar, redirección a `/contacto/gracias`. - Honeypot oculto con `tabindex="-1"` y `aria-hidden="true"`. - Si el `POST` falla, el formulario muestra el error en una caja al pie con enlace mailto a `hola@ofihq.es` como fallback. **Capturas y gráficos necesarios:** 1. Iconografía sobria para las vías alternativas (correo, teléfono, calendario, dirección). 2. OG image (`og-contacto.png`): misma plantilla que el resto del sitio. 3. Sin fotos de equipo en esta página, ya viven en `/nosotros`. **Tratamiento visual:** - El formulario es el elemento más prominente de la página. Tipografía de labels clara, campos con altura cómoda (min 44 px en móvil). - Nada de gradientes ni fondos animados. Una página de formulario no necesita decoración. --- ## 11. Checklist antes de publicar - [ ] Endpoint `POST https://app.ofihq.com/api/leads` acepta los campos del formulario y responde 2xx para redirigir a `/contacto/gracias`. - [ ] Honeypot funciona: una petición que rellena el campo oculto se descarta en el backend. - [ ] Acuse de recibo automático se envía al email indicado, con número de solicitud. - [ ] Buzones `hola@`, `soporte@`, `prensa@`, `legal@`, `trabaja@` existen y tienen receptor real asignado. - [ ] Enlaces a `/blog`, `/legal/privacidad`, `/` funcionan. - [ ] Structured data `ContactPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y < 300 kB. - [ ] Accesibilidad: todos los campos con `label`; errores leídos por lectores de pantalla (`aria-describedby`); foco claro en el botón de envío; contraste AA. - [ ] Prueba en móvil: formulario sin scroll horizontal; teclado correcto por tipo de campo (`type="email"`, `inputmode` en móvil). - [ ] Decidir teléfono sí/no antes de publicar. Si no hay número, la línea se omite sin dejar "próximamente". - [ ] Decidir calendario público sí/no. Si no hay, se omite el punto de "Reserva una demo". --- ## 12. Ganchos al resto del plan - Las CTAs secundarias de todas las landings del bloque A apuntan a `/contacto?source=`. Esta página debe capturar `source` en el campo oculto y propagarlo al backend para analíticas. - Footer del sitio: enlace "Contacto" visible desde cualquier página. - Si al revisar el bloque D (SEO) surge una landing de comparativa (`alternativa-a-...`), esa landing debe tener CTA a `/contacto?source=alternativa-X`, y la lista de motivos del formulario debe ampliarse con "Quiero migrar desde [producto]". ## software-gestion-pymes # Landing: `/software-gestion-pymes` > Borrador detallado del contenido de la landing SEO genérica de cabeza de embudo **Software de gestión para pymes** de ofihq.es. Bloque D del orden de trabajo (ver §9 de `site-structure.md`): página educativa pensada para una intención de búsqueda amplia, *"software gestión pymes"*, *"mejor software para pymes"*, *"erp pequeña empresa"*, donde el visitante llega sin saber lo que quiere todavía. Mismo patrón estructural que las otras landings, con dos desvíos de estilo: el ritmo es más ensayo que guía, y la comparativa con alternativas es parte del argumento, no un anexo. > Fuentes: las 10 landings de `projects/ofihq/landings/*.md` (módulo), las 4 sectoriales, `home.md`, `precios.md`, `funcionalidades.md`, `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md` (sección OfiHQ), `site-structure.md` §5.6 y §1. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *un marco para elegir software de gestión, con OfiHQ como una de las opciones respetuosas con ese marco*. El visitante de esta página no busca Verifactu ni una función concreta; busca orientación. Le damos un ensayo corto sobre cómo pensar la decisión, nombramos las alternativas reales sin despreciarlas, y al final señalamos qué hace OfiHQ distinto. La persuasión viene del rigor del marco, no del pitch de producto, es la página más larga del sitio en la que menos se nombra OfiHQ hasta el último tramo. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **El stack desparejado es el problema, no un módulo faltante**, es el hilo número uno del sitio (§1 de `site-structure.md`), y esta página es donde mejor se desarrolla como argumento. - **"Todo incluido" como propuesta de valor de precio, no como lista de funciones**, la amplitud del producto es la evidencia; la promesa es que no habrá letra pequeña. - **Hecho para España**, aparece como criterio, no como eslogan. Un software generic al que se le ha atornillado el IVA español no es hecho para España. - **Comparativa respetuosa con los competidores**, Holded, Quipu, Factura Directa, Odoo, Sage. Los nombramos; no los destripamos. **Lo que evitamos:** - **Feature-dump disfrazado de "razones para elegir OfiHQ"**. Cualquier listado de 15 ticks con nombres de módulos. La amplitud se cuenta con un enlace a `/funcionalidades` o a la Home, no copiándola aquí. - **Desprecio a la competencia**. Brand voice §"Nothing that belittles": los competidores sirven a clientes reales; su oferta tiene contextos donde gana. Decirlo genera más confianza que el matiz contrario. - **Urgencia y miedo** ("¿Todavía usas Excel? Tu negocio corre peligro"). Brand voice §"No aggressive selling". - **Stack técnico en el argumento**. MCP y "la IA ejecuta" aparece una vez como criterio moderno, no como buzzword. - **Incluir Verifactu como titular principal**. Ya hay dos landings dedicadas; aquí Verifactu aparece como parte del criterio "hecho para España", no como ancla. - **Jerga corporativa**, "plataforma líder", "solución end-to-end", "acelera tu negocio". Brand voice §"Shared vocabulary". **CTAs de la página:** - Primaria: **"Ver cómo lo hace OfiHQ"** → `/funcionalidades` (no a signup: una landing amplia convierte mejor llevando al umbrella de módulos) - Secundaria: **"Ver precios"** → `/precios` - Terciaria, en cierre: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=software-gestion-pymes` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Software de gestión para pymes, Guía para elegir sin equivocarte | | `description` | Un marco honesto para elegir el software de gestión de tu pyme: qué preguntar, qué evitar, qué alternativas hay en España y cuándo OfiHQ encaja, y cuándo no. | | `canonical` | `https://ofihq.es/software-gestion-pymes` | | `og:title` | Cómo elegir software de gestión para una pyme española | | `og:description` | Sin tops ni rankings falsos. Un marco para pensar la compra, con alternativas reales y el enfoque que proponemos desde OfiHQ. | | `og:image` | `og-software-gestion-pymes.png` (pendiente, composición tipográfica con seis criterios). | **Keywords target** (orientativas): - Primarias: *software gestión pymes*, *software gestión empresarial pyme*, *mejor software pymes* - Secundarias: *erp pymes*, *programa gestión pequeña empresa*, *software todo en uno pymes*, *alternativa holded*, *alternativa quipu* - Long-tail: *cómo elegir software gestión pyme*, *software gestión pymes españa*, *software gestión empresarial pyme precio* **Structured data a incluir (JSON-LD en ``):** - `Article` con `headline`, `datePublished`, `dateModified`, `author: "Laboratorio Web"`, `publisher`. - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Software de gestión para pymes. - `SoftwareApplication` *no* se incluye, página educativa, no ficha. --- ## 2. Estructura general ``` 1. Hero → marco, no sales pitch 2. El punto de partida, por qué llegas aquí → el dolor real de la pyme 3. Seis criterios para elegir → el marco, sin mencionar OfiHQ todavía 4. Las alternativas reales en España → comparativa respetuosa 5. Cuándo no somos para ti → autoexclusión honesta 6. Qué proponemos nosotros → primera mención sostenida de OfiHQ 7. Cómo lo probarías en tu empresa → orientación práctica 8. FAQ (7 preguntas) → FAQPage schema 9. CTA final → sobrio 10. Nota al pie → fecha y enlace a contacto ``` --- ## 3. Sección 1, Hero **Cometido.** Que el visitante sepa en tres segundos que aquí no le vamos a meter un *top 10 de los mejores software ERP para pymes en 2026*. El titular promete un marco para pensar, no una lista. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), una composición tipográfica, seis palabras encolumnadas ("Cumplimiento", "Amplitud", "Integración", "Precio claro", "Uso real", "Soporte"), que previsualizan el marco de la sección 5. Sin mockups. ### Textos - **Eyebrow:** Guía de elección · Actualizada abril 2026 - **H1:** Cómo elegir software de gestión para tu pyme, sin equivocarte. - **Lead:** > Este no es un ranking. Es el marco que nosotros mismos aplicamos cuando diseñamos OfiHQ, seis criterios que separan un software serio de uno que parece bueno en la demo y pesa al sexto mes. Al final, lo que hace OfiHQ distinto; por el camino, las alternativas reales y cuándo tienen sentido. - **CTA primaria:** `Ver cómo lo hace OfiHQ →` → `/funcionalidades` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tops comprados. Sin patrocinios. La guía es útil también si al final eliges otra cosa. --- ## 4. Sección 2, Por qué llegas aquí **Cometido.** Reconocer el estado real del visitante. Lleva meses o años en un stack de herramientas que se fue acumulando; no llegó a una decisión, llegó a una pila. Nombrarlo es la mitad del trabajo. **Estructura visual.** Dos párrafos a ancho de columna legible. Sin iconos, sin listas. La tipografía hace el trabajo, esta sección es pura voz. ### Textos **H2 del bloque:** Llevas tres años diciéndote que vas a revisar las herramientas. **Párrafo 1:** > Así empieza casi siempre. Se emite una factura en el programa que tenía la gestoría cuando arrancaste. Los clientes se apuntan en un Excel porque el primer CRM pareció caro. Los gastos de los comerciales se gestionan por WhatsApp porque "ya los organizamos a fin de mes". Las firmas van por DocuSign o se imprimen y escanean. Los proyectos los llevas en Trello, en un Notion o en la cabeza. Cada herramienta resolvió un problema puntual y ahí se quedó, porque cambiar era un lío. **Párrafo 2:** > El resultado es conocido: datos duplicados en cuatro sitios, un cliente nuevo que hay que dar de alta en tres programas, una factura que se paga y proyectos no se entera, un contrato que se firma y acaba perdido en un Drive. Cuando llega un empleado nuevo, la bienvenida es *"apúntate estas cinco contraseñas"*. Cuando llega una inspección, la foto de la empresa está repartida en tantos sitios que ni tú misma sabes dónde está. No pasa nada hasta que pasa, y cuando pasa, es caro. **Microcopy al pie del bloque:** > No estás mal gestionando tu empresa. Estás gestionando con las herramientas que tenías a mano cuando surgió cada problema. La pregunta es si hoy ya merece la pena dar un paso. --- ## 5. Sección 3, Seis criterios para elegir **Cometido.** El núcleo del argumento. Seis preguntas que cualquier software serio debería poder responder con claridad. Presentadas como marco de decisión, no como checklist comercial. Ni una mención a OfiHQ en esta sección, el visitante tiene que poder aplicar el marco a cualquier producto, el nuestro incluido. **Estructura visual.** Seis subsecciones con H3 + párrafo + "la pregunta concreta que tienes que hacerle al proveedor". La "pregunta concreta" va en una cajita pequeña o con cursiva, bien diferenciada. Orden deliberado: cumplimiento y amplitud primero (los criterios de descarte), los demás después. ### Textos **H2 del bloque:** Seis criterios que separan el software serio del que parece bueno en la demo. #### 5.1 Criterio 1, Cumplimiento, nativo y no como módulo > En España, un software de gestión que no cumpla con Verifactu a partir de 2026 no es una opción. Lo siguiente es cuánto cumple y cómo lo cobra: hay herramientas que resuelven Verifactu de serie y hay herramientas que lo cobran como módulo extra, como recargo por factura enviada o como tramo de plan superior. El coste total cambia mucho con esto. > > Más allá de Verifactu, la fiscalidad española tiene capas, IVA, IRPF, recargo de equivalencia, intracomunitario, IGIC, regímenes especiales, que un software generic internacional suele resolver como traducción de etiquetas, no como lógica fiscal. La diferencia se nota cuando facturas a un cliente alemán y el sistema no sabe que eso lleva régimen intracomunitario. > > *La pregunta:* **"¿Cumples con Verifactu hoy, incluido en el plan que me ofreces, y gestionas IVA intracomunitario, IRPF y recargo de equivalencia por defecto?"** #### 5.2 Criterio 2, Amplitud real, no promesa de roadmap > "Todo en uno" se dice con facilidad. Lo que cuenta es si el software, en el plan que vas a contratar, cubre los procesos que tu empresa vive hoy: factura, cobra, gestiona clientes, lleva proyectos o servicios, controla gastos, firma documentos, coordina al equipo. El roadmap no se contrata, se contrata lo que está. > > Ojo a "todo incluido" con asterisco: muchos productos venden una suite que, en detalle, es un núcleo contable más plantilla de módulos que se activan por tarifa (CRM Pro, Facturación Pro, Firmas Pro). La amplitud real aparece en la letra pequeña del plan, no en la home. > > *La pregunta:* **"De las funciones que me enseñas en la demo, ¿cuáles están incluidas en el plan que me estás ofertando y cuáles son plan superior o addon?"** #### 5.3 Criterio 3, Integración interna, no entre apps > El problema que te trajo aquí no es que falte una función, es que tus funciones están en programas distintos y no se hablan. La prueba del algodón de un software todo-en-uno es si los módulos son versiones del mismo dato, o si son apps separadas cosidas con una API interna. > > Señales de que no está bien integrado: tienes que "enlazar" manualmente un cliente del CRM a un cliente de facturación, los gastos se imputan a proyectos en un segundo paso, los contactos de firma digital son un directorio aparte de los clientes. Un producto bien hecho tiene un solo concepto de cliente, aunque tenga diez pantallas donde aparece. > > *La pregunta:* **"Si doy de alta un cliente en el CRM, ¿aparece como cliente facturable sin que yo tenga que duplicarlo?"** #### 5.4 Criterio 4, Precio claro, sin "contacta con ventas" > Los modelos de precio por módulo, por usuario con tramos ocultos, por volumen de facturas, o con plan Enterprise "a consultar" son banderas rojas. No necesariamente malos productos, pero sí productos donde el coste total es impredecible y la negociación se convierte en una relación comercial en vez de una contratación. > > Precio saludable: una cifra visible, con pago mensual y anual claros, y lo que incluye escrito sin letra pequeña. Que el precio anual cueste menos que el mensual es razonable; que el plan pequeño esconda las funciones clave no lo es. La palabra "desde" antes del precio suele avisar de la segunda. > > *La pregunta:* **"¿Puedo ver tu precio completo sin hablar con ventas, y sé qué me va a costar el año que viene si hago lo mismo que este año?"** #### 5.5 Criterio 5, Uso real, no demo > La demo siempre sale bien. Lo que cuenta es la tercera semana, cuando tu administrativa ya ha emitido 40 facturas, cuando el comercial ya ha puesto 15 oportunidades y cuando alguien ha querido buscar una factura vieja desde el móvil. El software serio aguanta ese uso; el marketinero se rompe. > > Señales a mirar: velocidad al cargar listados largos, facilidad para buscar cosas viejas, app móvil útil (no sólo un lector de PDFs), uso sin entrenar a la gente (si cada nuevo empleado necesita dos días de formación, el producto no es sencillo). Ninguna de estas cosas se ve en una demo de 30 minutos, se ve en la prueba gratuita de 30 días. > > *La pregunta:* **"¿Tengo prueba gratuita con todas las funciones activas, sin tarjeta al alta y sin techo de datos?"** #### 5.6 Criterio 6, Soporte y continuidad > El software de gestión se contrata una vez y se vive muchos años. Importa menos "el soporte 24/7" del folleto y más dos cosas concretas: **quién responde cuando escribes** (equipo del producto vs. call center tercerizado) y **cuánto dura el producto** (empresa independiente con proyecto a largo plazo vs. startup que puede pivotar o cerrar). > > La independencia del proveedor es un criterio que casi nadie menciona, pero impacta. Un producto vendido a un grupo más grande suele subir precios al año siguiente. Un producto VC-financiado puede cambiar de plan de producto cada trimestre. Elegir software es en parte elegir con quién vas a hablar los próximos cinco años. > > *La pregunta:* **"¿Quién me va a atender si tengo un problema en dos años, y cómo habéis evolucionado los últimos cinco años como empresa?"** --- ## 6. Sección 4, Las alternativas reales en España **Cometido.** Nombrar las herramientas que el visitante está evaluando. No para destrozarlas, para darles su contexto. Si alguien termina con un competidor porque le sirve mejor, habremos hecho bien nuestro trabajo. Confianza se gana con honestidad, no con trucos de posicionamiento. **Estructura visual.** Cuatro tarjetas horizontales con nombre + una línea de caracterización + "cuándo tiene sentido" + "dónde cojea para una pyme típica española". Cero bullets de features, el visitante no viene aquí a una tabla comparativa. ### Textos **H2 del bloque:** Las alternativas que vas a estar valorando. **Kicker:** Cada una sirve a un perfil. Decirlo honestamente es parte del marco. #### 6.1 Holded > **Qué es:** una de las suites de gestión más extendidas en España, con cobertura amplia (facturación, contabilidad propia, CRM, proyectos, inventario, nómina). > > **Cuándo tiene sentido:** empresas que quieren contabilidad nativa dentro de la misma herramienta y están dispuestas a pagar por plan Pro o Premium para acceder a CRM avanzado, automatizaciones y soporte. > > **Dónde cojea:** la amplitud que anuncia en la home se vuelve "plan superior" o "addon" en buena parte de módulos; el precio real para una pyme que usa seis funciones acaba siendo sensiblemente más alto que la tarifa de entrada. Verifactu, cuando lo cobran aparte, añade su propio tramo. #### 6.2 Quipu > **Qué es:** software de facturación y gestión especialmente enfocado a autónomos y pymes pequeñas, con buena conexión con gestorías. > > **Cuándo tiene sentido:** autónomo o microempresa (1-5 personas) cuya prioridad es facturar, llevar gastos y que la gestoría tenga acceso limpio a los datos. La contabilidad la lleva la gestoría, no el programa. > > **Dónde cojea:** no es una plataforma todo-en-uno; CRM, proyectos, firmas y recursos no están en su núcleo. Para una pyme de 10-50 personas, Quipu se queda corto, no por calidad, sino por alcance deliberado. #### 6.3 Factura Directa / Anfix / Gespyme > **Qué son:** programas de facturación y contabilidad con historia en el mercado español, con foco en cumplir con AEAT y trabajar en paralelo con asesorías. > > **Cuándo tienen sentido:** pymes tradicionales donde la facturación y la contabilidad son el núcleo y el resto se resuelve fuera del software. Relación estrecha con gestorías clásicas. > > **Dónde cojean:** la experiencia de uso y la integración entre datos (CRM, proyectos, firmas) es, en general, inferior a los productos más recientes. El camino de crecer con la empresa hacia más funciones suele pasar por sumar herramientas, no por expandir dentro. #### 6.4 Odoo y Sage > **Qué son:** las opciones "grandes". Odoo es un ERP modular de origen europeo con versión gratuita y versiones empresariales; Sage es el veterano del mercado español-europeo para pymes medianas y grandes. > > **Cuándo tienen sentido:** empresas con procesos complejos, recursos para la implantación y necesidades específicas que justifican la curva de aprendizaje y el coste, normalmente con un partner implantador de por medio. > > **Dónde cojean (para una pyme típica):** la complejidad, el coste de implantación, la dependencia de un partner y la distancia entre "la demo vende" y "el día a día duele". Una pyme de 10-50 personas en Odoo sin partner es un campo de minas; Odoo con partner rara vez sale a precio pyme. **Microcopy al pie del bloque:** > Si tu empresa encaja en alguno de estos perfiles, probablemente esa opción sea mejor para ti que nosotros. No se puede ganar a todos los segmentos, y intentarlo es el camino más corto a un producto mediocre. --- ## 7. Sección 5, Cuándo NO somos para ti **Cometido.** La autoexclusión. Una página honesta cuenta qué no hace. Aquí gana confianza quien sigue leyendo, el que se reconoce en la exclusión, mejor que se vaya ahora que tres meses después. **Estructura visual.** Tres bloques cortos. Titular + párrafo corto. Sin ironía, sin falsa modestia. ### Textos **H2 del bloque:** Cuándo OfiHQ **no** es para ti. #### 7.1 Si necesitas contabilidad completa dentro del mismo software > OfiHQ lleva facturación emitida y gastos, pero la contabilidad (asientos, libros oficiales, cuenta de pérdidas y ganancias) la lleva tu asesoría con los datos exportados desde OfiHQ. Si quieres llevar la contabilidad tú dentro de la herramienta, Holded, Sage o Anfix encajan mejor con ese flujo. #### 7.2 Si tu actividad principal es e-commerce o inventario intensivo > OfiHQ está pensado para pymes de servicios y para empresas con procesos comerciales y administrativos, consultorías, despachos, agencias, constructoras, consultoras. Para un e-commerce con miles de SKUs, con integraciones de marketplace y gestión de almacén multi-ubicación, hay soluciones especializadas que cubren mejor ese dolor específico. #### 7.3 Si tu proceso gira alrededor de la administración pública > Si la mayoría de tu facturación va a ayuntamientos, comunidades o a la AGE por FACe, la facturación electrónica administrativa (Facturae) tiene que ser parte del núcleo de tu software. OfiHQ, en abril de 2026, no cubre ese flujo. Escríbenos si te interesa, te contamos lo que tenemos en plan y te orientamos entretanto. --- ## 8. Sección 6, Qué proponemos nosotros **Cometido.** La primera mención sostenida de OfiHQ. Hasta aquí la página ha sido marco y contexto. Ahora, con el visitante en sintonía, explicamos sin rodeos qué hacemos distinto, y por qué. Cuatro ideas, no más. **Estructura visual.** H2 grande + cuatro sub-bloques con titular + dos o tres líneas. Fondo alternativo (único de la página). ### Textos **H2 del bloque:** Lo que proponemos desde OfiHQ. **Kicker:** Un producto, un precio que ya lo incluye todo, hecho para España, sin salir de un mismo equipo que escribe el software y contesta el soporte. #### 8.1 Un solo producto, no una suite modular > OfiHQ no tiene plan Básico, Pro ni Enterprise. Tiene un plan Todo incluido: 3 € por empleado al mes con pago anual, o 4 € por empleado al mes con pago mensual. CRM, facturación Verifactu, proyectos, gastos, firmas digitales, calendario, recursos y documentos están en tu cuenta desde el primer día, con o sin que los uses. #### 8.2 Nativo español, no localizado > Verifactu está implementado por nosotros directamente, no es un conector. El IVA, el IRPF, el recargo de equivalencia, el intracomunitario y los regímenes especiales son lógica del producto, no etiquetas traducidas. Los informes y los PDFs usan los formatos que tu asesoría reconoce. Si facturas a Alemania, la régimen intracomunitaria aparece sola; tú no marcas casillas. #### 8.3 Datos que comparten cliente, no apps que se enlazan > Un cliente que das de alta en el CRM es el mismo que luego facturas, al que le asignas un proyecto y al que le pides una firma. No hay sincronización nocturna entre sistemas, hay un solo concepto de cliente y cada módulo es una vista distinta de ese dato. Pasa lo mismo con proyectos, empleados, ítems y documentos. #### 8.4 El mismo equipo que escribe el producto contesta el correo > Laboratorio Web es un estudio independiente con sede en España. No hay call center tercerizado, no hay partners implantadores, no hay *customer success* que no pueda tocar código. Si un cliente pregunta algo, responde quien puede cambiar el producto si esa pregunta demuestra que algo está mal planteado. Eso limita cuánto podemos crecer; es exactamente por eso que lo hacemos así. **Microcopy al pie del bloque:** > Si quieres el detalle por módulo, está en [/funcionalidades](/funcionalidades). Si quieres el precio desnudo, está en [/precios](/precios). --- ## 9. Sección 7, Cómo lo probarías en tu empresa **Cometido.** Orientación práctica para un visitante que ya está convencido del marco y quiere saber el siguiente paso. Evitamos el "regístrate y listo" abstracto, mostramos una ruta concreta de evaluación de dos semanas. **Estructura visual.** Tres tarjetas en secuencia (Semana 1 · Semana 2 · Al final) con un recuadro de "qué vas a saber al terminar". ### Textos **H2 del bloque:** Cómo probarías OfiHQ sin hacer un proyecto de implantación. **Kicker:** Dos semanas de prueba honesta, con un plan sensato. #### 9.1 Semana 1, Lo urgente > Crea la cuenta. Importa tus clientes, tus productos y los tipos de IVA que ya usas (te acompañamos si vienes de Holded, Quipu, Factura Directa o similar). Configura tu certificado digital. Emite las facturas de esta semana directamente desde OfiHQ y comprueba que tu primera factura Verifactu sale con QR válido. > > *Lo que vas a saber al terminar:* si la facturación funciona en tu contexto real y si la ergonomía del día a día te sirve. #### 9.2 Semana 2, Lo que cambiaría de verdad tu forma de trabajar > Abre el CRM con los mismos clientes. Sube dos o tres proyectos activos y apunta las horas de la semana. Prueba una firma digital con un contrato real. Saca una foto de un ticket de gasto desde el móvil y haz el camino completo hasta la contabilización. > > *Lo que vas a saber al terminar:* si los datos hablan entre módulos como esperas y si el resto del equipo puede usarlo sin entrenamiento formal. #### 9.3 Al final de los 30 días > Si no encaja, tu cuenta queda en pausa sin cargos y te puedes llevar todos tus datos. Si encaja, eliges pago mensual o anual y sigues. En ambos casos: ningún equipo nuestro te va a llamar cinco veces ni a añadirte a una secuencia de emails que no pediste. > > *Lo que vas a saber al terminar:* si OfiHQ es el que te toca contratar, o si con el marco de la sección 3 la decisión ha quedado en otro sitio. Las dos respuestas son válidas. --- ## 10. Sección 8, FAQ **Cometido.** Preguntas reales de compradores en este tramo del embudo. Respuestas de 3-5 líneas, útiles sin empujar. Alimenta `FAQPage` schema. **Estructura visual.** Acordeón con 7 preguntas, primera abierta por defecto. ### Textos #### 10.1 ¿Es OfiHQ un ERP? > Depende de qué llames ERP. OfiHQ cubre facturación, CRM, proyectos, gastos, firmas, calendario, recursos y documentos, lo que en el lenguaje habitual de pyme es *"gestión de empresa"*. Lo que tradicionalmente distingue a un ERP, contabilidad completa con asientos y libros oficiales, inventario multi-almacén con reaprovisionamiento automático, producción, lo hace un ERP clásico (Odoo, Sage, SAP Business One) y no nosotros. Para una pyme de servicios o administración, lo que OfiHQ cubre suele ser lo que necesitas; si tu negocio es industria manufacturera, lo nuestro se queda corto. #### 10.2 ¿Qué plantilla de empresa os encaja? > Empresas de entre 5 y 100 personas, con procesos comerciales y administrativos relevantes, que facturan a otras empresas o particulares y para las que la contabilidad la lleva una asesoría externa. Consultorías, agencias, despachos profesionales, pequeñas constructoras, consultoras, empresas de servicios B2B. Pymes industriales puras o e-commerce intensivo no son nuestro dulce. #### 10.3 ¿Cómo sois en precio frente a Holded o Quipu? > Depende del plan con el que compares. Nuestro plan Todo incluido cuesta **3 € / empleado / mes** con pago anual o **4 € / empleado / mes** con pago mensual, con todas las funciones incluidas. Frente a los planes de entrada de Holded o Quipu, podemos ser más caros en la base; frente a sus planes Pro o Premium con los módulos que una pyme acaba usando, solemos ser competitivos o más baratos, y sin sobresaltos al año siguiente. #### 10.4 ¿Cómo cambio desde mi software actual? > Tenemos proceso acompañado para migraciones desde Holded, Quipu, Factura Directa, Anfix y las hojas de Excel en las que llevas el histórico. Importamos clientes, productos, categorías, tipos de IVA y el histórico de facturas (que queda cargado sin enviarlo a AEAT, no lo exige Verifactu). La migración no tiene coste, la hace alguien del equipo y tarda menos de una semana en una empresa típica. #### 10.5 ¿Cumple con Verifactu? > Sí, de serie, implementado por nosotros y sin cobrártelo aparte. Tienes el detalle en [/verifactu](/verifactu) y el contexto completo de la factura electrónica en [/facturacion-electronica-aeat](/facturacion-electronica-aeat). #### 10.6 ¿Hay app móvil? > Sí. Es una aplicación web progresiva (PWA) que vale para fotos de tickets de gasto, aprobaciones, consulta de facturas y firmas por el camino. No es una versión recortada, comparte datos con la web y se instala sin pasar por la App Store si no quieres. #### 10.7 ¿Quién lo hace? ¿Vais a seguir aquí en cinco años? > Lo hace Laboratorio Web, un estudio independiente con sede en España. No tenemos inversión externa ni calendario de salida a bolsa; ingresamos por las suscripciones de los clientes y el plan es crecer despacio y aguantar. OfiHQ es uno de los cuatro productos del estudio (junto con TalentoHQ, HorarioWeb y HMS). La historia completa, en [/nosotros](/nosotros). --- ## 11. Sección 9, CTA final **Cometido.** Cierre sobrio. La página ha sido honesta; el visitante decide si quiere seguir. **Estructura visual.** Bloque con fondo plano (la sección 8 ya llevó el fondo alternativo). Texto centrado. Dos botones. ### Textos - **H2:** Si te ha servido el marco, te va a servir el producto. - **Párrafo:** > OfiHQ es el software todo-en-uno para pymes españolas que trabaja bajo los seis criterios de la sección 5. Verifactu de serie, amplitud real sin planes Pro, datos integrados de verdad, precio claro, prueba de 30 días con todo activo y un equipo que contesta el soporte con el mismo teclado con el que escribe el código. Si encaja con lo que buscas, te invitamos a verlo. - **CTA primaria:** `Ver cómo lo hace OfiHQ →` → `/funcionalidades` - **CTA secundaria:** `Prueba gratis 30 días` → `https://app.ofihq.com/signup?source=software-gestion-pymes-footer` - **Microcopy bajo las CTAs:** ¿Dudas antes de probar? [Hablemos](/contacto?source=software-gestion-pymes-footer). --- ## 12. Sección 10, Nota al pie **Cometido.** Fecha visible, orientación para quien siga dudando. **Estructura visual.** Párrafo pequeño, tipografía secundaria. Al final de la página, antes del footer general del sitio. ### Textos > Esta guía se actualizó por última vez en **abril de 2026**. Las referencias a competidores reflejan su estado público en ese momento; los productos evolucionan y nuestra comparativa puede quedarse desfasada. Si encuentras algo que ya no es verdad (sobre ellos o sobre nosotros), [avísanos](/contacto), actualizamos con gusto. --- ## 13. Notas de maquetación y assets **Capturas y gráficos necesarios** (por orden de aparición): 1. Hero: composición tipográfica con seis palabras-criterio encolumnadas, previsualiza la sección 5. Sin mockups. 2. Las cuatro tarjetas de competidores (sección 6), sin logos de competidores en la maqueta final; el nombre en tipografía basta. (Usar logos exigiría permisos y complica jurídicamente sin aportar mucho.) 3. Sello "Actualizada abril 2026" (compartido con `/verifactu` y `/facturacion-electronica-aeat`). 4. OG image (`og-software-gestion-pymes.png`): composición con los seis criterios en columna. **Tratamiento visual:** - Página larga y de lectura, ancho de columna estricto (60-75 caracteres por línea), mucho espacio vertical entre secciones, tipografía cómoda para párrafos largos. - La sección 5 (seis criterios) es la más densa; invertir en jerarquía: H3 grande, "la pregunta concreta" destacada con caja o cursiva, el párrafo cuerpo legible sin retoques. - Fondo alternativo **sólo** en la sección 8 (Qué proponemos). El resto, fondo plano para mantener el tono "ensayo" sobre "folleto". - Las tarjetas de competidores (sección 6) con altura uniforme para que la página no "baile" al scroll. **Accesibilidad:** - Acordeón FAQ con `aria-expanded`, navegable por teclado. - Las cajas de "la pregunta concreta" en la sección 5 tienen que ser legibles por lectores de pantalla en el orden correcto, no meterlas con CSS absolute que las saque del flujo. - Contraste AA en la nota al pie (sección 12) y en los microcopys. **Rendimiento:** - Cero JS salvo el acordeón. Vanilla. - Sin mockups pesados, la página es tipográfica; debería cargar por debajo de 1 s en 4G. --- ## 14. Checklist antes de publicar - [ ] Precios de la FAQ 10.3 verificados con la tarjeta actual de `/precios`. Si algo sube o baja, los importes mensual y anual cambian a la vez. - [ ] Referencias a competidores (sección 6) revisadas, que no mientan ni se queden obsoletas. Si sabemos que uno ha cambiado plan, reflejarlo o quitar la tarjeta. - [ ] Nota al pie (sección 12) con la fecha actualizada. - [ ] Enlaces internos verificados: `/funcionalidades`, `/precios`, `/verifactu`, `/facturacion-electronica-aeat`, `/nosotros`, `/contacto`. - [ ] CTAs con `?source=software-gestion-pymes` y `?source=software-gestion-pymes-footer`. - [ ] Structured data `Article`, `FAQPage` y `BreadcrumbList` presentes; validar con Rich Results Test. - [ ] OG image generada y < 300 kB. - [ ] `title` (máx. 60 caracteres) y `meta description` (máx. 155). - [ ] Sin frases en tono de urgencia ("antes de que tu stack colapse", "no pierdas más tiempo"). Revisión final dedicada. - [ ] Sin desprecio a los competidores. Cada mención pasa el test: *"¿diría esto con uno de ellos sentado enfrente?"*. - [ ] La sección 7 ("cuándo NO somos para ti") es literalmente cierta hoy, sin maquillar. Revisada con el equipo de producto. - [ ] Accesibilidad: acordeón navegable por teclado; cajas destacadas en orden de lectura correcto; contraste AA en microtextos. - [ ] Prueba en móvil: las tarjetas de competidores (sección 6) y de perfiles (sección 9) se apilan sin corte; los seis criterios de la sección 5 legibles sin pellizcar. --- ## 15. Ganchos al resto del plan - Esta landing consume: - La Home (`home.md`) para el pitch consolidado "todo incluido, hecho para España, producto + precio". - `/funcionalidades` como destino de la CTA primaria y de referencia cuando el visitante quiere amplitud. - `/precios` para los números concretos de la FAQ 10.3. - `/verifactu` y `/facturacion-electronica-aeat` para el cumplimiento legal, aquí sólo se nombra como criterio y se enlaza. - Las cuatro landings sectoriales (`/despachos-profesionales`, `/consultoria-y-servicios`, `/construccion-y-reformas`, `/agencias-creativas`) como validación del encaje "pymes de servicios" mencionado en la FAQ 10.2. - Esta landing alimenta: - El footer SEO del sitio (columna "Producto" o un eventual "Recursos" si se añade en `site-structure.md` §4). - Campañas de paid search que quieran una página de aterrizaje educativa en lugar de una de producto. - Posts de blog de la serie "cómo elegir": cada uno de los seis criterios de la sección 5 da para un post independiente con la cita de la página principal. - Cambios que esta landing fuerza aguas arriba: - La sección 6 (competidores) tiene fecha de caducidad. Revisar cada 6 meses como parte del mantenimiento editorial del sitio. - La sección 8 (qué proponemos) tiene que seguir siendo literal: si algún día OfiHQ mete plan Pro / addon / consulta de ventas, esta página se reescribe entera o desaparece. - Derivados que esta landing facilitará (bloque E de contenido futuro): - Serie de seis posts de blog, uno por criterio de la sección 5. - Post comparativo *"Holded, Quipu, OfiHQ, cuándo tiene sentido cada uno"* (con más detalle que la sección 6; mismo tono respetuoso). - Post *"Cuándo no elegir OfiHQ (y por qué te lo decimos)"*, versión expandida de la sección 7; brand voice §"Thoughtful and educational" en su mejor expresión. - Guión para vídeo corto (2-3 min) presentando los seis criterios como marco de elección genérico, aplicable a cualquier software. ## facturacion # Landing: `/facturacion` > Borrador detallado del contenido de la página de módulo **Facturación** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `ofihq/docs/guides/features.md`, `ofihq/docs/guides/invoicing-system.md`, `projects/brand/brand-voice.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Verifactu resuelto de serie, para toda pyme española*. Es el gancho más fuerte (obligatoriedad legal) y el que mejor condensa el pitch "todo incluido, sin módulos aparte". **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Cadena completa**: factura normal, rectificativa, cancelaciones, pagos, PDF con QR, no sólo "emite facturas". - **Operaciones UE** en automático (detección de intracomunitario). - **Descuentos inteligentes** con lógica "best deal wins". - **Trazabilidad inalterable** (útil para inspecciones). - **Integración real con el resto de OfiHQ** (CRM, proyectos, IA), aquí el argumento "reemplaza el stack" cobra vida. **Lo que evitamos:** - Listar "21 funcionalidades" como una tabla. Feature-dump rompe el tono. - Tecnicismos de stack (SHA256, SOAP, X.509, "cadena de hash") como reclamo. Se traducen al resultado que el comprador entiende: "registro inviolable", "firma con tu certificado", "envío registrado a AEAT". El cómo se implementa no es argumento de venta. - Prometer cosas fuera del producto real (p. ej. "contabilidad completa"; no lo es). - Urgencia artificial por Verifactu ("¡Última oportunidad antes de las multas!"). Contradice el brand voice. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=facturacion` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Facturación con Verifactu para pymes, OfiHQ | | `description` | Emite facturas electrónicas con Verifactu integrado de serie. Impuestos al día, clientes UE automáticos, rectificativas y auditoría completa. Incluido en el plan Todo incluido de OfiHQ. | | `canonical` | `https://ofihq.es/facturacion` | | `og:title` | Facturación con Verifactu, de serie, OfiHQ | | `og:description` | Factura, cobra y cumple con AEAT desde la misma pantalla. Sin módulos aparte, sin configuración manual. | | `og:image` | `og-facturacion.png` (pendiente, screenshot de una factura con QR) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *facturación verifactu*, *software facturación pymes* - Secundarias: *factura electrónica aeat*, *programa de facturación verifactu*, *facturación intracomunitaria*, *facturas rectificativas* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (ya existe en la página actual, mantener y actualizar `description`). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Funcionalidades › Facturación. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. Verifactu, de serie → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre emocional + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que OfiHQ factura, que cumple con Verifactu sin pasos extra, y que no es un módulo aparte. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de una factura emitida con QR de AEAT visible, refuerza el mensaje sin necesidad de leerlo. ### Textos - **Eyebrow:** Facturación para pymes españolas - **H1:** Factura tranquilo. Verifactu viene de serie. - **Lead:** > Emite facturas electrónicas que cumplen con la AEAT desde el primer recibo. Sin configurar certificados a mano, sin módulos aparte, sin esperar a que tu gestoría te lo habilite. Crear, enviar, cobrar y auditar, todo desde la misma pantalla. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu cuenta lista en menos de 5 minutos. --- ## 4. Sección 2, Tira de confianza **Cometido.** Transmitir, visualmente y en una tira rápida, tres ideas que el visitante *necesita* confirmar antes de seguir bajando: que cumples con la ley, que contemplas los escenarios fiscales reales, y que no te cobran extra por hacerlo. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 🇪🇸 (sello) | **Verifactu de serie.** En el plan Todo incluido, desde el primer día. | | 📊 | **IVA, IRPF, recargo de equivalencia y operaciones intracomunitarias** contemplados. | | 🔒 | **Auditoría inalterable.** Cadena de eventos que una inspección puede revisar. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una sola frase de titular y un párrafo corto. Sin dramatismo, sin "¿Te suena esto?". ### Textos - **H2:** Facturar no debería ser un proyecto. - **Párrafo:** > Desde 2026 tienes que cumplir con Verifactu. Y además: emitir rectificativas sin liarla con el histórico, detectar clientes de la UE, aplicar el IVA que toca según la fecha, guardar un rastro que una inspección pueda revisar y, con suerte, que tu gestoría lo entienda a la primera. Hacer cada pieza en una app distinta es lo habitual. No debería serlo. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, no un listado. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, Rectificativas bien atadas al histórico - **H3:** Rectificativas bien atadas al histórico. - **Párrafo:** > Emite facturas normales o rectificativas. Cuando envías una rectificativa, la factura original queda marcada automáticamente como rectificada. Si luego la anulas, la original vuelve a estar vigente. No tienes que llevar la cuenta tú, el sistema lo hace. - **Captura asociada:** Lista de facturas con una factura original en estado "rectificada" vinculada a su rectificativa en estado "enviada". ### 6.2 Bloque 2, Verifactu integrado, no pegado - **H3:** Verifactu integrado, no añadido. - **Párrafo:** > Firma cada factura con tu certificado, la registra en AEAT en segundo plano, imprime el QR de validación en el PDF y reintenta si la red falla. Cuando AEAT acepta o rechaza, te avisa. El motor Verifactu está dentro del módulo. No es un addon, no se contrata aparte, no depende de un tercero. - **Captura asociada:** Detalle de una factura con el badge "AEAT ✓" y el código de registro AEAT. ### 6.3 Bloque 3, Impuestos que cambian con el tiempo - **H3:** IVA al 21 % hoy. Al 22 % el año que viene. Sin romper el histórico. - **Párrafo:** > Defines cuándo entra en vigor cada tipo impositivo y el sistema aplica el que corresponde por fecha. Cuando haya un cambio fiscal, lo configuras con su fecha de inicio: las facturas antiguas no se tocan, las nuevas ya salen con el tipo correcto. Sirve igual para IVA, IGIC o recargo de equivalencia. - **Captura asociada:** Pantalla de configuración de impuestos con dos tipos de IVA, uno vigente y uno futuro. ### 6.4 Bloque 4, Clientes UE sin dolor de cabeza - **H3:** ¿Cliente alemán? Régimen intracomunitario, automático. - **Párrafo:** > El sistema detecta si el cliente es de la UE (fuera de España) y aplica el régimen intracomunitario sin IVA sin que tengas que acordarte. Si es nacional, aplica el IVA normal. Si es exento, lo marca como tal. Tú no tocas casilla: los datos del cliente bastan. - **Captura asociada:** Formulario de factura con el bloque fiscal autocompletado para un cliente de Alemania. ### 6.5 Bloque 5, Descuentos que eligen siempre lo mejor para el cliente - **H3:** Descuentos que no te hacen cuentas a ojo. - **Párrafo:** > Aplica descuentos a un cliente, una categoría, un artículo o una factura concreta. Cuando hay varios candidatos, el sistema prueba las combinaciones: los acumulables se suman entre sí, los no acumulables compiten, y gana el conjunto que deja el precio final más bajo. Tú defines las reglas; la calculadora es del sistema. - **Captura asociada:** Pantalla de una factura con un desglose de descuentos aplicados y los no aplicados, con etiqueta "mejor combinación". ### 6.6 Bloque 6, Del envío al cobro, con todo registrado - **H3:** Del envío al cobro, con todo registrado. - **Párrafo:** > Registra pagos parciales con su fecha, consulta la línea temporal de cada factura (creación, envío a AEAT, rectificación, cancelación) y descarga el PDF con el QR de validación. Cada acción queda en un log inmutable. Si algún día Hacienda o tu gestoría preguntan, lo tienes documentado. - **Captura asociada:** Timeline de eventos de una factura con "Enviado a AEAT", "Aceptado", "Pago parcial recibido". --- ## 7. Sección 5, Verifactu, de serie (bloque diferenciador) **Cometido.** La página entera orbita alrededor de este bloque. Aquí es donde explicamos Verifactu sin que parezca un curso y dejamos clara la postura comercial: no cobramos por cumplir. **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, tres sub-bloques en columna a la derecha o en rejilla debajo. Sello "Verifactu listo" destacado. ### Textos - **H2:** Verifactu, sin letra pequeña. - **Subtítulo / kicker:** La ley te pide un sistema de facturación verificable. OfiHQ trae uno puesto. - **Sub-bloque A, Qué es:** > **Qué es Verifactu.** El sistema de facturación electrónica verificable que regula la AEAT (Real Decreto 1007/2023). Obliga a que cada factura emitida quede registrada de forma inalterable y pueda ser consultada por la Agencia Tributaria. - **Sub-bloque B, Qué hace OfiHQ:** > **Lo que hace OfiHQ por ti.** Firma tus facturas con certificado digital, mantiene el registro inviolable que exige la norma, imprime el QR de validación en el PDF, envía el registro a AEAT en segundo plano y reintenta si algo falla. Si la Agencia rechaza una factura, recibes una notificación con el motivo y puedes corregir sin romper el histórico. - **Sub-bloque C, Qué NO hacemos:** > **Lo que no hacemos.** Cobrártelo aparte. Ni ahora, ni cuando Verifactu evolucione. Está incluido en el plan Todo incluido de OfiHQ con los mismos límites, que son ninguno. **Microcopy al pie del bloque:** > ¿Todavía no sabes si te afecta? Tenemos una guía clara en [/verifactu](/verifactu). > *(Este enlace apunta a la landing SEO de Verifactu, que se escribirá en un documento aparte.)* --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que no es "un buen módulo de facturación", sino "facturación que se beneficia de tener CRM, proyectos y asistente de IA al lado". Aquí se hace visible el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo correspondiente. ### Textos - **H2:** Tus facturas no viven solas. - **Kicker:** Conectadas con el resto de tu empresa, sin exportaciones ni integraciones de terceros. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con el CRM | Del pipeline a la factura, en un clic. | Los clientes que cierras en el CRM ya están listos para facturar. Sin duplicar ficha ni exportar CSV. | `/crm` | | Con proyectos | Horas, gastos y factura, en la misma línea. | Imputa horas y gastos al proyecto del cliente y genera la factura con ese desglose. El margen real del proyecto es visible desde el primer día. | `/proyectos` | | Con el asistente de IA | "Emite la factura del mes al cliente X." | El asistente entiende la instrucción, busca las horas imputadas, arma la factura, la firma y la envía. No es un resumen, es una acción ejecutada. | `/asistente-ia` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("emitió X facturas en su primer mes"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué sustituyó, qué mejoró, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. El tono es de colega que sabe, no de centro de ayuda. Respuestas de 2-4 líneas, honestas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿Estoy obligado a usar Verifactu? > Depende de cómo factures. Desde 2026, la mayoría de sociedades y autónomos que emiten factura en España deben usar un sistema que cumpla con Verifactu o acogerse al sistema de envío inmediato de la AEAT. Si facturas a otras empresas o profesionales en España, con alta probabilidad te aplica. Tenemos una guía específica en [/verifactu](/verifactu) con las fechas de entrada en vigor por tipo de contribuyente. #### 10.2 ¿Necesito un certificado digital? > Sí. Verifactu exige que cada envío a AEAT vaya firmado con un certificado digital a nombre del emisor. Puedes usar el tuyo (el mismo que usas para trámites con Hacienda) o uno específico de representación; la configuración se hace una vez al crear la cuenta y el sistema se encarga de firmar a partir de ahí. Si no tienes certificado, te guiamos en el proceso de obtenerlo. #### 10.3 ¿Qué pasa si AEAT rechaza una factura? > Te lo notificamos con el motivo del rechazo y la factura queda en estado revisable. Puedes corregir los datos y reenviar sin crear una factura nueva, el sistema reintenta con los cambios. El histórico queda registrado: qué se intentó, qué falló, y qué se corrigió. Si el error es estructural (por ejemplo, un dato del cliente incompleto), el propio aviso te dice qué mirar. #### 10.4 ¿Puedo emitir rectificativas (abono)? > Sí. Referencias la factura original, indicas el motivo y OfiHQ se encarga del resto: marca la original como rectificada, emite la rectificativa con su numeración propia y registra la operación en AEAT. Si luego cancelas la rectificativa, la original vuelve a estar vigente. #### 10.5 ¿Cómo gestiono facturas a clientes de la UE? > Automáticamente. Cuando das de alta un cliente con un país de la UE distinto de España y un NIF intracomunitario válido, las facturas que le emitas salen como operación intracomunitaria, sin IVA repercutido. El cliente recibe una factura correcta para su contabilidad; tu declaración de operaciones intracomunitarias queda lista con los datos. #### 10.6 ¿Cobráis Verifactu aparte? > No. Verifactu está incluido en el plan Todo incluido de OfiHQ. Sin límites de facturas, sin envío por paquetes, sin tarifas añadidas cuando la AEAT actualice el reglamento. Es parte del producto, no un complemento. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. Factura esta tarde. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso y con tu primera factura Verifactu saliendo esta misma tarde si quieres. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si ya estás facturando en otra herramienta, te ayudamos a migrar clientes, artículos e histórico. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Factura emitida con badge Verifactu y QR AEAT (hero, lateral derecho). 2. Lista de facturas con una F1 rectificada y su R1 asociada (bloque 6.1). 3. Detalle de una factura enviada con código CSV de AEAT (bloque 6.2). 4. Configuración de impuestos con dos IVAs por fechas (bloque 6.3). 5. Formulario de factura a cliente alemán con régimen intracom autocompletado (bloque 6.4). 6. Desglose de descuentos aplicados con etiqueta "mejor combinación" (bloque 6.5). 7. Línea temporal de eventos de una factura (bloque 6.6). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas de empresa (evitar "ACME S.L.", mejor "Papelería Montes S.L." o similar) y cifras coherentes. - Screenshots con bordes redondeados suaves y sombra ligera; nada de marcos ornamentales. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Evaluar si usar un set abierto (Lucide, Phosphor) o encargar un juego pequeño y propio para el sitio. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/verifactu`, `/crm`, `/proyectos`, `/asistente-ia`. - [ ] CTAs apuntan al signup con `?source=facturacion`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C del orden de trabajo (ver §9 de `site-structure.md`): - La tarjeta de "Facturación" en la home. - El bloque de facturación de `/funcionalidades`. - El titular de cierre de `/precios` que refuerza "Verifactu incluido". - La landing SEO `/verifactu` (bloque D) reutilizará la sección 5 como base expandida y tomará de la FAQ las preguntas 10.1, 10.2, 10.3 y 10.5. - En comparativas futuras (si se retoman), el argumento diferencial *"Verifactu de serie, sin cobro adicional"* nace de la sección 5.3. ## crm # Landing: `/crm` > Borrador detallado del contenido de la página de módulo **CRM** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/docs/facturacion/features/customer-relationships.md`, `projects/ofihq/site-structure.md`, `projects/brand/brand-voice.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *El cliente que sigues comercialmente es el mismo al que luego emites factura*. Es el argumento más difícil de copiar para un CRM dedicado y el que mejor condensa el pitch "reemplaza el stack" aplicado al día a día del responsable de cuentas. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Pipeline que entiendes sin manual**: cinco etapas por defecto (Lead → Prospecto → Negociación → Cliente → Inactivo), renombrables y reordenables en dos clics. - **El histórico que nadie tira**: cada cambio de etapa queda con autor, fecha, etapa origen, etapa destino y nota opcional. - **Asignaciones con recordatorio** enganchadas al contacto, email y notificación en la app el día que toca, sin Trello encima. - **Panel CRM con cinco cifras**, no con cuarenta widgets que nadie revisa. - **Mismo expediente para clientes y proveedores** (jerarquía `Company`), útil para pymes donde el mismo tercero puede serlo todo. **Lo que evitamos:** - Comparativas tipo "como Salesforce pero barato". No jugamos en esa liga y el lector lo sabe. Mejor no prometer lo que no somos. - Prometer automatizaciones de marketing, campañas por email, lead scoring, integraciones con centralita, OfiHQ no hace eso y reconocerlo refuerza el resto del pitch. - Tecnicismos (`Turbo Stream`, `unaccent`, `CustomerStageLog`) como reclamo. El comprador entiende "resultado": "cambio inmediato sin recargar", "buscador que ignora tildes", "registro inviolable del movimiento". - Urgencia artificial o cuentas atrás, contradice el brand voice. - Hablar de los clientes como "leads que hay que cerrar". Los que lo sienten así ya usan otra herramienta. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=crm` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | CRM para pymes con facturación integrada, OfiHQ | | `description` | Pipeline visual, contactos, asignaciones con recordatorio y panel de conversión. El mismo cliente que sigues es al que le emites factura. Incluido en el plan Todo incluido de OfiHQ. | | `canonical` | `https://ofihq.es/crm` | | `og:title` | Un solo cliente. Del primer email a la última factura. | | `og:description` | CRM con pipeline configurable, histórico de cada movimiento y asignaciones que no se pierden. Sin duplicar ficha, sin exportar CSV. | | `og:image` | `og-crm.png` (pendiente, screenshot del pipeline con las cinco etapas y el panel CRM al fondo) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *crm pymes*, *crm con facturación* - Secundarias: *pipeline de ventas*, *software crm para pymes*, *gestión de clientes*, *crm y facturación integrados*, *seguimiento comercial pymes* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (mantener plantilla del sitio, actualizar `description`). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Funcionalidades › CRM. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. El mismo cliente, del lead a la factura → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre cálido + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que OfiHQ lleva el CRM dentro, que el pipeline es visual y configurable, y que el cliente del pipeline es literalmente el mismo al que se le factura después. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real del pipeline con las cinco etapas por defecto y un par de clientes en cada una, refuerza el mensaje sin necesidad de leerlo. ### Textos - **Eyebrow:** CRM para pymes españolas - **H1:** El cliente que sigues hoy es al que facturas mañana. - **Lead:** > Lleva el pipeline, los contactos y las gestiones pendientes en la misma herramienta con la que luego emites factura. Cuando un prospecto dice "sí", no hay que darle de alta otra vez: ya estaba. Menos hojas de cálculo, menos exportaciones, menos clientes duplicados por todos lados. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu cuenta lista en menos de 5 minutos. --- ## 4. Sección 2, Tira de confianza **Cometido.** Transmitir en una tira rápida tres ideas que el visitante necesita confirmar antes de seguir bajando: que el pipeline está resuelto, que el histórico no se pierde, y que no hace falta contratar nada aparte. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 🪜 | **Pipeline visual de serie.** Cinco etapas por defecto; cámbialas sin tocar código. | | 🕘 | **Histórico de cada movimiento.** Quién lo movió, cuándo y por qué, sin borrarse. | | 🧾 | **CRM y facturación son el mismo cliente.** Del lead al cobro, sin duplicar ficha. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una sola frase de titular y un párrafo corto. Sin dramatismo. ### Textos - **H2:** Llevar clientes no debería pedir tres herramientas. - **Párrafo:** > La hoja de Excel con la columna "estado". Los contactos en el móvil. Las gestiones apuntadas en un Trello medio abandonado. Y cuando al fin cierras, el cliente se da de alta otra vez en el programa de facturación, esta vez con el NIF mal copiado. Puede funcionar un tiempo. Funciona cada vez peor cuando el equipo crece o cuando el cliente llama y nadie recuerda qué se habló la última vez. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, no un listado. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, Pipeline que se entiende sin manual - **H3:** Cinco etapas listas. Las tuyas en dos clics. - **Párrafo:** > Cada cuenta empieza con Lead, Prospecto, Negociación, Cliente e Inactivo ya configuradas. Si tu proceso llama "Propuesta enviada" a lo que aquí llamamos "Negociación", lo renombras, lo reordenas y le cambias el color sin escribir una sola línea. El pipeline que queda dibuja tu proceso real, no el proceso de quien diseñó la herramienta. - **Captura asociada:** Vista del pipeline con las cinco columnas por defecto y clientes repartidos en cada una. ### 6.2 Bloque 2, El histórico que nadie tira - **H3:** Cada movimiento queda con autor, fecha y motivo. - **Párrafo:** > Cuando mueves un cliente de "Prospecto" a "Negociación", el sistema guarda quién lo hizo, cuándo y la nota que añadiste. Tres meses después, cuando revises por qué aquel cliente se enfrió, el registro sigue ahí. No es el "estado actual" que sobreescribe al anterior: es la línea temporal que permite leer al cliente como una historia, no como una foto fija. - **Captura asociada:** Timeline de una ficha con dos cambios de etapa datados, uno con nota breve. ### 6.3 Bloque 3, Contactos y empresas, por fin juntos - **H3:** Una empresa. Varios contactos. Ningún duplicado. - **Párrafo:** > Cada cliente o proveedor es una empresa con su dirección, teléfonos y NIF. Encima, cuelgan los contactos reales, con su cargo, email y teléfono directo. Cuando el interlocutor cambia, no pierdes la ficha; añades el nuevo contacto y mantienes el histórico de la empresa. Los proveedores viven en la misma estructura: el mismo tercero puede ser cliente y proveedor sin desdoblarse. - **Captura asociada:** Ficha de empresa con tres contactos listados y su cargo visible. ### 6.4 Bloque 4, Asignaciones que no se pierden - **H3:** Cada gestión pendiente tiene dueño, fecha y recordatorio. - **Párrafo:** > Crea una asignación sobre un contacto: fecha de inicio, fecha de fin, categoría, horas estimadas y responsable. El día del recordatorio, OfiHQ te manda un email y una notificación dentro de la app. Cuando la completas, cambias el estado desde el listado, pendiente, empezada, completada o pospuesta, sin abrir la ficha. Para la mayoría de equipos comerciales pequeños, esto sustituye al Trello o al Monday que casi nadie rellena. - **Captura asociada:** Lista de asignaciones del día con un email de recordatorio al lado. ### 6.5 Bloque 5, Buscador que ignora tildes - **H3:** "Montes S.L.", "Montés", o el NIF, encuentra al cliente. - **Párrafo:** > El buscador funciona por nombre, NIF, categoría y etapa, y es insensible a tildes y mayúsculas. Si alguien dio de alta "Papelería Montés" y tú escribes "Montes", aparece igual. Suena pequeño hasta que lo necesitas tres veces al día. - **Captura asociada:** Campo de búsqueda con resultado parcial subrayando coincidencias con y sin tilde. ### 6.6 Bloque 6, Panel con las cinco cifras que miras el lunes - **H3:** Cinco bloques. Ninguno decorativo. - **Párrafo:** > Distribución del pipeline por etapa. Tasa de conversión de los últimos 30 días entre etapas consecutivas. Clientes nuevos por mes (últimos seis). Actividad reciente del equipo. Próximas asignaciones. Son las cinco cosas que un dueño de pyme mira cada lunes para saber si la tubería está sana. Nada más, nada menos, y desde luego, nada de "engagement score" inventado. - **Captura asociada:** Panel CRM con los cinco bloques visibles en un scroll. --- ## 7. Sección 5, El mismo cliente, del lead a la factura (bloque diferenciador) **Cometido.** Aquí es donde se separa OfiHQ de cualquier CRM dedicado. No jugamos en la liga de las plataformas de automatización de marketing: jugamos en la liga del "tu pipeline y tu facturación comparten base de datos". **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, tres sub-bloques en columna a la derecha o en rejilla debajo. Se puede acompañar con una mini-ilustración: dos columnas separadas ("CRM" / "Facturación") que se funden en una sola ficha. ### Textos - **H2:** Un cliente. Un expediente. De la primera llamada al último cobro. - **Subtítulo / kicker:** La mayoría del tiempo que se pierde en herramientas comerciales se pierde sincronizándolas entre sí. OfiHQ elimina la sincronización porque elimina la duplicación. - **Sub-bloque A, Misma ficha:** > **La ficha del cliente es única.** Cuando lo das de alta en "Lead", ya tiene su NIF, dirección, teléfonos y, si es de la UE, su régimen fiscal deducido del país. Ese mismo cliente es al que, semanas después, emites factura, sin pasar por "Exportar a Excel", sin "Importar en el programa de facturación", sin teclear dos veces nada. - **Sub-bloque B, Un botón entre el "sí" y la factura:** > **Cerrar y facturar.** En la ficha del cliente tienes sus facturas, sus pagos y sus firmas enviadas a la vista. Cuando el prospecto acepta y lo pasas a "Cliente", emitir la primera factura es un clic desde la misma pantalla. El régimen fiscal que ya tenía (nacional, intracomunitario, exento) entra automáticamente. - **Sub-bloque C, No hay módulo CRM aparte:** > **Incluido en el plan Todo incluido de OfiHQ.** Ni ahora, ni cuando añadamos más al panel, ni cuando sumemos nuevos bloques de conversión. Está dentro del producto, como facturación, como proyectos, como firmas, con los mismos límites, que son ninguno. **Microcopy al pie del bloque:** > ¿Curiosidad por cómo se ve todo junto? La landing de [facturación](/facturacion) enseña el mismo cliente desde el otro lado. --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que el CRM no vive solo: se beneficia de tener facturación, proyectos y calendario compartido al lado. Aquí se hace visible el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo correspondiente. ### Textos - **H2:** El CRM no vive solo. - **Kicker:** Conectado con el resto de tu empresa, sin exportaciones ni integraciones de terceros. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con facturación | Del "cliente" al cobro, sin teclear otra vez. | El mismo `Customer` que mueves en el pipeline es al que emites factura. Su régimen fiscal, incluido el intracomunitario si es de la UE, ya está listo. | `/facturacion` | | Con proyectos | El cliente que cierras abre proyecto. | Cuando firmas, ese cliente ya está listo para arrancar proyecto con sus horas, gastos y tareas imputables. El pipeline comercial no muere al cerrarse: se convierte en proyecto. | `/proyectos` | | Con el calendario | Reuniones que todos ven. | Las gestiones comerciales con fecha y hora aparecen en el calendario compartido del equipo. Nadie agenda una reunión encima de otra porque "no sabía". | `/calendario` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra concreta ("dejó de usar dos herramientas" / "sustituyó el Excel y el Trello comercial"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué dejó de usar, qué mejoró, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. Tono de colega que sabe. Respuestas de 2-4 líneas, honestas, incluida la honestidad de decir "esto no lo hacemos". **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿Puedo cambiar las etapas por defecto? > Sí, y debes hacerlo si tu proceso lo pide. Las cinco etapas que vienen al alta (Lead, Prospecto, Negociación, Cliente, Inactivo) son un punto de partida sensato para la mayoría de pymes, pero las renombras, reordenas y recoloreas sin ayuda técnica. Añadir o eliminar etapas tampoco rompe el histórico: los movimientos antiguos siguen reflejando los nombres que tenían cuando ocurrieron. #### 10.2 ¿Esto sustituye a un CRM tipo Salesforce o HubSpot? > Depende de lo que necesites. Si lo que buscas es llevar el pipeline comercial de una pyme, etapas, contactos, asignaciones, métricas básicas, con la ventaja de que el cliente ya está listo para facturar, sí. Si necesitas automatizaciones de marketing avanzadas, lead scoring por comportamiento web, integración con centralita o campañas multi-canal, seguramente no. Preferimos decirlo ahora que decepcionar después. #### 10.3 ¿Puedo importar mi cartera de clientes desde Excel? > Sí. Al arrancar, importas clientes, contactos y etapas desde una hoja de cálculo, y te ayudamos con el mapeo si los campos no encajan a la primera. El histórico anterior no se recrea automáticamente, lo que no estaba en OfiHQ no se inventa, pero tus clientes actuales quedan listos con su NIF, régimen fiscal y contactos asociados. #### 10.4 ¿Los proveedores viven en el mismo sitio? > Sí. Clientes y proveedores comparten estructura: una empresa con sus datos, sus contactos y su histórico. Es útil para pymes donde el mismo tercero puede ser cliente y proveedor, una imprenta que factura y compra, por ejemplo. El pipeline es sólo para clientes; los proveedores aparecen en su propio listado y, cuando los necesitas, en la pestaña de compras. #### 10.5 ¿Quién puede ver qué? > Se configura por permisos. La subscripción al módulo CRM habilita el panel y el pipeline; los permisos separan el acceso al pipeline del acceso a los datos de empresa y contactos. Puedes tener a tu gestoría accediendo a los clientes para facturar sin que vea el embudo, o a un comercial junior trabajando sobre una cartera acotada sin ver el resto. #### 10.6 ¿Cobráis el CRM aparte? > No. El CRM está incluido en el plan Todo incluido de OfiHQ. Sin límite de clientes, sin paquetes de contactos, sin "plan Pro" con los informes escondidos detrás. Es parte del producto, no un complemento. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. Tu primer cliente en el pipeline esta tarde. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso y con tu cartera actual importada desde Excel si te la traes contigo. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si ya llevas clientes en otra herramienta, te ayudamos a migrar empresas, contactos y etapas. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Pipeline con las cinco etapas por defecto y clientes distribuidos (hero, lateral derecho). 2. Vista del pipeline completo con clientes repartidos (bloque 6.1). 3. Timeline de ficha con dos cambios de etapa, uno con nota (bloque 6.2). 4. Ficha de empresa con tres contactos listados (bloque 6.3). 5. Lista de asignaciones del día con un email de recordatorio (bloque 6.4). 6. Buscador con resultado acento-insensible (bloque 6.5). 7. Panel CRM con los cinco bloques visibles (bloque 6.6). 8. Ficha de cliente mostrando pestañas de pipeline, facturas y pagos (sección 5, sub-bloque B). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas de empresa ("Papelería Montes S.L.", "Gráficas Aribau", "Consultora Bravo"), evitar "ACME S.L." o "Lorem S.A.". - Cifras del panel coherentes entre capturas (si en una sale "12 Prospectos", que en otra que lo refleje también sean 12). - Screenshots con bordes redondeados suaves y sombra ligera. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Mismo set que `/facturacion`, evaluar si se mantiene Lucide/Phosphor o se encarga un juego propio. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/facturacion`, `/proyectos`, `/calendario`. - [ ] CTAs apuntan al signup con `?source=crm`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C del orden de trabajo (ver §9 de `site-structure.md`): - La tarjeta de "CRM" en la home. - El bloque de CRM de `/funcionalidades`. - Una línea en el cierre de `/precios` que refuerza "CRM incluido, no es un módulo aparte". - La landing de `/facturacion` ya cita esta página desde su sección 8 ("Del pipeline a la factura, en un clic"); confirmar al publicar que el enlace apunta aquí. - En comparativas futuras (si se retoman), el argumento *"CRM y facturación comparten ficha de cliente"* nace de la sección 5 de esta landing. ## proyectos # Landing: `/proyectos` > Borrador detallado del contenido de la página de módulo **Proyectos y tareas** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/docs/facturacion/features/projects.md`, `projects/docs/facturacion/features/tasks.md`, `projects/brand/brand-voice.md`, `projects/ofihq/site-structure.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Proyectos, tareas, horas y gastos en la misma ficha, hablando entre sí.* Es la traducción directa del pitch "reemplaza el stack" al terreno de gestión de proyectos: el dolor que resuelve no es que falte un tablero kanban, es que el tablero, las horas y los gastos están hoy en tres herramientas que no se enteran la una de la otra. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **El estado se actualiza solo**, planificación, activo, archivado según fechas, sin plantillas ni recordatorios. - **Presupuesto vivo** con avisos al 75 %, 90 % y 100 % sobre horas y coste, antes de que sea tarde. - **Tablero kanban con reglas útiles**, pausar una lista entera, marcar como completadas al mover a una columna, arrastrar entre listas sin perder orden. - **Progreso del proyecto calculado solo** a partir de las tareas disponibles. - **Visibilidad por equipo, oficina o persona**, con notificación al asignado en su idioma. - **Asistente IA que ejecuta**, crear un proyecto o consultar tareas de la semana con preview+confirm, no sólo resúmenes. **Lo que evitamos:** - Vender esto como "un kanban más". El diferencial no es el arrastrar, es lo que sabe la ficha en cuanto arrastras. - Tecnicismos de implementación (`acts_as_list`, callbacks, `taskable` polimórfico). El comprador quiere saber qué cambia en su día, no cómo se implementa. - Prometer integraciones con herramientas externas (Jira, Asana, Trello, Monday). No las tenemos ni las queremos, el argumento es justo el contrario: no necesitas integrarlas porque ya está todo dentro. - Lenguaje de "productividad" inflado ("multiplica tu rendimiento", "acelera a tu equipo"). Contradice el brand voice. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=proyectos` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Gestión de proyectos y tareas para pymes, OfiHQ | | `description` | Proyectos, tareas, horas imputadas y gastos en la misma ficha. Tablero kanban, presupuesto con avisos al 75/90/100 % y estado que se actualiza solo. Incluido en el plan Todo incluido de OfiHQ. | | `canonical` | `https://ofihq.es/proyectos` | | `og:title` | Proyectos y tareas, en la misma ficha que las horas y los gastos, OfiHQ | | `og:description` | Abre un proyecto y ten tareas, fichajes, gastos y presupuesto en una sola pantalla. Sin módulos aparte, sin integraciones que mantener. | | `og:image` | `og-proyectos.png` (pendiente, captura de una ficha de proyecto con tablero kanban y bloque de consumo) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *gestión de proyectos pymes*, *software gestión de proyectos* - Secundarias: *tablero kanban tareas*, *gestión de tareas equipos*, *control horas por proyecto*, *presupuesto de proyecto software* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (mantener y actualizar `description` para reflejar el módulo). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Funcionalidades › Proyectos. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. Todo dentro de la misma ficha → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre emocional + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que en OfiHQ un proyecto es el sitio donde viven sus tareas, las horas que dedica su equipo y los gastos asociados, y que no tiene que montar nada aparte para que se hablen entre sí. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de una ficha de proyecto con el tablero kanban a un lado y el bloque de consumo de horas/coste al otro, refuerza el mensaje sin necesidad de leerlo. ### Textos - **Eyebrow:** Proyectos y tareas para pymes españolas - **H1:** Tus proyectos, con las horas y los gastos dentro. - **Lead:** > Abre un proyecto y tienes dentro sus tareas, quién las hace, las horas que se imputan y los gastos que aparecen. El estado se actualiza solo según las fechas, y cuando el presupuesto empieza a apretar, el sistema avisa antes de que te pases. Sin tableros externos, sin hojas de cálculo paralelas, sin pedir reportes a nadie. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu cuenta lista en menos de 5 minutos. --- ## 4. Sección 2, Tira de confianza **Cometido.** Transmitir, visualmente y en una tira rápida, tres ideas que el visitante *necesita* confirmar antes de seguir bajando: que es un módulo completo y no un "añadido", que va conectado con las horas y los gastos, y que no tiene que pagar aparte por usarlo. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 🧩 | **Proyectos, tareas, horas y gastos** en la misma ficha, sin integraciones que mantener. | | ⏱️ | **Presupuesto vivo.** Avisos al 75 %, 90 % y 100 % de horas y coste antes de cruzarlo. | | 🇪🇸 | **Incluido en el plan Todo incluido.** Sin módulo aparte, sin "upgrade" para equipos grandes. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una sola frase de titular y un párrafo corto. Sin dramatismo, sin "¿Te suena esto?". ### Textos - **H2:** Gestionar proyectos no debería ser un rompecabezas entre apps. - **Párrafo:** > Las tareas en un tablero. Las horas en una hoja de cálculo que alguien mantiene a mano. Los gastos en otra app que nadie mira hasta fin de mes. El estado del proyecto en la cabeza del responsable, que lo cuenta en la reunión del lunes. Tener la información partida en cuatro sitios es lo habitual. No debería serlo. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, no un listado. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, Una ficha, todo el proyecto - **H3:** Una ficha de proyecto que ya lo sabe todo. - **Párrafo:** > Cada proyecto reúne sus tareas, los fichajes que el equipo imputa contra ellas, los gastos asociados y su calendario de fechas. Con sólo abrirlo ves el progreso, el tiempo ya dedicado y el coste acumulado, sin cruzar pestañas, sin exportar nada. Lo que normalmente vive en cuatro herramientas, aquí vive en una sola pantalla. - **Captura asociada:** Ficha de un proyecto con el bloque de tareas, el de tiempo imputado y el de gastos visibles a la vez. ### 6.2 Bloque 2, Tablero kanban con reglas útiles - **H3:** Un tablero kanban que hace más que arrastrar. - **Párrafo:** > Organiza el trabajo en listas estilo kanban con color, orden arrastrable y dos interruptores que se agradecen: pausar una lista entera para ocultar su contenido del tablero sin borrar nada, y marcar una columna como "terminadas" para que cualquier tarea que arrastres allí quede automáticamente al 100 %. Las tareas se mueven entre columnas y el sistema recuerda su posición. - **Captura asociada:** Tablero con tres listas, "Por hacer", "En curso" y una "Terminadas" marcada con check que completa automáticamente lo que cae dentro. ### 6.3 Bloque 3, El estado, al día sin tocar nada - **H3:** Planificación, activo o archivado. Según las fechas, solo. - **Párrafo:** > Cuando creas un proyecto con fecha de inicio futura queda en *planificación*. El día que empieza, pasa a *activo* solo. Cuando la fecha de fin queda atrás, se archiva. Si cambian los plazos, el estado se ajusta en cuanto guardas. Cada vez que cambia, cada empleado que ve el proyecto recibe una notificación en su idioma, sin que nadie tenga que recordarlo. - **Captura asociada:** Línea temporal de un proyecto con el cambio de *planificación* a *activo* marcado automáticamente por la fecha de inicio. ### 6.4 Bloque 4, Presupuesto que avisa antes de pasarse - **H3:** Avisa al 75 %. Otra vez al 90 %. Antes del tope, no después. - **Párrafo:** > Pon un presupuesto opcional en horas y en coste a cada tarea y a cada proyecto. Según entran fichajes y gastos, el indicador cambia de color al 75 %, al 90 % y al 100 % del tope, para horas y para coste por separado. El aviso llega cuando todavía se puede hacer algo, no en la reunión en la que descubres que te pasaste la semana pasada. - **Captura asociada:** Bloque de "Consumo" de una tarea con dos barras (horas y coste), una en amarillo al 78 % y otra en naranja al 92 %. ### 6.5 Bloque 5, Progreso del proyecto, sin llevarlo a mano - **H3:** El progreso del proyecto lo calculan sus tareas. - **Párrafo:** > Cada tarea tiene su porcentaje de avance, que el empleado actualiza cuando cambia de lista o cuando sube un comentario de *status* con su adjunto. El proyecto recalcula solo su propio progreso como media de las tareas disponibles, ignorando las listas que tienes en pausa. Nadie se inventa el "estamos al 60 %": sale de lo que hay hecho. - **Captura asociada:** Barra de progreso del proyecto al 64 % con un tooltip que enumera las tareas que contribuyen al cálculo. ### 6.6 Bloque 6, El día a día del equipo - **H3:** Mis tareas, mis checklists, mis adjuntos. - **Párrafo:** > Cada empleado tiene su vista de "mis tareas" con lo que le toca hoy y esta semana, filtrable por lista y por estado. Desde la tarea puede marcar progreso con comentario y adjunto, partir el trabajo en pasos con una *checklist* interna, y cerrar sin cambiar de pestaña. Si alguien le asigna una tarea, recibe una notificación con el enlace directo, en español, catalán, inglés o el idioma que tenga configurado. - **Captura asociada:** Vista "Mis tareas" de un empleado con tareas agrupadas por proyecto y un modal de *Actualizar estado* con comentario, porcentaje y adjunto. --- ## 7. Sección 5, Todo dentro de la misma ficha (bloque diferenciador) **Cometido.** La página entera orbita alrededor de este bloque. Aquí explicamos en qué consiste realmente el "todo en uno" cuando hablamos de proyectos, y dejamos clara la postura comercial: no cobramos por añadir herramientas, porque no son añadidas. **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, tres sub-bloques en columna a la derecha o en rejilla debajo. ### Textos - **H2:** Un solo sitio para el proyecto entero. - **Subtítulo / kicker:** Tareas, horas, gastos y calendario tienen que hablarse. En OfiHQ ya lo hacen. - **Sub-bloque A, Qué quiere decir "todo junto":** > **Lo que normalmente está en cuatro apps, aquí está en una.** Las tareas viven dentro del proyecto. Los fichajes se imputan a la tarea, no al cliente de una lista aparte. Los gastos cuelgan de la tarea y suben al proyecto. Las fechas del proyecto y de cada tarea aparecen en el calendario compartido del equipo. No hay que mantener integraciones, ni exportar CSVs, ni reconciliar a mano. - **Sub-bloque B, Qué hace OfiHQ por ti:** > **Calcula, avisa y mantiene el estado.** Recalcula el progreso del proyecto a partir de las tareas. Controla el consumo de horas y coste contra el presupuesto y cambia el color del indicador antes de que cruces los umbrales. Mueve el estado del proyecto entre planificación, activo y archivado según las fechas. Publica el proyecto y sus tareas en el calendario compartido con colores distintos para que se vean de un vistazo. Todo esto ocurre de fondo, mientras tu equipo trabaja. - **Sub-bloque C, Qué NO hacemos:** > **Cobrarlo como módulo aparte, ni ponerle límites de equipo.** Está incluido en el plan Todo incluido de OfiHQ, sin "Pro" con funciones extra, sin tope de proyectos, sin tope de tareas. Es parte del producto, no un complemento que se activa en un plan caro. **Microcopy al pie del bloque:** > ¿Tu equipo vive hoy entre Trello, un Excel de horas y otra app de gastos? Tiene arreglo, y no pasa por integrarlos. --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que no es "un buen módulo de proyectos", sino "proyectos que se benefician de tener CRM, calendario y asistente de IA al lado". Aquí se hace visible otra vez el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo correspondiente. ### Textos - **H2:** Tus proyectos no viven solos. - **Kicker:** Conectados con el cliente, con el calendario y con el asistente, sin exportaciones ni integraciones de terceros. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con el CRM | Del cliente al proyecto, con el pipeline en la mano. | Vincula cada proyecto a un cliente del CRM y recupera su contexto, etapas, asignaciones, histórico, sin duplicar datos ni saltar de app. | `/crm` | | Con el calendario | Proyectos y tareas en el calendario del equipo, en su color. | Cada proyecto con fechas aparece en el calendario compartido en lima; cada tarea, en ámbar. Un vistazo y ves qué abre, qué vence y quién está en qué. | `/calendario` | | Con el asistente de IA | "Crea un proyecto para este cliente. ¿Qué tareas tengo esta semana?" | El asistente entiende la instrucción, resuelve el cliente y las fechas, te enseña un preview y guarda sólo si confirmas. Las consultas traen listas filtradas por ti. | `/asistente-ia` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("gestiona X proyectos vivos con su equipo de Y personas"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué herramientas sustituyó, qué cambió en su día a día, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. Tono de colega que sabe, no de centro de ayuda. Respuestas de 2-4 líneas, honestas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿Puedo imputar horas y gastos a las tareas, no sólo al proyecto? > Sí. Cuando un empleado ficha o registra un gasto, lo ata a la tarea concreta en la que está trabajando. El proyecto suma lo que viene de sus tareas, de forma que el coste real y el tiempo dedicado aparecen en la ficha sin que nadie tenga que cuadrar nada a mano. Esa es justo la razón por la que las tareas viven dentro del proyecto y no en un tablero aparte. #### 10.2 ¿Cómo sé si un proyecto se está pasando del presupuesto? > Defines opcionalmente un tope en horas (`max_hours`) y otro en coste (`max_cost`) para cada tarea. A medida que entran fichajes y gastos, el indicador cambia de color al 75 %, al 90 % y al 100 % del tope, para horas y para coste por separado. El aviso llega mientras el proyecto aún está vivo, no al cerrarlo. #### 10.3 ¿Puedo pausar una lista de tareas sin perder su contenido? > Sí. Cada lista del tablero tiene un interruptor de *pausa*: al activarlo, sus tareas se ocultan del tablero activo y dejan de contar para el recálculo de progreso del proyecto. Nada se borra, nada se mueve. Cuando vuelves a activarla, las tareas reaparecen donde estaban. #### 10.4 ¿Quién ve cada proyecto? ¿Puedo limitarlo a un equipo? > Sí. Cada proyecto tiene visibilidades por oficina, por equipo o por empleado concreto, con exclusiones explícitas si necesitas ajustar casos particulares. Los administradores ven todos los proyectos de la cuenta; los empleados ven sólo aquellos en los que tienen acceso. Si añades a alguien como asignado de una tarea, el acceso es inmediato. #### 10.5 ¿Los asignados reciben un aviso cuando les cae una tarea? > Sí. Cada vez que alguien añade o quita un asignado en una tarea, el asignado recibe una notificación en la aplicación con el enlace directo a la tarea, en el idioma que tenga configurado. Lo mismo ocurre cuando el proyecto cambia de estado: los empleados visibles reciben aviso en su idioma, sin que nadie tenga que escribir un correo. #### 10.6 ¿Puedo crear y consultar proyectos y tareas desde el asistente de IA? > Sí. El asistente entiende instrucciones como "crea un proyecto para este cliente con estas fechas" o "¿qué tareas tengo esta semana?". Para las acciones que escriben, te enseña primero un *preview* con los datos resueltos y pide confirmación antes de guardar. No ejecuta a ciegas. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Abre un proyecto hoy. Mañana ya sabrás en qué se va el tiempo. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso. Abre tu primer proyecto, añade sus tareas y deja que tu equipo fiche contra ellas, para el jueves ya tendrás el coste real del proyecto en la misma pantalla. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si ya estás gestionando proyectos en otra herramienta, te ayudamos a migrar lo que importa, clientes, proyectos abiertos y tareas vivas. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Ficha de proyecto con tablero kanban a un lado y bloque de consumo al otro (hero, lateral derecho). 2. Ficha de proyecto completa con tareas, tiempo imputado y gastos visibles a la vez (bloque 6.1). 3. Tablero kanban con tres listas, incluyendo una "Terminadas" con marca de completado automático (bloque 6.2). 4. Línea temporal del cambio de estado *planificación → activo* disparado por la fecha de inicio (bloque 6.3). 5. Bloque de "Consumo" con dos barras (horas y coste) en amarillo/naranja cruzando umbrales (bloque 6.4). 6. Barra de progreso del proyecto con tooltip enumerando las tareas que contribuyen al cálculo (bloque 6.5). 7. Vista "Mis tareas" con modal de *Actualizar estado* abierto (bloque 6.6). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas de empresa (evitar "ACME S.L.", mejor "Estudio Montes" o similar) y cifras coherentes (presupuestos en euros, horas plausibles para una PYME). - Screenshots con bordes redondeados suaves y sombra ligera; nada de marcos ornamentales. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Evaluar si usar un set abierto (Lucide, Phosphor) o encargar un juego pequeño y propio para el sitio. **Color de hitos en el calendario:** - Proyectos aparecen en lima; tareas en ámbar. Las capturas que muestren calendario deben respetar esa paleta para mantener la coherencia con la landing de `/calendario`. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/crm`, `/calendario`, `/asistente-ia`, `/gastos`. - [ ] CTAs apuntan al signup con `?source=proyectos`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px; el tablero kanban degrada a vista vertical con listas apilables. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C del orden de trabajo (ver §9 de `site-structure.md`): - La tarjeta de "Proyectos y tareas" en la home. - El bloque de proyectos de `/funcionalidades`. - Un párrafo de apoyo en `/precios` que refuerce "sin módulos por función, sin tope de proyectos". - La landing de `/calendario` reutilizará la mención a colores (lima para proyectos, ámbar para tareas) como pieza de prueba visual del pitch "todo conectado". - La landing de `/asistente-ia` reutilizará el sub-bloque C de la sección 6 como ejemplo canónico de acción con preview+confirm. - En el apartado de /gastos, el argumento de "los gastos cuelgan de la tarea y suben al proyecto" debe aparecer como referencia cruzada a esta landing. ## Cited pages - facturacion/features/projects, gestión de proyectos con estado automático por fechas, presupuesto en horas y coste, visibilidad por equipo/oficina, publicación en calendario y operaciones MCP con preview+confirm. - facturacion/features/tasks, tareas polimórficas dentro de proyectos u objetivos, listas kanban con pausar y marcar como completadas, umbrales de consumo (75/90/100 %), fichajes y gastos imputados, checklists y vista "mis tareas". ## Source refs - facturacion/app/models/project.rb#Project - facturacion/app/models/objective.rb#Objective - facturacion/app/middleware/Projects/update_status.rb#Projects::UpdateStatus - facturacion/app/middleware/Projects/notify_employees.rb#Projects::NotifyEmployees - facturacion/app/middleware/Projects/booking.rb#Projects::Booking - facturacion/app/middleware/Projects/policy.rb#Projects::Policy - facturacion/app/middleware/mcp/tools/create_project.rb#MCP::Tools::CreateProject - facturacion/app/middleware/mcp/tools/edit_project.rb#MCP::Tools::EditProject - facturacion/app/middleware/mcp/tools/list_projects.rb#MCP::Tools::ListProjects - facturacion/app/models/task.rb#Task - facturacion/app/models/task_list.rb#TaskList - facturacion/app/models/asset_task.rb#AssetTask - facturacion/app/middleware/tasks/progress_update.rb#Tasks::ProgressUpdate - facturacion/app/middleware/tasks/check_max_hours.rb#Tasks::CheckMaxHours - facturacion/app/middleware/tasks/check_max_cost.rb#Tasks::CheckMaxCost - facturacion/app/middleware/tasks/booking.rb#Tasks::Booking - facturacion/app/middleware/asset_tasks/notify_employee.rb#AssetTasks::NotifyEmployee - facturacion/app/controllers/main/employee_tasks_controller.rb#Main::EmployeeTasksController - facturacion/app/controllers/main/tasks/status_updates_controller.rb#Main::Tasks::StatusUpdatesController - facturacion/app/middleware/mcp/tools/list_employee_tasks.rb#MCP::Tools::ListEmployeeTasks - facturacion/app/middleware/mcp/tools/get_task_todos.rb#MCP::Tools::GetTaskTodos ## gastos # Landing: `/gastos` > Borrador detallado del contenido de la página de módulo **Gastos** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/docs/facturacion/features/expenses.md`, `projects/brand/brand-voice.md`, `projects/ofihq/site-structure.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Foto del ticket → gasto contabilizado*. Es el gesto que un empleado reconoce en un segundo y el que mejor condensa la promesa "deja de perseguir tickets a fin de mes". **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Aprobación con histórico**: cada decisión (aprobado/rechazado) queda registrada con autor, fecha y comentario. - **Imputación a proyectos y tareas**: el gasto se ata al trabajo al que corresponde, no vive suelto en un Excel. - **Asistente de IA**: dictar un gasto desde el móvil funciona igual de bien que rellenar el formulario. - **Vista del responsable**: filtros, totales por categoría y por mes, cierre del mes sin sacar informes aparte. - **API y categorías por cuenta**: la asesoría o la contabilidad consumen los gastos aprobados por API, sin exportaciones manuales. **Lo que evitamos:** - Hablar del OCR como tecnología (Mistral, "modelo de lenguaje", "visión por computador"). Se traduce al resultado que el comprador entiende: *la foto se convierte en un gasto prellenado*. - Vender la app como "una app de gastos" cuando el valor está en que vive dentro del resto de OfiHQ. - Prometer integración con software contable externo que no existe. La forma de sacar los gastos fuera es la API v3 o la vista filtrada, no un conector directo con Sage/A3. - Lenguaje despectivo hacia el empleado que presenta gastos ("evita el fraude", "controla a tu equipo"). El módulo existe para que el empleado presente rápido y para que el responsable cierre el mes tranquilo; no es una herramienta de policía. - Urgencia artificial ("¡Digitaliza tus gastos antes de que sea tarde!"). Contradice el brand voice. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=gastos` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Gestión de gastos para pymes, OfiHQ | | `description` | Registra gastos con una foto del ticket, aprueba en un clic e imputa cada gasto al proyecto que corresponde. Incluido en el plan Todo incluido de OfiHQ. | | `canonical` | `https://ofihq.es/gastos` | | `og:title` | Gastos, sin perseguir tickets, OfiHQ | | `og:description` | Foto del ticket, gasto prellenado, aprobación con histórico. Todo dentro de OfiHQ, desde cualquier móvil. | | `og:image` | `og-gastos.png` (pendiente, screenshot de un ticket fotografiado junto al formulario prellenado) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *software gestión de gastos pymes*, *app gastos empresa* - Secundarias: *aprobación de gastos*, *notas de gasto*, *reembolso de gastos*, *app gastos móvil*, *gestión de tickets empresa* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (reutilizar el bloque común de ofihq.es, ajustando `description`). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Funcionalidades › Gastos. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. Foto del ticket, de serie → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre emocional + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda tres cosas: que OfiHQ registra gastos por foto del ticket, que el responsable aprueba desde la misma pantalla, y que no es un módulo aparte. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), mock real del flujo *nuevo con foto*: ticket fotografiado arriba, formulario de gasto prellenado debajo con categoría, importe, IVA y fecha rellenos. ### Textos - **Eyebrow:** Gastos para pymes españolas - **H1:** Un ticket, una foto, un gasto. - **Lead:** > Tus empleados le hacen una foto al ticket desde el móvil, OfiHQ rellena el gasto por ellos y el responsable aprueba sin salir de la app. Cada decisión queda registrada, cada justificante guardado, y cada céntimo listo para que la asesoría lo coja cuando toque. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Incluido en el plan Todo incluido, para todo el equipo. --- ## 4. Sección 2, Tira de confianza **Cometido.** Transmitir, visualmente y en una tira rápida, tres ideas que el visitante *necesita* confirmar antes de seguir bajando: que no hay que teclear el ticket, que el responsable tiene control real, y que los datos no se quedan encerrados en OfiHQ. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 📸 | **Foto del ticket → gasto prellenado.** Nombre, importe, IVA, fecha y categoría, listos para revisar. | | ✅ | **Aprobación con histórico.** Quién aprobó qué, cuándo y con qué comentario, siempre consultable. | | 🔌 | **Disponible por API y para el asistente de IA.** La asesoría lo consume, el equipo lo dicta. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una sola frase de titular y un párrafo corto. Sin dramatismo. ### Textos - **H2:** Los gastos no deberían ser el día 30 de cada mes. - **Párrafo:** > Tickets arrugados por los bolsillos, correos de "¿puedes aprobarme esto?" sin contexto, una hoja de Excel que nadie quiere mantener y la asesoría pidiendo el detalle por tercera vez. Cada pyme lo vive a su manera, pero el patrón se repite: quien gasta pierde tiempo apuntando, quien aprueba pierde tiempo persiguiendo, y quien contabiliza recibe todo tarde. No debería ser así. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, no un listado. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, Tickets que se rellenan solos - **H3:** Tickets que se rellenan solos. - **Párrafo:** > El empleado sube la foto del ticket o el PDF, y OfiHQ devuelve un gasto ya cumplimentado: nombre, importe, IVA, fecha, referencia y categoría, en su idioma, con el justificante adjunto. El empleado revisa lo que haga falta y guarda. Si el documento no es un ticket reconocible, el sistema deja el fichero subido y un formulario vacío, nunca se pierde lo que ya se ha enviado. - **Captura asociada:** Paso *Nuevo con foto* con un ticket de comida arriba y los campos del formulario rellenos debajo. ### 6.2 Bloque 2, Aprobaciones con histórico inalterable - **H3:** Aprobaciones con histórico inalterable. - **Párrafo:** > Cada gasto nace en estado pendiente y pasa a aprobado o rechazado por el responsable. Cada decisión queda anotada con autor, fecha y comentario, y puede consultarse siempre. Un gasto aprobado no se puede borrar por accidente; si hay que reabrirlo, sólo un administrador puede reiniciar la aprobación. No hay agujeros en el histórico. - **Captura asociada:** Detalle de un gasto con su línea temporal de eventos ("Creado", "Aprobado por María, 19/04, con comentario"). ### 6.3 Bloque 3, Divisas y kilometraje sin fricción - **H3:** Divisas y kilometraje sin fricción. - **Párrafo:** > La divisa del gasto se rellena automáticamente a partir de la oficina del empleado, el comercial de Madrid la tiene en euros y el de Zúrich en francos suizos, sin elegir nada. Si el gasto es un desplazamiento, se puede registrar la distancia en el mismo formulario. Pequeños detalles que evitan decenas de errores silenciosos al mes. - **Captura asociada:** Formulario con bloque de divisa y campo opcional "distancia" para kilometraje. ### 6.4 Bloque 4, Imputa el gasto al proyecto que le toca - **H3:** Imputa el gasto al proyecto que le toca. - **Párrafo:** > Un gasto puede crearse suelto, o abrirse desde la tarea a la que pertenece. Cuando un desplazamiento forma parte del proyecto del cliente, el empleado lo registra ahí y queda atado al trabajo real, no a un listado genérico. El margen del proyecto se ve desde el primer día sin tener que cruzar hojas. - **Captura asociada:** Lista de gastos dentro de una tarea con totales del proyecto. ### 6.5 Bloque 5, Dícta un gasto al asistente de IA - **H3:** Dícta un gasto al asistente de IA. - **Párrafo:** > *"Apunta 14,50 € de comida de hoy en la categoría Viajes."* El asistente de OfiHQ entiende la frase, resuelve la categoría, muestra el gasto que va a crear y pide confirmación antes de guardarlo. Mismo flujo que el formulario, mismas validaciones, cero teclado. Útil cuando el empleado está en la calle, con una sola mano libre. - **Captura asociada:** Captura del chat con el asistente mostrando el gasto en estado "preview, confirmar". ### 6.6 Bloque 6, La vista del responsable, con el mes cuadrado - **H3:** La vista del responsable, con el mes cuadrado. - **Párrafo:** > Desde la vista de administración, el responsable filtra por empleado, equipo, oficina, categoría, estado o rango de fechas, y ve los totales agrupados por categoría y por mes en el mismo listado. Aprueba o rechaza desde cada gasto, y cuando llega el cierre del mes no tiene que pedir un informe aparte: el resumen está ya en pantalla. - **Captura asociada:** Vista `/admin/expenses` con filtros activos y totales agrupados por mes. --- ## 7. Sección 5, Foto del ticket, de serie (bloque diferenciador) **Cometido.** La página entera orbita alrededor de este bloque. Aquí explicamos, sin entrar en detalles técnicos, cómo funciona el flujo de ticket fotografiado y dejamos clara la postura comercial: no cobramos el OCR aparte. **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, tres sub-bloques en columna a la derecha o en rejilla debajo. Demo visual del flujo destacada. ### Textos - **H2:** Tira la foto. OfiHQ hace lo demás. - **Subtítulo / kicker:** Un lector de tickets integrado, sin app aparte y sin plan Pro. - **Sub-bloque A, Qué hace:** > **Qué hace.** Aceptamos ticket en PNG, JPEG o WebP, y también PDF. El sistema lee el justificante, cruza la información con el catálogo de categorías de tu empresa y devuelve un gasto prellenado, nombre, importe, IVA, fecha, referencia y categoría, en el idioma del empleado. Se adjunta el fichero original automáticamente. El empleado confirma y listo. - **Sub-bloque B, Qué pasa si no reconoce el ticket:** > **Si algo no cuadra.** Si el documento no es un ticket válido (una foto movida, un PDF irrelevante) o pesa más de 5 MB, el sistema no pierde nada: deja el fichero ya subido y abre un formulario vacío listo para rellenar a mano. El empleado no vuelve a cero. - **Sub-bloque C, Qué NO hacemos:** > **Lo que no hacemos.** Cobrártelo aparte. El lector de tickets está incluido en el plan Todo incluido de OfiHQ, sin límite de gastos, sin paquetes de "escaneos al mes", sin upgrade. Es parte del producto, no un complemento. **Microcopy al pie del bloque:** > ¿Quieres verlo en movimiento? Prueba gratis 30 días y sube tu primer ticket esta misma tarde. --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que no es "una app de gastos decente", sino "gastos que se benefician de tener proyectos, asistente de IA y API al lado". Aquí se hace visible el pitch *todo-en-uno*. **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo o sección correspondiente. ### Textos - **H2:** Un gasto nunca está solo. - **Kicker:** Se conecta con el trabajo que lo originó y con quien lo va a contabilizar, sin exportaciones manuales. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con proyectos y tareas | Del gasto al margen del proyecto. | Imputa el ticket a la tarea del cliente y el coste aparece en el margen del proyecto, al minuto, no al cierre. | `/proyectos` | | Con el asistente de IA | Dicta el gasto, el asistente lo crea. | Las herramientas MCP del asistente cubren crear, editar y listar gastos; el empleado confirma el preview antes de persistir. | `/asistente-ia` | | Con tu contable | La asesoría se conecta por API. | Los gastos aprobados se consultan vía API REST v3 con identificador estable (`uuid`). Sin exportaciones CSV, sin correos con adjuntos. | `/precios` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("pasó de 4 horas al mes a 30 minutos"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué sustituyó, qué mejoró, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. Tono de colega que sabe, no de centro de ayuda. Respuestas de 2-4 líneas, honestas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿Qué tipos de ticket puedo subir? > Imágenes en PNG, JPEG o WebP y también PDFs. El sistema lee un ticket fotografiado igual que una factura escaneada. El límite es 5 MB por fichero; si te pasas, el sistema deja el archivo subido y abre un formulario vacío para que lo rellenes a mano, sin perder nada. #### 10.2 ¿Qué pasa si el análisis no reconoce el ticket? > Simplemente te presenta el formulario en blanco con el justificante ya adjunto. No borra tu foto, no te pide volver a empezar: tú rellenas los campos que falten y guardas. Suele ocurrir con tickets muy arrugados o con fotos movidas; en la práctica es la excepción. #### 10.3 ¿Puedo crear un gasto en nombre de otro empleado? > Sí. Desde la vista de administración, un responsable puede crear, editar o eliminar gastos de los empleados que tiene a su cargo. Es útil cuando alguien del equipo está fuera y le pasa el ticket por otro canal, o cuando la persona de administración centraliza algunos gastos como los de la oficina. #### 10.4 ¿Queda registro de quién aprobó cada gasto? > Sí, por diseño. Cada aprobación o rechazo se anota con autor, fecha y comentario, y el histórico es consultable desde el propio gasto. Un gasto aprobado no se puede borrar por accidente; si hay que reabrirlo, un administrador puede reiniciar la aprobación y la acción queda, también, en el histórico. No hay modo de ocultar una decisión. #### 10.5 ¿Puedo imputar los gastos a un proyecto o tarea? > Sí. Desde la tarea correspondiente, abres el gasto y queda atado a ella: aparece en los filtros por tarea y por proyecto, y entra automáticamente en el cálculo del margen. Si prefieres que el gasto viva suelto (por ejemplo, gastos generales de la oficina), lo creas desde el listado general y ya está. #### 10.6 ¿Está incluido en el plan Todo incluido? > Sí. El módulo completo de gastos, incluido el lector de tickets por foto, la aprobación con histórico, la API y el asistente de IA, está en el plan Todo incluido de OfiHQ. Sin límites, sin tickets "por paquete", sin addon. Es parte del producto. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. Sube tu primer ticket esta tarde. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso y con el lector de tickets funcionando desde el primer minuto. Tu equipo lo nota el mismo día; tu responsable, en el primer cierre de mes. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si ya llevas tus gastos en otra herramienta, te ayudamos a migrar categorías, histórico y pendientes. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Paso *Nuevo con foto* con ticket arriba y formulario prellenado debajo (hero, lateral derecho). 2. Flujo "foto → gasto" como demo resaltada de la sección 5. 3. Detalle de un gasto con timeline de aprobación (bloque 6.2). 4. Formulario con divisa automática y campo de kilometraje (bloque 6.3). 5. Lista de gastos dentro de una tarea con totales del proyecto (bloque 6.4). 6. Chat con el asistente de IA mostrando el preview del gasto (bloque 6.5). 7. Vista `/admin/expenses` con filtros y totales agrupados por mes (bloque 6.6). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Tickets reconocibles pero no identificables (restaurante genérico, no cadena real con logo). Importes plausibles, nada de "12.345,67 €". - Empleados de las capturas: nombres neutros ("Laura Gómez", "Iván Ruiz"). Nunca "ACME S.L.". - Screenshots con bordes redondeados suaves y sombra ligera; nada de marcos ornamentales. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Reutilizar el set elegido para `/facturacion` para mantener coherencia visual. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/proyectos`, `/asistente-ia`. - [ ] CTAs apuntan al signup con `?source=gastos`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C del orden de trabajo (ver §9 de `site-structure.md`): - La tarjeta de "Gastos" en la home. - El bloque de gastos de `/funcionalidades`. - El titular de cierre de `/precios` que refuerza "lector de tickets incluido". - La landing `/proyectos` reutilizará el bloque 6.4 (gastos imputados a tareas) como prueba del encaje *proyectos + costes reales*. - La landing `/asistente-ia` reutilizará el bloque 6.5 y el ejemplo "*Apunta 14,50 € de comida…*" como una de las demos de acción (no resumen). - La FAQ 10.6 queda alineada con el bloque "Lo que NO cobramos aparte" de `/precios`: cada vez que se edite una, revisar la otra. ## documentos # Landing: `/documentos` > Borrador detallado del contenido de la página de módulo **Documentos compartidos** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/docs/facturacion/features/documents.md`, `projects/docs/facturacion/features/digital-signatures.md`, `projects/docs/facturacion/features/customer-relationships.md`, `projects/brand/brand-voice.md`, `projects/ofihq/site-structure.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Un fondo documental que sabe quién es quién.* El diferencial no es "otra carpeta en la nube", es que cada documento pertenece a una persona, se entrega al círculo exacto que debe verlo y deja constancia de quién lo ha abierto. Es la traducción directa de "reemplaza el stack" al terreno documental: no te libramos de Drive para darte otro Drive, te damos un repositorio que entiende tu organización. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Entrega masiva con aviso por persona**, veinte nóminas arrastradas al dropzone, un check de notificar, y cada empleada recibe la suya en su correo. - **Acuse de lectura**, ves quién ha abierto el manual y quién no, con una lista de pendientes ordenada. - **Visibilidad granular**, por persona, equipo, oficina o rol; el mismo sistema que usa el resto de OfiHQ. - **Estructura + libertad**, categorías configurables con color e icono (dos pre-cargadas al crear la cuenta) y carpetas ad-hoc por documento, sin pedir permiso al admin. - **Pins para lo crítico**, ancla el handbook o la política de vacaciones en la barra lateral de cada persona. - **Acceso externo acotado**, la gestoría o la asesoría sólo ve los documentos que le compartes por visibilidad, no el fondo entero. **Lo que evitamos:** - Posicionar esto como "un Drive mejor". No competimos con Drive; hacemos algo distinto (repositorio con visibilidades por persona y acuse de lectura, integrado al resto del producto). - Prometer edición colaborativa tipo Google Docs. No existe. - Prometer control de versiones del contenido (diff entre versiones del PDF). Lo que hay es auditoría de metadatos con `audited max_audits: 10`, cambios de nombre, categoría, visibilidad. Conviene decirlo así, sin adornos. - Tecnicismos de implementación (`Aattachable`, `Viewable`, GIN index, `Impressionable`). El comprador quiere saber qué cambia en su día. - Urgencia artificial o comparativas agresivas con Drive/Dropbox. Tono de colega. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=documentos` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Documentos compartidos para pymes, OfiHQ | | `description` | Entrega nóminas, contratos y manuales con control de quién ve qué y prueba de lectura. Sin mandar correos uno por uno. Incluido en el plan Todo incluido de OfiHQ. | | `canonical` | `https://ofihq.es/documentos` | | `og:title` | Un fondo documental que sabe quién es quién, OfiHQ | | `og:description` | Visibilidad por persona, acuse de lectura y categorías con color. Integrado con firmas, CRM y expedientes del equipo. | | `og:image` | `og-documentos.png` (pendiente, captura del índice de documentos con chips de visibilidad y contadores de lectura) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *gestor documental pymes*, *documentos compartidos empresa* - Secundarias: *entrega de nóminas digital*, *compartir documentos con empleados*, *acuse de lectura documentos*, *repositorio documental pyme* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (mantener y actualizar `description` para reflejar el módulo). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Funcionalidades › Documentos. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. Un fondo que sabe quién es quién → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre emocional + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que OfiHQ trae un repositorio documental integrado, que entrega con control de visibilidad y acuse de lectura, y que no es un módulo aparte. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real del índice de documentos con chips de categoría (Nóminas, Contratos, Políticas), una columna con el contador de lecturas y el icono de pin marcado en dos filas, refuerza el mensaje sin necesidad de leerlo. ### Textos - **Eyebrow:** Documentos compartidos para pymes españolas - **H1:** Un fondo documental que sabe quién es quién. - **Lead:** > Sube un archivo, elige a quién llega y olvídate. Cada documento pertenece a una persona, se entrega al círculo que debe verlo y deja constancia de quién lo ha abierto. Sin mandar el PDF uno por uno, sin una carpeta compartida más, sin tener que recordar quién firmó qué y cuándo. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu cuenta lista en menos de 5 minutos. --- ## 4. Sección 2, Tira de confianza **Cometido.** Transmitir, visualmente y en una tira rápida, tres ideas que el visitante *necesita* confirmar antes de seguir bajando: que la entrega es a medida, que sabes quién ha leído qué, y que no te cobran extra por tenerlo. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 👥 | **Visibilidad por persona, equipo, oficina o rol.** El mismo sistema que el resto de OfiHQ. | | 👁️ | **Acuse de lectura de serie.** Qué documentos se han abierto, y quiénes siguen pendientes. | | 🇪🇸 | **Incluido en el plan Todo incluido.** Sin módulo documental aparte, sin tarifa por almacenamiento. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una sola frase de titular y un párrafo corto. Sin dramatismo, sin "¿Te suena esto?". ### Textos - **H2:** Entregar un documento no debería ser un proyecto. - **Párrafo:** > Veinte nóminas que envías una a una por correo. Un manual nuevo que publicas en un grupo de WhatsApp y nunca sabes si alguien lo ha leído. Una carpeta compartida donde está todo y, por eso, cualquiera lo ve. Un contrato firmado que alguien guardó en su escritorio y ya nadie encuentra. Cada pieza viviendo en una app distinta es lo habitual. No debería serlo. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, no un listado. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, Entrega masiva con aviso por persona - **H3:** Veinte nóminas, veinte correos, en un gesto. - **Párrafo:** > Arrastra hasta 21 archivos a la vez al dropzone, elige la categoría "Nóminas" y marca el check de notificar. El sistema crea un documento por archivo, copia la visibilidad a cada uno y envía a cada persona un correo con su nómina, sin que las demás vean nada. Tú subes una vez; las cartas salen por su cuenta. - **Captura asociada:** Pantalla del dropzone con varios PDFs listos para subir, categoría "Nóminas" seleccionada y el check "Notificar empleados" marcado. ### 6.2 Bloque 2, Visibilidad por persona, equipo, oficina o rol - **H3:** Quién lo ve no se decide a ojo. - **Párrafo:** > Elige si un documento es para una persona concreta, para un equipo, para una oficina, para un rol, o para la cuenta entera. Es el mismo sistema de visibilidades que usa el resto de OfiHQ: si cambias a alguien de equipo, los documentos que ese equipo veía siguen funcionando sin que tengas que tocar permisos uno a uno. - **Captura asociada:** Formulario de edición de un documento con el selector de visibilidades abierto, con chips para oficina, equipo y roles. ### 6.3 Bloque 3, Quién ha leído el manual, y quién no - **H3:** Acuse de lectura sin pedirlo por chat. - **Párrafo:** > Cada documento registra quién lo ha abierto. La pestaña de vistas combina dos listas: las lecturas registradas, con fecha, y las personas pendientes por abrir el archivo. Para la política de vacaciones, el manual de prevención o el protocolo de dispositivos, tienes a mano quién va al día y a quién le falta, sin hacer recuento manual. - **Captura asociada:** Pestaña "Vistas" de un documento con dos columnas, "Han abierto" con marcas de tiempo y "Pendientes" con la lista alfabética del equipo. ### 6.4 Bloque 4, Categorías con color, carpetas al vuelo - **H3:** Estructura donde hace falta, libertad donde sobra. - **Párrafo:** > Cada cuenta arranca con dos categorías pre-cargadas, Nóminas y Contratos, y puedes crear las que quieras, con color e icono propios. Además, cada documento admite una carpeta ad-hoc ("onboarding", "certificados-formacion", "políticas-2026") sin tocar la configuración de la cuenta. Una palabra en el buscador encuentra a la vez nombres y carpetas, con o sin acentos. - **Captura asociada:** Configuración de categorías con "Nóminas" y "Contratos" pre-cargadas y dos categorías propias ("Políticas", "Formación") con icono y color personalizados. ### 6.5 Bloque 5, Pins para lo crítico - **H3:** Ancla el handbook donde nadie lo pierda. - **Párrafo:** > Cualquier documento puede anclarse en la barra lateral de cada persona. La política de vacaciones, la plantilla del parte de horas del mes, el manual de prevención, un clic y aparece siempre a mano, sin tener que explicar cada mes dónde estaba. - **Captura asociada:** Barra lateral de la aplicación con la sección "Anclados" mostrando tres documentos destacados con su icono. ### 6.6 Bloque 6, Búsqueda sin acentos y auditoría de metadatos - **H3:** Encuentra lo que buscas, deja rastro de lo que cambias. - **Párrafo:** > Buscador acento-insensible por nombre, carpeta y, para quien tenga permiso, también por categoría o persona dueña. Filtros por oficina, equipo, categoría y rango de fechas. Cada cambio de metadatos (nombre, categoría, visibilidad) queda auditado, así que si algún día algo "ya no aparece donde estaba", puedes ver quién lo movió y cuándo. - **Captura asociada:** Resultado de búsqueda escribiendo "nomina" sin acento, con filtros laterales de oficina y categoría aplicados. --- ## 7. Sección 5, Un fondo que sabe quién es quién (bloque diferenciador) **Cometido.** La página entera orbita alrededor de este bloque. Aquí es donde explicamos por qué esto no es "una carpeta compartida mejor" y dejamos clara la postura comercial: no cobramos por cumplir lo que cumplir toca. **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, tres sub-bloques en columna a la derecha o en rejilla debajo. Sello "Incluido en el plan Todo incluido" destacado. ### Textos - **H2:** No es una carpeta compartida. Es un repositorio que entiende tu organización. - **Subtítulo / kicker:** La diferencia entre subir un PDF y *entregar* un documento es todo el contexto que hay alrededor. - **Sub-bloque A, Qué es:** > **Qué es.** Un repositorio documental donde cada archivo pertenece a una persona, se entrega a un círculo concreto del equipo, por persona, oficina, equipo o rol, y deja rastro de quién lo ha abierto. Vive dentro del mismo workspace donde ya tienes las facturas, el CRM, las firmas y los proyectos. - **Sub-bloque B, Qué hace OfiHQ:** > **Lo que hace OfiHQ por ti.** Envía el aviso a la persona correcta cuando lo pides, impide que otros vean lo que no les toca, registra cada apertura en una línea temporal, ancla los documentos críticos en la barra lateral de cada empleado y guarda un historial de los cambios de metadatos por si algún día hace falta revisarlo. Cuando la gestoría o la asesoría entra, sólo ve los documentos que le has compartido expresamente, no el fondo entero. - **Sub-bloque C, Qué NO hacemos:** > **Lo que no hacemos.** No es un editor colaborativo tipo Google Docs, ni hacemos control de versiones del contenido (auditamos metadatos, no el cuerpo del PDF). Y no te cobramos aparte por nada de lo anterior. Está incluido en el plan Todo incluido de OfiHQ, con los mismos límites, que son ninguno. **Microcopy al pie del bloque:** > ¿Vas a firmar contratos además de archivarlos? Mira cómo encaja en [/firmas-digitales](/firmas-digitales). --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que no es "un buen gestor documental", sino "un fondo documental que se beneficia de tener CRM, firmas y expedientes de empleados al lado". Aquí se hace visible el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo correspondiente. ### Textos - **H2:** Tus documentos no viven solos. - **Kicker:** Conectados con el resto de tu empresa, sin exportaciones ni integraciones de terceros. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con firmas digitales | Contrato firmado, archivado en el expediente. | Cuando un empleado firma un contrato, el PDF se guarda solo como documento suyo en la categoría "Contratos". Sin arrastrar archivos ni actualizar carpetas. | `/firmas-digitales` | | Con el CRM | La ficha del cliente con sus documentos. | La ficha de cada cliente combina facturas, pagos y los documentos asociados. El mismo repositorio sirve a RRHH y al equipo comercial. | `/crm` | | Con el expediente del empleado | Nóminas, contratos y certificados cuelgan de la persona. | Cada documento pertenece a una empleada concreta. Si cambia de equipo o de oficina, su expediente se mueve con ella sin tocar permisos uno a uno. | `/equipo` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("entregó X nóminas en un gesto el mes pasado"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué sustituyó, qué mejoró, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. El tono es de colega que sabe, no de centro de ayuda. Respuestas de 2-4 líneas, honestas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿Puedo controlar quién ve cada documento? > Sí, y con bastante detalle. Cada documento lleva una visibilidad que puede apuntar a una persona concreta, a un equipo, a una oficina, a un rol o a la cuenta entera. Es el mismo sistema que usa el resto de OfiHQ, así que cuando una persona cambia de equipo, los documentos que ese equipo veía siguen funcionando sin tocar nada. La asesoría o gestoría sólo ve lo que le compartes expresamente. #### 10.2 ¿Cuántos archivos puedo subir a la vez? ¿Qué tipos admite? > Hasta 21 archivos por carga, con un tope de 500 MB cada uno. Admite los tipos habituales de ofimática, imagen, audio, vídeo, PDF y ZIP. Con el dropzone, arrastras todos a la vez y cada uno se convierte en un documento con la misma categoría y visibilidad que hayas elegido. #### 10.3 ¿Se puede ver si un empleado ha abierto un documento? > Sí. Cada apertura queda registrada y la pestaña de vistas de cada documento muestra dos listas: las personas que lo han abierto, con fecha, y las que siguen pendientes. Para manuales, políticas y comunicados internos, tienes un control de lectura sin tener que pedirlo por chat. #### 10.4 ¿Cómo organizo los documentos, con carpetas, con categorías? > Con las dos cosas. Las categorías son configurables por cuenta y llevan color e icono; cada cuenta arranca con "Nóminas" y "Contratos" pre-cargadas, y creas las demás a medida. Además, cada documento admite una carpeta ad-hoc libre ("onboarding", "certificados-formacion") sin tocar la configuración de la cuenta. El buscador encuentra por ambas cosas, con o sin acentos. #### 10.5 ¿Puedo notificar a los empleados cuando subo un documento? > Sí. Al subir un archivo, un check opcional envía email a cada persona con visibilidad sobre el documento. Úsalo para entregar nóminas masivas, publicar un manual nuevo o avisar de una política actualizada. Sin el check, el documento queda disponible en silencio: aparece en el panel de quien tiene acceso, sin correo. #### 10.6 ¿Se integra con firmas y con el resto del producto? > Sí, de forma nativa. Cuando un empleado firma un contrato, el PDF firmado se archiva automáticamente como documento suyo en la categoría "Contratos". Los documentos asociados a un cliente aparecen en la ficha del CRM. Y el fondo documental entero, no un Drive aparte, vive en el mismo workspace que las facturas, los proyectos y el equipo. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. Entrega las nóminas de este mes sin un correo a la vez. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso y con el primer lote de documentos entregado esta misma tarde si quieres. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si ya tienes documentos en otra herramienta, te ayudamos a migrarlos con sus categorías y visibilidades. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Índice de documentos con chips de categoría, contadores de lectura y pins visibles (hero, lateral derecho). 2. Dropzone con varios PDFs listos y el check "Notificar empleados" marcado (bloque 6.1). 3. Selector de visibilidades abierto con chips de oficina, equipo y rol (bloque 6.2). 4. Pestaña "Vistas" de un documento con lecturas y pendientes (bloque 6.3). 5. Configuración de categorías con las dos pre-cargadas y dos propias con color e icono (bloque 6.4). 6. Barra lateral con la sección "Anclados" mostrando tres documentos (bloque 6.5). 7. Búsqueda acento-insensible con filtros laterales aplicados (bloque 6.6). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas de empresa (evitar "ACME S.L.", mejor "Papelería Montes S.L." o similar) y de equipo (nombres propios en español, no "Lorem Empleado"). Nóminas con importes coherentes; manuales con títulos creíbles ("Manual de prevención 2026", "Política de dispositivos"). - Screenshots con bordes redondeados suaves y sombra ligera; nada de marcos ornamentales. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Evaluar si usar un set abierto (Lucide, Phosphor) o encargar un juego pequeño y propio para el sitio, compartido con el resto de landings de módulo. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/firmas-digitales`, `/crm`, `/equipo`. - [ ] CTAs apuntan al signup con `?source=documentos`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. - [ ] Revisar que ninguna captura enseñe datos reales de empleados o clientes (nóminas, DNIs, emails reales). --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C del orden de trabajo (ver §9 de `site-structure.md`): - La tarjeta de "Documentos" en la home, dentro del clúster "Equipo". - El bloque de documentos de `/funcionalidades`. - La prueba de "visibilidades compartidas entre módulos" para el titular de `/precios` ("todo incluido, mismos permisos en todos los módulos"). - Las landings de `/firmas-digitales` y `/crm` deben enlazar a esta página en sus secciones de "Cómo encaja" (contrato firmado → archivado aquí; ficha del cliente → documentos asociados). - La guía de estilo visual (documento satélite de §9 de `site-structure.md`) debe contemplar el tratamiento gráfico de "chips de visibilidad" y "contadores de lectura", porque se reutilizan en varias landings. ## asistente-ia # Landing: `/asistente-ia` > Borrador detallado del contenido de la página de módulo **Asistente IA** de ofihq.es. Mismo patrón estructural que `facturacion.md` para permitir comparación. > Fuentes: `ofihq/docs/guides/features.md` (§8 Integrations), `facturacion/app/middleware/mcp/tools/` (26 herramientas reales), `projects/brand/brand-voice.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Una IA que ejecuta, no que resume*. Frente a chatbots que explican lo que harías, el asistente de OfiHQ crea la factura, da de alta al cliente, imputa el gasto. Actúa sobre el producto con 26 herramientas conectadas a tus datos reales. **Ángulos secundarios** que refuerzan sin eclipsar: - **Usas tu IA, no la nuestra.** El asistente habla MCP (Model Context Protocol), así que lo conectas a la aplicación que ya usas, Claude, ChatGPT u otro asistente compatible, y esa IA pasa a actuar sobre tu empresa. - **Datos reales, no suposiciones.** La IA lee y escribe sobre el producto: clientes, facturas, proyectos, gastos. No inventa, consulta. - **Seguridad con dos cerrojos.** Acceso autenticado y revocable. Los mismos permisos que tú tienes en la interfaz, aplicados a la IA. **Lo que evitamos:** - Fotografías genéricas de manos tecleando y cerebros dibujados. Es fácil caer en la estética "AI revolution"; rompe el tono empresarial del resto del sitio. - Palabras infladas: *revolucionario*, *disruptivo*, *game-changer*. El producto es bueno, no hace falta maquillarlo. - Listar las 26 herramientas una por una. Agrupamos por lo que el empresario *consigue*, no por lo que el developer *definió*. - Prometer automatización total. El asistente acompaña y ejecuta acciones concretas; no sustituye el criterio del dueño. - Promesas sobre "modelo propio" o "IA entrenada con tus datos". No la entrenamos; la equipamos. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=asistente-ia` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Asistente IA para pymes que ejecuta tareas reales, OfiHQ | | `description` | Un asistente de IA con 26 herramientas conectadas a tu empresa: crea facturas, gestiona clientes, imputa gastos y sigue proyectos. Usa tu Claude o ChatGPT habitual sobre tus datos de OfiHQ. | | `canonical` | `https://ofihq.es/asistente-ia` | | `og:title` | Una IA que hace el trabajo, no que lo describe, OfiHQ | | `og:description` | Conecta Claude, ChatGPT o el asistente de IA que ya uses y pídele que facture, impute gastos o actualice clientes. | | `og:image` | `og-asistente-ia.png` (pendiente, captura de una conversación real con acción ejecutada). | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *asistente ia pymes*, *ia empresa software gestión* - Secundarias: *mcp pymes*, *claude integración empresa*, *automatización pyme*, *asistente ia facturación* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` con `applicationSubCategory: "AI Assistant"`. - `FAQPage` generado desde la sección 10. - `BreadcrumbList`: Inicio › Funcionalidades › Asistente IA. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → el chatbot que no hace nada útil 4. Lo que hace (6 bloques) → cuerpo principal con ejemplos reales 5. MCP, el protocolo que lo hace posible → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que esto no es "un chatbot más", que ejecuta acciones reales y que funciona con la IA que él ya usa. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha, un bloque de ejemplo tipo "terminal de conversación" con una instrucción real del usuario y la respuesta del asistente confirmando la acción ejecutada (p. ej. *"He creado la factura INV-2026-043 por 1.280 € al cliente Montes S.L. Te dejo el enlace."*). Es mucho más efectivo que una captura de producto convencional. ### Textos - **Eyebrow:** Asistente con IA para pymes - **H1:** Una IA que hace el trabajo. No que lo describe. - **Lead:** > Pide una factura, una alta de cliente, un gasto imputado al proyecto o una lista de pendientes. El asistente de OfiHQ no te devuelve un resumen: crea el registro, lo guarda y te confirma qué ha hecho. Con 26 herramientas conectadas a tus datos y el cliente de IA que ya usas. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Compatible con Claude, ChatGPT y otros asistentes de IA compatibles. Incluido en el plan Todo incluido. --- ## 4. Sección 2, Tira de confianza **Cometido.** Las tres ideas que el visitante necesita confirmar antes de seguir: que ejecuta (no sólo conversa), que se conecta a su IA favorita y que no cuesta extra. **Estructura visual.** Fila de tres ítems con icono + una línea. ### Textos | Icono | Claim | |---|---| | ⚙️ | **26 herramientas conectadas.** Facturas, clientes, gastos, proyectos, objetivos, artículos. | | 🔌 | **Usa tu IA.** Claude, ChatGPT y otros asistentes compatibles, trabajando sobre tus datos de OfiHQ. | | 🔒 | **Acceso que tú controlas.** Autenticación segura y revocable cuando quieras. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta.* --- ## 5. Sección 3, El problema real **Cometido.** Poner palabras a la frustración con los chatbots actuales. Una frase de titular y un párrafo corto. ### Textos - **H2:** La IA te resume correos. Tú sigues facturando a mano. - **Párrafo:** > Los asistentes generales saben hablar, pero no saben hacer. Ayudan a redactar un email, resumen una reunión, pero cuando llega el momento de crear la factura, dar de alta al cliente o imputar el gasto al proyecto, vuelves a abrir la app y lo haces tú. El asistente de OfiHQ rompe ese punto final: lo que le pides en lenguaje natural, ejecuta. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** Seis capacidades concretas, ilustradas con ejemplos de instrucciones reales. No listado de tools: agrupaciones por resultado para el empresario. Cada bloque lleva una cita textual de "cómo se le pide". **Estructura visual.** Rejilla 2×3 en desktop. Cada tarjeta incluye título, párrafo y una cita destacada en comillas con el formato de conversación. ### 6.1 Bloque 1, Facturas, clientes y cobros - **H3:** Emite facturas y da de alta clientes. - **Párrafo:** > El asistente crea, edita y consulta facturas y clientes. Le pides el cliente con sus datos fiscales, le dictas la factura con líneas y artículos, le dices qué enviar a Verifactu. Se hace, con la misma numeración y la misma cadena que si lo hicieras tú a mano. - **Cita de ejemplo:** > *"Emite la factura de marzo a Papelería Montes S.L. con 12 horas de consultoría y envíala por Verifactu."* ### 6.2 Bloque 2, Proyectos, tareas y objetivos - **H3:** Lleva proyectos y tareas como un PM invisible. - **Párrafo:** > Crea proyectos, los archiva cuando terminan, consulta las tareas del equipo, actualiza el progreso de los objetivos trimestrales. Si la semana está desbordada, le pides un resumen del estado de todo y te da los datos, no una sensación. - **Cita de ejemplo:** > *"Crea un proyecto llamado 'Migración Cliente X', tareas de análisis y propuesta, y ponme como responsable."* ### 6.3 Bloque 3, Gastos e imputación - **H3:** Imputa gastos sin formularios. - **Párrafo:** > Registra gastos, los clasifica por categoría, los asocia al proyecto que corresponda y los pone en la cola de aprobación si tu empresa lo requiere. La imputación es lo que más friccion tiene en el día a día; aquí se reduce a una frase. - **Cita de ejemplo:** > *"Apunta 42 € del parking de ayer en la categoría Viajes, al proyecto de Cliente Y."* ### 6.4 Bloque 4, Consultas con datos reales - **H3:** Responde con lo que hay, no con lo que cree. - **Párrafo:** > Pregúntale cuántas facturas siguen sin cobrar, qué clientes han pasado de 60 días, cuánto tiempo llevas imputado al proyecto Y este mes. El asistente lee tu base de datos en ese momento y responde con cifras, no con aproximaciones. Cuando no tiene datos, lo dice. - **Cita de ejemplo:** > *"¿Qué facturas del primer trimestre están pendientes de cobro?"* ### 6.5 Bloque 5, Artículos y catálogo - **H3:** Mantiene tu catálogo al día. - **Párrafo:** > Crea artículos, actualiza precios, asigna impuestos por categoría. Cuando introduces un servicio nuevo, basta con dictarlo; los descuentos automáticos y las reglas fiscales se quedan ligadas al artículo sin que tengas que tocar admin. - **Cita de ejemplo:** > *"Da de alta un servicio 'Auditoría SEO básica' a 450 €, categoría Consultoría."* ### 6.6 Bloque 6, Tu IA, conectada a tu empresa - **H3:** Funciona con el asistente de IA que ya usas. - **Párrafo:** > No hace falta aprender una app nueva. Conectas Claude, ChatGPT o el asistente que tengas, introduces tus credenciales de OfiHQ y la IA gana acceso a las 26 herramientas. Mismo flujo de conversación, nuevo radio de acción. - **Cita de ejemplo:** > *(Desde Claude Desktop)* *"Lista las tareas que tengo asignadas esta semana y márcalas por prioridad."* --- ## 7. Sección 5, MCP, el protocolo que lo hace posible (bloque diferenciador) **Cometido.** Explicar MCP sin jargon para que el visitante entienda por qué esto no es "otro chatbot". Es el equivalente estructural a la sección de Verifactu en `/facturacion`. **Estructura visual.** Fondo alternativo. H2 grande, tres sub-bloques en columna. Al lado, diagrama sencillo: "Tu IA favorita → MCP → OfiHQ → Acción ejecutada". Nada de ilustraciones abstractas. ### Textos - **H2:** La pieza invisible: MCP. - **Subtítulo / kicker:** Un estándar abierto que permite a cualquier IA hablar con tu empresa. - **Sub-bloque A, Qué es:** > **Qué es MCP.** Model Context Protocol es un estándar abierto, publicado en 2024, que define cómo una IA puede consultar y ejecutar acciones en aplicaciones externas de forma segura y auditable. Sin MCP, la IA sólo puede conversar. Con MCP, puede actuar. - **Sub-bloque B, Qué hace OfiHQ:** > **Lo que expone OfiHQ.** 26 herramientas repartidas en seis familias, facturas, clientes, gastos, proyectos y objetivos, artículos, consultas. Cada herramienta tiene un alcance concreto, definido y documentado. La IA no tiene acceso libre a tu base de datos: sólo puede invocar estas 26 acciones, y cada invocación queda registrada. - **Sub-bloque C, Qué NO hacemos:** > **Lo que no hacemos.** Meter una IA escondida que lee tus datos sin que te enteres. Todas las acciones pasan por el empleado autenticado, respetan sus permisos de rol y se ven en el log de actividad. Puedes revocar el acceso del asistente en cualquier momento desde la configuración de la cuenta. **Microcopy al pie del bloque:** > ¿Quieres ver cómo se conecta paso a paso? Tenemos una guía para [Claude](/blog/conectar-claude-a-ofihq), [ChatGPT](/blog/conectar-chatgpt-a-ofihq) y clientes genéricos MCP. > *(Estos enlaces apuntan a entradas de blog a redactar más adelante.)* --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Mostrar que el asistente no es un módulo suelto: gana valor justamente porque los demás módulos existen. Refuerza el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales. Cada una enlaza al módulo correspondiente. ### Textos - **H2:** Un asistente vale lo que vale lo que puede tocar. - **Kicker:** Los módulos de OfiHQ son el catálogo de cosas que tu IA puede hacer por ti. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con facturación | Factura por ti, con Verifactu incluido. | Cuando el asistente emite una factura, pasa por el mismo motor que si la hicieras tú: la misma firma, la misma validez legal, el mismo rastro registrado. No hay atajos. | `/facturacion` | | Con CRM y clientes | Da de alta y actualiza sin duplicados. | Alta de un cliente con sus datos fiscales validados, cambio de categoría, consulta de estado. El pipeline sigue siendo tuyo; el asistente es un administrativo más. | `/crm` | | Con proyectos y gastos | Imputa y mide sin que lo pidas dos veces. | Gastos al proyecto correcto, tareas al empleado correcto, tiempo imputado donde toca. El margen del proyecto al final del mes deja de ser una sorpresa. | `/proyectos` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Prueba social con cliente real. Si no hay, no se publica. ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8.* ### Plantilla cuando haya testimonio > "[Cita del cliente, 2-3 frases, concreta: qué pide al asistente en su día a día, qué ha dejado de hacer manualmente, cuánto tiempo ahorra.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las dudas que bloquean. Las preguntas aquí son distintas a las de facturación, el visitante tiene menos ansiedad legal y más ansiedad técnica y de control. **Estructura visual.** Acordeón con 6 preguntas. La primera abierta por defecto. `FAQPage` schema. ### Textos #### 10.1 ¿Qué puede hacer exactamente y qué no? > El asistente dispone de 26 herramientas: puede crear, editar y consultar facturas, clientes, gastos, artículos, proyectos y objetivos. No puede borrar registros permanentes (para eso sigue haciendo falta una acción manual en la interfaz), no puede cambiar la configuración de la cuenta ni emitir pagos reales, y no accede a documentos cifrados ni a chats privados. El alcance está publicado y es verificable. #### 10.2 ¿Qué cliente de IA puedo usar? > Cualquiera que hable MCP. Hoy mismo funcionan Claude (escritorio y web) y otros clientes que ya han adoptado el estándar. ChatGPT lo está incorporando de forma progresiva a través de sus conectores. La configuración es la misma en todos: añades OfiHQ como servidor MCP, introduces tus credenciales y la IA tiene acceso a las 26 herramientas desde esa conversación. #### 10.3 ¿Cómo se autentica? ¿Es seguro? > Dos métodos: autenticación segura tipo OAuth (la recomendada, con caducidad y revocación en cualquier momento) o una clave de API si prefieres gestionarla tú. Cada acción ejecutada por el asistente va en nombre del empleado autenticado, respeta sus permisos de rol y queda registrada en el log de actividad con marca temporal. Si revocas el acceso, la IA deja de poder actuar al instante. #### 10.4 ¿Entrena el modelo con mis datos? > No. OfiHQ no entrena ningún modelo con tus datos. La IA que usas (Claude, ChatGPT, la que sea) accede a tus datos en tiempo real durante la conversación para ejecutar las acciones que le pides; la política de datos de esa IA la decides tú al elegir el proveedor. Nosotros no enviamos tus datos a ningún modelo por nuestra cuenta. #### 10.5 ¿Me puede cambiar algo por error? > Puede, como cualquier empleado de tu empresa. Por eso cada acción queda registrada: si el asistente edita un cliente, modifica un artículo o imputa un gasto, figura en el log con el empleado responsable (el que inició la sesión) y el momento exacto. Las acciones son reversibles desde la interfaz, y los registros críticos (como las facturas enviadas) siguen teniendo el mismo control que antes: no se pueden alterar sin dejar rastro. #### 10.6 ¿Cuesta más? > El uso de la IA esta sujeto al coste de las llamadas a la API del cliente que uses (Claude, ChatGPT, etc.). Solo pagas por el uso que hagas de tu cliente de IA. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Tono cercano, promesa concreta, dos botones. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. ### Textos - **H2:** Prueba a pedírselo. - **Párrafo:** > Crea una cuenta gratis de OfiHQ, conecta tu cliente de IA y pídele algo real, una factura, un alta de cliente, un resumen de pendientes. En la primera conversación sabrás si esto te encaja. Si no, no has perdido nada. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** 30 días de prueba sin tarjeta. --- ## 12. Notas de maquetación y assets **Capturas y materiales necesarios** (por orden de aparición): 1. "Terminal de conversación" del hero: captura real de una instrucción y la respuesta del asistente confirmando acción (lado derecho del hero). 2. Mosaico de 6 citas de ejemplo, ya incluidas en los bloques 6.1 a 6.6. 3. Diagrama simple **Tu IA → MCP → OfiHQ → Acción** (sección 5). 4. Opcional: captura pequeña del panel de permisos MCP en la configuración de la cuenta (sección 5, sub-bloque C) para reforzar el mensaje de control. **Tratamiento visual:** - Evitar estética "AI revolucionaria". Nada de gradientes morados, cerebros flotantes, o tipografías futuristas. - El componente estrella es la cita textual: formato monoespaciado para las instrucciones del usuario, tipografía normal para las respuestas del asistente, fondo sutilmente diferenciado. - Iconografía consistente con `/facturacion` para que ambas páginas se sientan de la misma familia. --- ## 13. Checklist antes de publicar - [ ] Terminal de conversación del hero con ejemplo realista (cliente y cifras creíbles, no "Cliente Prueba 123"). - [ ] Enlaces internos verificados: `/precios`, `/facturacion`, `/crm`, `/proyectos`, `/blog/conectar-*`. - [ ] CTAs apuntan al signup con `?source=asistente-ia`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] Sección 5: texto revisado por alguien técnico para que MCP esté explicado correctamente sin ser impreciso. - [ ] Las 6 citas de ejemplo usan nombres verosímiles y cifras consistentes entre sí. - [ ] Accesibilidad: acordeón de FAQ navegable por teclado; diagrama con texto alternativo real. - [ ] Prueba en móvil: las citas no rompen la caja; diagrama MCP legible a partir de 360 px. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable. --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C: - La tarjeta de "Asistente IA" en la home, con una cita de ejemplo como protagonista. - El bloque correspondiente en `/funcionalidades`. - Un mención transversal en `/precios` dentro del bloque "Qué incluye siempre, en cualquier plan". - Alimenta tres posts del blog que salen de aquí: "Cómo conectar Claude a OfiHQ", "Cómo conectar ChatGPT a OfiHQ" y "5 cosas que puedes pedirle al asistente hoy mismo". - Sirve de soporte para futuras landings verticales ("IA para despachos", "IA para consultoría"), aunque no las redactamos aún. ## calendario # Landing: `/calendario` > Borrador detallado del contenido de la página de módulo **Calendario** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/docs/facturacion/features/calendar.md`, `projects/docs/facturacion/features/resources.md`, `projects/brand/brand-voice.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *El calendario que se llena solo desde el resto de OfiHQ*. Es el ángulo que mejor diferencia este módulo de cualquier agenda de email (Google, Outlook): no es un sitio donde apuntas eventos, es donde aparece automáticamente lo que tu negocio está produciendo (tareas con fecha, ausencias aprobadas, reuniones, asignaciones a clientes, reservas de sala). **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Doble reserva imposible**: cuando dos personas pelean por la misma sala, la segunda reserva se rechaza con un mensaje que nombra al compañero que ya la tenía y su tramo horario. - **Vista de manager con disponibilidad real**: parrilla por empleado y por recurso con porcentaje de tiempo libre, descontando festivos y horas de contrato. - **Festivos por oficina**, nacionales, regionales, holidays puntuales y eventos corporativos. - **Filtros sin recargar** la página: propio, mi equipo, otro equipo, oficina, recurso o empleado concreto. - **Cambios al instante**: cuando alguien crea una ausencia o mueve una reunión, el calendario de los demás se refresca sin recargar manualmente. **Lo que evitamos:** - Posicionar OfiHQ Calendario como reemplazo de Google Calendar u Outlook. No lo es. Complementa: muestra la operación real del negocio en una sola vista. Si alguien quiere su agenda personal de email seguirá usándola. - Tecnicismos de implementación (broadcasts, Turbo Streams, modelos polimórficos, MCP, concerns). El lector compra el resultado, no el cómo. - Métricas de adopción o tiempo ahorrado sin respaldo cuantitativo. La página `calendar.md` del wiki las marca como pendientes, no las inventamos. - Urgencia artificial ("¡Organiza tu equipo ya!"). Contradice el brand voice. - Listar 12 módulos del producto como una tabla. Aquí hablamos de lo que el calendario hace, no del catálogo de OfiHQ. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=calendario` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Calendario unificado para PYMEs, OfiHQ | | `description` | Una sola vista con ausencias, reuniones, tareas, proyectos y reservas de salas. Sin duplicar nada, con detección de colisiones y disponibilidad real del equipo. | | `canonical` | `https://ofihq.es/calendario` | | `og:title` | El calendario que se llena solo, OfiHQ | | `og:description` | Reuniones, ausencias, tareas y reservas de sala en la misma rejilla. Sin re-apuntar nada, sin doble reserva, sin abrir siete pestañas. | | `og:image` | `og-calendario.png` (pendiente, captura de la rejilla mensual con varios tipos de actividades en un mismo día) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *calendario para empresas*, *calendario compartido equipo pyme* - Secundarias: *reserva de salas pyme*, *gestión de disponibilidad de equipo*, *room booking sin colisiones*, *calendario laboral con festivos por oficina* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (compartido con el resto de páginas de módulo, mantener consistencia con `/facturacion`). - `FAQPage` generado desde la sección 9. - `BreadcrumbList`: Inicio › Funcionalidades › Calendario. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. Cualquier cosa con fecha, en su sitio → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre emocional + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que OfiHQ tiene un calendario unificado, que se alimenta solo del resto del producto, y que sirve tanto para ver lo que pasa esta semana como para reservar una sala sin chocar con nadie. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de la rejilla mensual con un día expandido que muestra ausencia, reunión, tarea y reserva de sala, refuerza el mensaje sin necesidad de leerlo. ### Textos - **Eyebrow:** Calendario para equipos - **H1:** El calendario que se llena solo. - **Lead:** > Ausencias aprobadas, fichajes, tareas con fecha, reuniones, asignaciones a clientes y reservas de sala, todo aparece en la misma rejilla, sin re-apuntar nada en otro sitio. Tu equipo ve lo que pasa esta semana sin abrir siete pestañas. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu cuenta lista en menos de 5 minutos. --- ## 4. Sección 2, Tira de confianza **Cometido.** Transmitir, visualmente y en una tira rápida, tres ideas que el visitante *necesita* confirmar antes de seguir bajando: que ve todo en un sitio, que las reservas no chocan, y que el manager tiene una foto real de quién está disponible. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 📆 | **Una sola vista.** Ausencias, fichajes, tareas, reuniones y reservas en la misma rejilla. | | 🚪 | **Doble reserva imposible.** Las colisiones se bloquean y nombran al compañero que tenía la sala. | | 📊 | **Disponibilidad real.** Porcentaje de tiempo libre por empleado y por recurso, descontando festivos. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una sola frase de titular y un párrafo corto. Sin dramatismo, sin "¿Te suena esto?". ### Textos - **H2:** Saber qué pasa esta semana no debería ser un trabajo aparte. - **Párrafo:** > Las ausencias están en una hoja, las reuniones en Google Calendar, las tareas con fecha en el gestor de proyectos, las reservas de sala en un grupo de WhatsApp y la disponibilidad real del equipo en la cabeza del responsable. Cada vez que alguien quiere saber si puede reunir a tres personas el jueves, alguien tiene que abrir cuatro herramientas y sumar mentalmente. Hay otra manera. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, no un listado. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, Mensual y diario, en la misma vista - **H3:** Mensual para planificar. Diario para ejecutar. - **Párrafo:** > Abre el calendario y lo ves todo el mes de un vistazo: días con ausencia, días con reuniones cargadas, días con vencimientos. Pulsa un día y se despliega el desglose hora a hora, cuándo es la reunión, cuándo cae la entrega, cuándo está bloqueada la sala. La misma información, dos zooms. - **Captura asociada:** Rejilla mensual con un día seleccionado mostrando el desglose diario en el panel lateral. ### 6.2 Bloque 2, Filtros sin recargar - **H3:** "Sólo lo mío", "todo el equipo", "esa sala". En un clic. - **Párrafo:** > La misma rejilla cambia de perspectiva sin recargar la página: tu calendario propio, el de tu equipo, el de otra oficina, el de un recurso concreto o el de un empleado en particular. Útil cuando el responsable está mirando el equipo y, sin perder el sitio, quiere comprobar si la sala de juntas está libre el viernes. - **Captura asociada:** Selector de filtros desplegado con las opciones "Propio", "Mi equipo", "Otro equipo", "Oficina", "Recurso" y "Empleado". ### 6.3 Bloque 3, Reservas de sala que no se duplican - **H3:** Reservas de sala que no chocan. Y si chocan, te dicen con quién. - **Párrafo:** > Cuando intentas reservar una sala o un coche, el sistema mira si el tramo se solapa con otra reserva existente. Si lo hace, rechaza la tuya con un mensaje que nombra al compañero que ya la tenía y su franja horaria, no un error frío, sino una pista para hablar con esa persona. También respeta el horario del recurso: si la sala está disponible de 9:00 a 14:00 y pides reservarla a las 16:00, te lo dice antes de guardar. - **Captura asociada:** Modal de reserva con un mensaje de error que dice "La sala Norte ya está reservada por María Pérez de 10:00 a 12:00". ### 6.4 Bloque 4, Festivos por oficina - **H3:** Madrid no tiene los mismos festivos que Bilbao. El calendario tampoco. - **Párrafo:** > Cada oficina configura sus propios festivos: nacionales, autonómicos, holidays puntuales y eventos corporativos (la cena de empresa, el día sin coche). Cuando OfiHQ calcula la disponibilidad del equipo, los descuenta automáticamente. Si abres una oficina nueva en otra comunidad autónoma, su calendario laboral es independiente del resto. - **Captura asociada:** Pantalla de configuración de festivos de una oficina con cuatro categorías (nacional, regional, holiday, evento). ### 6.5 Bloque 5, Disponibilidad real para managers - **H3:** Cuánto tiempo libre tiene tu equipo esta semana, sin pedirlo por correo. - **Párrafo:** > La vista de manager pagina al equipo en una parrilla con un porcentaje de disponibilidad por empleado y día, calculado contra las horas de contrato y descontando ausencias, reuniones y festivos. Hay otra parrilla equivalente para los recursos: cuánta sala libre, cuánto coche disponible. Es la respuesta a "¿quién puede coger esta tarea esta semana?" sin abrir cinco agendas. - **Captura asociada:** Parrilla de disponibilidad de empleados con porcentaje libre por día. ### 6.6 Bloque 6, Cambios al instante - **H3:** Si alguien mueve una reunión, lo ves al momento. - **Párrafo:** > Cuando un compañero crea una ausencia, mueve una reunión o cierra una tarea, tu calendario se actualiza solo. No tienes que recargar, ni esperar a la siguiente sincronización, ni preguntar al grupo. La rejilla que estás viendo refleja lo que está pasando ahora mismo en el equipo. - **Captura asociada:** Animación corta (o secuencia de dos capturas) mostrando la rejilla antes y después de que un compañero añade una reunión. --- ## 7. Sección 5, Cualquier cosa con fecha, en su sitio (bloque diferenciador) **Cometido.** La página entera orbita alrededor de este bloque. Aquí explicamos qué hace al calendario de OfiHQ distinto de una agenda compartida cualquiera, y dejamos clara la promesa: nada se duplica, todo aparece donde toca. **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, tres sub-bloques en columna a la derecha o en rejilla debajo. Sello "Una sola vista" destacado. ### Textos - **H2:** Cualquier cosa con fecha, en su sitio. - **Subtítulo / kicker:** No es una agenda donde apuntas cosas. Es la foto de lo que está pasando en tu negocio. - **Sub-bloque A, Lo que aparece automáticamente:** > **Lo que entra solo en el calendario.** Ausencias aprobadas, fichajes del equipo, tareas con fecha, proyectos activos, reuniones, asignaciones comerciales a clientes, onboardings en curso, eventos de formación y reservas de salas o coches. Si tiene fecha y vive en OfiHQ, se ve en el calendario sin que nadie lo haya copiado dos veces. - **Sub-bloque B, Lo que hace OfiHQ por ti:** > **Lo que pasa por debajo.** Cuando creas una tarea con fecha de entrega, una reunión o una reserva de sala desde su módulo, se publica también en el calendario de los empleados afectados y en el del manager. Los filtros separan vistas (propio, equipo, oficina, recurso). Los festivos y la disponibilidad de cada recurso se respetan al calcular qué hueco hay libre. Los cambios se ven al instante en la pantalla de los demás. - **Sub-bloque C, Lo que no necesitas hacer:** > **Lo que dejas de hacer.** Integrar un calendario externo, mantener una hoja compartida, recordar publicar la reunión en otro sitio o enviar un correo cada vez que cambias una entrega. El calendario no es una herramienta más que alimentar, es una lectura de lo que ya tienes registrado. **Microcopy al pie del bloque:** > El calendario y las reservas de recursos están incluidos en el plan Todo incluido de OfiHQ, sin coste añadido y sin límites de bookings. --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que el calendario no es "una buena agenda compartida", sino "una agenda que se beneficia de tener proyectos, CRM y asistente de IA al lado". Aquí se hace visible el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo correspondiente. ### Textos - **H2:** El calendario habla con todo lo demás. - **Kicker:** Sin integraciones de terceros ni exportaciones a CSV. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con proyectos | Las entregas del proyecto, en la línea del día. | Cuando una tarea o un proyecto tiene fecha, aparece en el calendario del responsable y de los implicados sin que nadie lo apunte dos veces. | `/proyectos` | | Con el CRM | Las visitas a cliente, en el calendario del comercial. | Las asignaciones comerciales a un cliente se publican como evento con recordatorio: el comercial ve hoy a quién tiene que llamar y mañana a quién tiene que visitar. | `/crm` | | Con el asistente de IA | "Reserva la sala de juntas mañana de 10 a 12." | El asistente entiende la instrucción, comprueba que la sala está libre, crea la reserva y la publica en tu calendario. Sin abrir el módulo de recursos. | `/asistente-ia` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("dejaron de usar tres herramientas para llevar el calendario del equipo"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué sustituyó, qué mejoró, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. El tono es de colega que sabe, no de centro de ayuda. Respuestas de 2-4 líneas, honestas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿Reemplaza esto a Google Calendar u Outlook? > No, y no pretende. Tu agenda personal de email sigue siendo la suya. El calendario de OfiHQ es la foto de lo que está pasando en el negocio: tareas con fecha, ausencias aprobadas, asignaciones a clientes, reservas de sala. Cosas que ningún Google Calendar va a recoger sin que alguien las copie a mano. Los dos conviven sin pelearse. #### 10.2 ¿Cómo se cargan los festivos por comunidad autónoma o evento de empresa? > Los configura el administrador a nivel de oficina, distinguiendo cuatro tipos: nacionales, regionales (autonómicos o locales), holidays puntuales y eventos corporativos (la cena anual, el día sin coche). Cada oficina puede tener su propio calendario laboral, y la disponibilidad del equipo los descuenta automáticamente. #### 10.3 ¿Qué pasa si dos personas intentan reservar la misma sala? > No pueden. Antes de guardar, el sistema comprueba si el tramo se solapa con otra reserva existente del mismo recurso y, si lo hace, rechaza la segunda con un mensaje que nombra al compañero que ya tenía la sala y su franja horaria. También verifica que la reserva entra dentro del horario disponible de ese recurso ese día. Cero dobles reservas. #### 10.4 ¿Quién ve qué en el calendario? > Por permisos. Cada empleado ve su propio calendario; los managers ven el de su equipo y los recursos de su oficina; los administradores configuran festivos y recursos. Los empleados externos sólo ven los datos de la cuenta a la que están asociados, con las mismas reglas que un empleado interno. #### 10.5 ¿Puedo ver la disponibilidad real de mi equipo y de los recursos? > Sí. Hay dos vistas de manager pensadas para eso: una parrilla de disponibilidad por empleado, con un porcentaje de tiempo libre por día calculado contra las horas de contrato y descontando ausencias, reuniones y festivos; y la equivalente para recursos, con cuánto está ocupada cada sala o cada coche. Las dos se filtran por oficina, equipo o recurso concreto. #### 10.6 ¿Está incluido en el plan Todo incluido? > Sí. El calendario unificado y las reservas de recursos están incluidos en el plan Todo incluido de OfiHQ, sin coste añadido y sin límite de bookings. Es parte del producto, no un complemento. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. Mira tu semana esta tarde. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso, y con tu primera reserva de sala bien guardada antes de la próxima reunión. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si ya tienes el calendario del equipo en otra herramienta, te ayudamos a importar empleados, oficinas y festivos. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Rejilla mensual con un día expandido que muestra ausencia, reunión, tarea y reserva de sala (hero, lateral derecho). 2. Rejilla mensual con un día seleccionado y panel lateral con el desglose diario (bloque 6.1). 3. Selector de filtros desplegado con las seis dimensiones (bloque 6.2). 4. Modal de reserva con mensaje de error que nombra al compañero y su tramo (bloque 6.3). 5. Configuración de festivos de una oficina con sus cuatro categorías (bloque 6.4). 6. Parrilla de disponibilidad de empleados con porcentaje libre por día (bloque 6.5). 7. Secuencia de dos capturas (antes / después) de la rejilla cuando alguien añade una reunión (bloque 6.6). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas (evitar "Empleado 1", "Sala A", mejor "María Pérez", "Sala Norte", "Reunión con Papelería Montes") y horarios coherentes. - Screenshots con bordes redondeados suaves y sombra ligera; nada de marcos ornamentales. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Reutilizar el set elegido para `/facturacion` por consistencia. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/proyectos`, `/crm`, `/asistente-ia`. - [ ] CTAs apuntan al signup con `?source=calendario`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. - [ ] Decidido si `/calendario` se añade como noveno módulo a `/funcionalidades` o se agrupa bajo otro existente (ver §14). --- ## 14. Ganchos al resto del plan - De esta landing se extraerá: - La tarjeta de "Calendario" en la home y en `/funcionalidades`. - El bloque de calendario como elemento transversal (lo usan proyectos, CRM, asistente, recursos). - El titular de cierre de `/precios` que refuerza "Calendario y reservas de recursos incluidos". - En comparativas futuras, el argumento diferencial *"el calendario muestra la operación, no eventos sueltos"* nace de la sección 5. - **Decisión pendiente, estructura del sitio.** El plan actual de `/funcionalidades` (ver `projects/ofihq/site-structure.md` §5.2) lista 8 módulos: facturación, CRM, proyectos, firmas digitales, gastos, documentos, chat-equipo y asistente-IA. **Calendario no aparece todavía**. Hay dos opciones razonables: 1. Añadirlo como noveno módulo independiente (`/calendario`), reflejando que es un módulo propio del producto y respetando el slug usado en esta landing. 2. Agruparlo bajo proyectos o crear un módulo combinado "Calendario y recursos" si se quiere subrayar la conexión sala+coche. La recomendación, dado el peso del ángulo "vista única que cruza todos los módulos", es la opción 1. ## firmas-digitales # Landing: `/firmas-digitales` > Borrador detallado del contenido de la página de módulo **Firmas digitales** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/docs/facturacion/features/digital-signatures.md`, `projects/docs/facturacion/features/documents.md`, `projects/brand/brand-voice.md`, `projects/ofihq/site-structure.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Firma dentro del producto y con el PDF firmado ya archivado.* Es la traducción directa del pitch "reemplaza el stack" al terreno de las firmas: el dolor que resuelve no es que no sepas firmar un contrato, es que hoy abres DocuSign o Adobe Sign en una pestaña, después archivas el PDF a mano en la carpeta compartida y, con suerte, alguien apunta la fecha en una hoja aparte. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Firma personal reutilizable**, cada empleado dibuja su firma una vez en su perfil y el sistema la estampa en cualquier plantilla que le toque enviar. - **Plantillas + canvas HTML**, la firma manuscrita digitalizada (dedo o ratón) vive en el mismo documento plantilla que ya usas en la cuenta. - **Archivo automático**, al firmarse, el PDF queda colgado como documento del empleado en la categoría "Contratos", dentro del repositorio documental del workspace. - **Contratos con cliente sin sacarle del correo**, tú firmas, OfiHQ envía el PDF firmado como adjunto; el cliente no tiene que crear cuenta ni aprender una herramienta nueva. - **Trazabilidad incluida**, cada firma lleva un log con tres eventos (creación, firma del remitente, firma del destinatario) útiles cuando aparece una inspección laboral o un litigio. - **Disparada desde el onboarding y el asistente IA**, una acción de alta arranca la firma sola, y el asistente puede consultar las firmas pendientes o firmadas. **Lo que evitamos:** - Vender esto como DocuSign. El diferencial no es ser un producto aparte de firmas, es justo lo contrario: no tener que contratarlo. - Prometer firma *cualificada* o *eIDAS avanzada*. El producto deja rastro auditable (quién, qué y cuándo), y eso es lo que podemos afirmar; el tipo legal de firma no es un punto que la ficha de producto resuelva y no lo vamos a inventar. - Prometer un flujo tipo "el cliente también firma desde el producto". Hoy el cliente recibe el PDF firmado por email; no firma dentro de OfiHQ. Lo decimos claro, sin adornos y sin esconderlo. - Tecnicismos de implementación (Ferrum, `SignatureComponent`, `BoardingAction`, MCP). El comprador quiere saber qué cambia en su día, no cómo se renderiza. - Urgencia artificial o comparativas agresivas con DocuSign/Adobe Sign. El tono es de colega, no de vendedor. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=firmas-digitales` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Firma digital para pymes españolas, OfiHQ | | `description` | Firma contratos dentro del producto donde ya trabajas. Plantillas propias, canvas HTML, firma personal reutilizable y PDF archivado automáticamente. Incluido en el plan Todo incluido de OfiHQ. | | `canonical` | `https://ofihq.es/firmas-digitales` | | `og:title` | Firma contratos sin cambiar de pestaña, OfiHQ | | `og:description` | Plantillas, firma manuscrita digitalizada y PDF archivado en la misma ficha del empleado. Sin módulos aparte, sin mandar al cliente a otra web. | | `og:image` | `og-firmas-digitales.png` (pendiente, captura de una plantilla con campo de firma y el canvas abierto) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *firma digital pymes*, *software firma electrónica* - Secundarias: *firma contratos online*, *firma manuscrita digital*, *firma digital contrato laboral*, *firmar contrato empleado* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (mantener y actualizar `description` para reflejar el módulo). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Funcionalidades › Firmas digitales. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. Firma nativa, de serie → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre emocional + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que en OfiHQ un contrato se firma dentro del mismo producto donde ya lleva a las personas, las facturas y los proyectos, y que el PDF firmado se queda solo en el sitio donde le toca. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real del modal de firma con el canvas abierto sobre una plantilla de contrato y el campo de firma resaltado, refuerza el mensaje sin necesidad de leerlo. ### Textos - **Eyebrow:** Firmas digitales para pymes españolas - **H1:** Firma contratos sin cambiar de pestaña. - **Lead:** > Eliges la plantilla, rellenas los datos y firmas con el dedo o el ratón sobre el canvas. El PDF queda archivado en el expediente del empleado, el cliente recibe su copia en el correo y cada paso queda registrado. Sin abrir DocuSign en paralelo, sin arrastrar el PDF firmado a otra carpeta, sin apuntar la fecha en una hoja aparte. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu cuenta lista en menos de 5 minutos. --- ## 4. Sección 2, Tira de confianza **Cometido.** Transmitir, visualmente y en una tira rápida, tres ideas que el visitante *necesita* confirmar antes de seguir bajando: que la firma es un módulo nativo, que el archivo queda resuelto solo, y que no tiene que pagar aparte por usarlo. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | ✍️ | **Plantillas, canvas y firma** en el mismo producto donde ya tienes el CRM, las facturas y el equipo. | | 📁 | **El PDF firmado se archiva solo** en el expediente del empleado, en la categoría "Contratos". | | 🇪🇸 | **Incluido en el plan Todo incluido.** Sin módulo aparte, sin contratar una herramienta de firma en paralelo. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una sola frase de titular y un párrafo corto. Sin dramatismo, sin "¿Te suena esto?". ### Textos - **H2:** Firmar un contrato no debería ser un peregrinaje. - **Párrafo:** > Haces el contrato en Word. Subes el PDF a DocuSign para firmarlo. Descargas el firmado y lo arrastras a una carpeta compartida. Lo adjuntas al email del empleado o del cliente. Apuntas en algún sitio en qué fecha se firmó, por si alguien pregunta. Cinco herramientas para una sola cosa. No debería ser así. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, no un listado. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, De la plantilla al PDF firmado en una pantalla - **H3:** De la plantilla al PDF firmado, sin salir de la ficha. - **Párrafo:** > Partes de una plantilla con sus campos tipados, nombre, fecha, texto libre, firma. El sistema sustituye las variables del cuerpo con los datos del destinatario, y cuando toca firmar se abre un canvas HTML donde el firmante traza con el dedo o con el ratón. Al cerrar la firma, el PDF final se genera solo. No hay descargas intermedias, ni conversiones a mano, ni documentos que viajan por email para volver escaneados. - **Captura asociada:** Modal de firma con el contrato plantilla al fondo y el canvas abierto sobre el campo de firma, con la firma manuscrita en curso. ### 6.2 Bloque 2, Firma una vez, firma todo el año - **H3:** Tu firma personal, dibujada una vez. - **Párrafo:** > Cada empleado guarda su firma manuscrita en su perfil: la dibuja una sola vez sobre el canvas. A partir de ahí, cuando le toca firmar como remitente en una plantilla, el sistema la estampa solo, ni modales ni canvas adicionales. Sirve para los contratos laborales que envía RRHH, los anexos que firma el administrador y cualquier documento interno donde la misma persona es el remitente recurrente. - **Captura asociada:** Pantalla del perfil del empleado con el cuadrado de "Mi firma" ya guardada y un check verde de "se estampará automáticamente". ### 6.3 Bloque 3, El PDF firmado, archivado donde toca - **H3:** El contrato firmado no se guarda en tu escritorio. - **Párrafo:** > Cuando un contrato interno queda firmado, OfiHQ genera el PDF y lo archiva como documento del empleado firmante, dentro de la categoría "Contratos" de [documentos](/documentos). Con los mismos permisos que el resto del repositorio: la persona lo ve en su panel, el manager del equipo tiene acceso y RRHH lo encuentra desde el expediente. El PDF viaja solo al sitio donde lo vas a buscar después. - **Captura asociada:** Expediente del empleado con la pestaña "Documentos" abierta y un contrato recién firmado arriba, con badge "Firmado hoy" y categoría "Contratos". ### 6.4 Bloque 4, Contratos con el cliente, sin sacarle del correo - **H3:** El cliente no tiene que crear cuenta en OfiHQ. - **Párrafo:** > Para documentos dirigidos a un cliente del CRM, tú firmas tu parte desde la ficha y OfiHQ envía el PDF firmado como adjunto al correo del cliente. El cliente no entra a la aplicación, no crea una cuenta y no aprende una herramienta nueva: recibe el contrato cerrado del lado interno en el email que ya usa. En tu expediente queda la firma emitida, con su fecha y su destinatario. - **Captura asociada:** Ficha de un cliente en el CRM con una entrada de "Firmas enviadas" y, al lado, una vista previa del email saliente con el PDF adjunto. ### 6.5 Bloque 5, Quién firmó qué, y cuándo - **H3:** Un log de firmas por si un día pregunta alguien. - **Párrafo:** > Cada firma lleva tres eventos anotados con su momento exacto: cuándo se creó, cuándo firmó el remitente y cuándo firmó el destinatario. No es un adorno técnico, es la prueba que necesitas si una inspección laboral pregunta por un anexo, si un cliente duda de una fecha, o si hay que defender un contrato frente a un litigio. El rastro queda ligado a la firma, no a una hoja Excel que alguien puede perder. - **Captura asociada:** Ficha de una firma con la línea temporal de eventos: "Creada el 18 de abril", "Firmada por remitente el 18 de abril", "Firmada por destinatario el 19 de abril". ### 6.6 Bloque 6, Del alta al contrato firmado, sin tocar nada - **H3:** La firma la dispara el onboarding. O tú, hablando con el asistente. - **Párrafo:** > Si tienes un alta configurada con una acción de firma, en cuanto arranca el onboarding el sistema crea la firma sola, resuelve al responsable según la política de la plantilla y avisa al empleado en su idioma. Cuando firma, la acción del onboarding queda completada y el flujo avanza. Desde el asistente de IA también puedes consultar firmas pendientes o firmadas, "¿qué contratos siguen sin firmar?" trae una lista filtrada, no un resumen inventado. - **Captura asociada:** Vista de un onboarding con la tarjeta "Firmar contrato indefinido" marcada como completada automáticamente, con la firma asociada abierta al lado. --- ## 7. Sección 5, Firma nativa, de serie (bloque diferenciador) **Cometido.** La página entera orbita alrededor de este bloque. Aquí explicamos qué quiere decir "firma nativa" cuando hablamos en serio, y dejamos clara la postura comercial: no cobramos por firmar, no mandamos al cliente a otra web, no obligamos a nadie a crear otra cuenta. **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, tres sub-bloques en columna a la derecha o en rejilla debajo. ### Textos - **H2:** Firma dentro del producto, sin herramienta aparte. - **Subtítulo / kicker:** Otros sitios venden "integración con DocuSign". Nosotros venimos con la firma puesta. - **Sub-bloque A, Qué quiere decir "firma nativa":** > **Lo que normalmente vive en un servicio externo, aquí vive en la misma ficha.** Las plantillas son tuyas, los campos están definidos en tu cuenta, el canvas corre en tu navegador, el PDF lo genera el propio OfiHQ y el archivo se guarda junto al resto de documentos del empleado. No hay integración que mantener, ni factura adicional cada mes, ni una pantalla distinta donde buscar. - **Sub-bloque B, Qué hace OfiHQ por ti:** > **Rellena, estampa, archiva, notifica y deja rastro.** Sustituye variables en la plantilla, estampa la firma personal del remitente si la tiene guardada, genera el PDF firmado, lo archiva en la categoría "Contratos", envía el documento por email al cliente cuando toca y anota cada paso en el log de la firma. Todo eso ocurre de fondo, mientras tú sigues con lo siguiente. - **Sub-bloque C, Qué NO hacemos:** > **Cobrártelo aparte, mandar al cliente a una web ajena ni obligar a nadie a abrirse cuenta.** Está incluido en el plan Todo incluido de OfiHQ, sin tope de firmas, sin paquetes por volumen, sin "Pro con auditoría". Tu cliente recibe el PDF firmado en el email que ya usa; no le pedimos una contraseña para leerlo. **Microcopy al pie del bloque:** > ¿Estás hoy pagando DocuSign o Adobe Sign aparte y archivando los PDFs firmados a mano? Tiene arreglo, y no pasa por integrarlos. --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que no es "un buen módulo de firmas", sino "firmas que se benefician de tener CRM, documentos y asistente de IA al lado". Aquí se hace visible otra vez el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo correspondiente. ### Textos - **H2:** Tus firmas no viven solas. - **Kicker:** Conectadas con el cliente, con el repositorio documental y con el asistente, sin exportaciones ni integraciones de terceros. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con el CRM | Del cliente a la firma, sin abrir otra app. | Elige un cliente del CRM como destinatario y OfiHQ le manda el PDF firmado al correo. En su ficha queda el rastro de qué se envió y cuándo. | `/crm` | | Con documentos | El contrato firmado se archiva solo. | Al firmarse, el PDF queda colgado en [documentos](/documentos) como archivo del empleado en la categoría "Contratos", con las mismas visibilidades del resto del repositorio. | `/documentos` | | Con el asistente de IA | "¿Qué firmas siguen pendientes esta semana?" | El asistente entiende la pregunta, consulta el estado de las firmas y te devuelve la lista filtrada. No es un resumen, son los datos reales, con enlace directo a cada una. | `/asistente-ia` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("firma X contratos al mes desde OfiHQ, sin renovar su suscripción a DocuSign"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué herramienta de firma sustituyó, qué cambió en su día a día, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. Tono de colega que sabe, no de centro de ayuda. Respuestas de 2-4 líneas, honestas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿El cliente tiene que crear cuenta en OfiHQ para recibir el contrato? > No. El cliente del CRM no entra a la aplicación ni abre cuenta: tú firmas tu parte desde la ficha y OfiHQ le envía el PDF firmado como adjunto al correo que ya tiene registrado. En tu lado queda anotado qué se envió, cuándo, y a quién. Si más adelante el cliente quiere devolverte su firma manuscrita, lo hace fuera de OfiHQ, como ya lo haría con cualquier contrato físico. #### 10.2 ¿Tengo que dibujar la firma cada vez que envío un contrato? > No. Cada empleado puede guardar su firma manuscrita una sola vez en su perfil: la dibuja sobre el canvas, la guarda y desde ese momento el sistema la estampa en cualquier plantilla donde figure como remitente. El canvas vuelve a aparecer sólo para el destinatario, cuando no tiene firma guardada o cuando la plantilla incluye su campo específico. #### 10.3 ¿Puedo usar mis propias plantillas de contrato? > Sí. Las plantillas viven en la configuración de la cuenta y llevan campos tipados, nombre, fecha, texto libre, firma, que el sistema rellena a partir de los datos del destinatario. Variables como el nombre del receptor, el día, el mes o el año se sustituyen automáticamente al crear cada firma; los campos libres los rellenas al enviar. Son tus contratos, con tu lenguaje y tus cláusulas. #### 10.4 ¿Dónde queda el PDF firmado cuando se cierra el contrato? > Para contratos internos (empleado↔empleado), OfiHQ genera el PDF al firmarse y lo archiva como documento del empleado firmante en la categoría "Contratos" del módulo [documentos](/documentos). Aparece en el expediente de la persona con los permisos del resto del repositorio, RRHH, el manager del equipo y la propia persona. Para contratos con cliente, el PDF se envía adjunto al email y queda registrado en el lado interno; el cliente lo guarda como cualquier otro correo. #### 10.5 ¿Qué evidencia tengo de que una firma se hizo en una fecha concreta? > Cada firma lleva un log con tres eventos sellados por el sistema: creación, firma del remitente y firma del destinatario, cada uno con su momento exacto y, cuando procede, el empleado que lo ejecutó. Ese rastro queda ligado a la firma y no a una hoja aparte, así que si aparece una inspección laboral, un cliente pregunta por una fecha o surge un litigio, tienes el registro documentado dentro del mismo producto. #### 10.6 ¿Puedo disparar firmas desde el onboarding o desde el asistente de IA? > Sí a las dos cosas. Si una acción de alta es de tipo firma, el sistema la crea al arrancar el onboarding, resuelve al responsable según la política de la plantilla y el flujo del alta se cierra solo cuando el empleado firma. Desde el asistente puedes consultar firmas con filtros por estado, "¿qué contratos están firmados?", "¿cuáles quedan pendientes?", y recibir la lista real con enlace directo a cada una. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Prepara una plantilla esta tarde. Firma el primer contrato mañana. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso. Carga tu plantilla de contrato, dibuja tu firma una vez y envía el primero, el PDF firmado va a parar solo al expediente de la persona, y tú sigues con lo siguiente. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si estás firmando hoy con DocuSign, Adobe Sign o similares, te ayudamos a trasladar las plantillas y el archivo histórico de contratos firmados. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Modal de firma con canvas abierto sobre una plantilla de contrato (hero, lateral derecho). 2. Modal de firma con la plantilla al fondo y la firma manuscrita en curso sobre el canvas (bloque 6.1). 3. Perfil del empleado con su firma personal guardada y check de "se estampará automáticamente" (bloque 6.2). 4. Expediente del empleado con la pestaña "Documentos", un contrato firmado arriba con badge "Firmado hoy" y categoría "Contratos" (bloque 6.3). 5. Ficha de cliente del CRM con entrada de "Firmas enviadas" y vista previa del email saliente con PDF adjunto (bloque 6.4). 6. Línea temporal de eventos de una firma: creada, firmada por remitente, firmada por destinatario, con fechas (bloque 6.5). 7. Tarjeta de onboarding "Firmar contrato indefinido" marcada como completada con la firma asociada abierta (bloque 6.6). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas de empresa (evitar "ACME S.L.", mejor "Papelería Montes S.L." o similar) y personas plausibles. - Screenshots con bordes redondeados suaves y sombra ligera; nada de marcos ornamentales. - El canvas de firma se muestra con una firma manuscrita razonable (no una línea recta, no un garabato caricaturesco). - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Evaluar si usar un set abierto (Lucide, Phosphor) o encargar un juego pequeño y propio para el sitio. Mantener coherencia con la landing de `/facturacion` y `/proyectos`. **Consistencia con otras landings:** - El bloque "Cómo encaja con el resto de OfiHQ" (sección 6) mantiene la misma estructura visual que las landings hermanas (`facturacion.md`, `proyectos.md`). Los iconos deben coincidir con los ya definidos para CRM, Documentos y Asistente IA. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/crm`, `/documentos`, `/asistente-ia`. - [ ] CTAs apuntan al signup con `?source=firmas-digitales`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; el canvas de firma en las capturas tiene `alt` descriptivo; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. - [ ] Revisar que el copy no promete *firma cualificada* ni alineación con eIDAS, esos términos no aparecen en el material de origen y no los vamos a introducir sin verificación legal. --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C del orden de trabajo (ver §9 de `site-structure.md`): - La tarjeta de "Firmas digitales" en la home. - El bloque de firmas de `/funcionalidades`. - Un párrafo de apoyo en `/precios` que refuerce "sin módulo de firmas aparte". - La landing de `/documentos` reutilizará el bloque 6.3 como prueba visual del pitch "todo archivado donde toca". - La landing de `/crm` reutilizará el bloque 6.4 y la primera conexión de la sección 6 como argumento de "del cliente al contrato firmado en la misma ficha". - La landing de `/asistente-ia` reutilizará el bloque 6.6 como ejemplo adicional de consulta MCP sobre estado del workspace. - En comparativas futuras (si se retoman), el argumento diferencial *"Firma nativa, sin herramienta de firma aparte"* nace de la sección 5. ## Cited pages - facturacion/features/digital-signatures, firma digital nativa con plantillas, canvas HTML y auditoría: flujo interno empleado↔empleado, envío automático del PDF al cliente y disparo automático desde acciones de onboarding. - facturacion/features/documents, documentos compartidos del workspace con categorías por cuenta (incluida "Contratos"), visibilidad granular y registro de lecturas; es el destino natural de los PDFs firmados. ## Source refs - facturacion/app/models/signature.rb#Signature - facturacion/app/models/signature_log.rb#SignatureLog - facturacion/app/models/signature_image.rb#SignatureImage - facturacion/app/models/template_field.rb:5 - facturacion/app/middleware/signatures/add_sign.rb#Signatures::AddSign - facturacion/app/middleware/signatures/create_content.rb#Signatures::CreateContent - facturacion/app/middleware/signatures/create_from_action.rb#Signatures::CreateFromAction - facturacion/app/middleware/signatures/notify_employees.rb#Signatures::NotifyEmployees - facturacion/app/middleware/signatures/generate_document.rb#Signatures::GenerateDocument - facturacion/app/middleware/signatures/generate_pdf.rb#Signatures::GeneratePdf - facturacion/app/middleware/signatures/send_document_client_job.rb#Signatures::SendDocumentClientJob - facturacion/app/mailers/signature_mailer.rb#SignatureMailer - facturacion/app/controllers/main/signatures_controller.rb#Main::SignaturesController - facturacion/app/controllers/main/sign_ups_controller.rb#Main::SignUpsController - facturacion/app/components/signatures/signature_component.rb#Signatures::SignatureComponent - facturacion/app/middleware/mcp/tools/list_signatures.rb#MCP::Tools::ListSignatures - facturacion/app/middleware/documents/persistence.rb#Documents::Persistence - facturacion/app/models/document_category.rb#DocumentCategory ## ordenes-de-compra # Landing: `/ordenes-de-compra` > Borrador detallado del contenido de la página de módulo **Órdenes de compra** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/docs/facturacion/features/purchase-invoicing.md`, `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Pedidos a proveedor con aprobación, recepción y rastro, sin mails perdidos*. Es el ángulo más diferencial: lo que la mayoría de pymes españolas hoy resuelven a mano entre email, WhatsApp y una carpeta de PDFs, OfiHQ lo convierte en un ciclo ordenado con estados, firmas y avisos. **Ángulos secundarios** que deben aparecer sin protagonismo: - **Aprobación sin buzón**: el motor común de aprobaciones notifica al responsable, que aprueba o rechaza desde la misma app. - **Recepción parcial** que no se pierde: cantidad recibida línea a línea, estado intermedio visible, aviso al creador. - **Órdenes recurrentes** que se duplican en un clic, el proveedor de todos los meses sin rehacer el pedido. - **Histórico auditado**: cada paso del ciclo queda en un evento con fecha, autor y tipo. Útil para asesoría, auditoría interna y simple memoria del equipo. - **Cierre del círculo con la factura recibida**: la orden se cruza con la `PurchaseInvoice` cuando llega, y el PDF del proveedor queda adjunto. **Lo que evitamos:** - Hablar de "máquina de estados", "STI", "concerns" o cualquier jerga de stack. El comprador entiende *ciclo*, *estado* y *aviso*; no necesita nada más. - Prometer contabilidad o conciliación bancaria completa, no lo es, y la FAQ tiene que ser honesta en ese punto. - Presentar la integración con el CRM y con las facturas recibidas como "integraciones", son el mismo producto, y llamarlas así las debilita. - Urgencia artificial o contraejemplos peyorativos. El lector puede estar en Excel; no lo tratamos como si no supiera trabajar. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=ordenes-de-compra` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Órdenes de compra con aprobación y trazabilidad, OfiHQ | | `description` | Formaliza pedidos a proveedor, apruébalos sin salir del correo, marca lo que llega parcial y cierra el círculo con la factura recibida. Incluido en el plan Todo incluido de OfiHQ. | | `canonical` | `https://ofihq.es/ordenes-de-compra` | | `og:title` | Órdenes de compra, de principio a fin, OfiHQ | | `og:description` | Pedidos, aprobaciones, recepciones y facturas recibidas en el mismo producto. Sin mails cruzados, sin Excel paralelo. | | `og:image` | `og-ordenes-de-compra.png` (pendiente, captura de una orden con su histórico de eventos) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *órdenes de compra*, *software órdenes de compra pymes* - Secundarias: *aprobación de pedidos a proveedor*, *gestión de compras pyme*, *recepción parcial de mercancía*, *pedidos recurrentes a proveedor* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` con `applicationSubCategory` = "Procurement". - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Funcionalidades › Órdenes de compra. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. El ciclo completo de un pedido → bloque diferenciador (línea temporal) 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre emocional + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que OfiHQ gestiona órdenes de compra de verdad, con aprobación, recepción y rastro, y no sólo "pedidos" como concepto suelto. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de una orden de compra con su línea temporal visible, aprobada, pedida, parcialmente recibida, para que la promesa del titular se vea antes de leerla. ### Textos - **Eyebrow:** Compras para pymes españolas - **H1:** Pedidos a proveedor sin dejarlos en el correo. - **Lead:** > Crea una orden, mándala a aprobación, recibe el material y cierra con la factura, todo en la misma pantalla. El responsable recibe aviso cuando hay algo que firmar. Tu almacén marca lo que va entrando. Cada paso queda registrado. Y si el pedido se repite cada mes, lo duplicas en un clic. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu cuenta lista en menos de 5 minutos. --- ## 4. Sección 2, Tira de confianza **Cometido.** En una tira rápida, confirmar tres cosas que el visitante necesita ver para seguir bajando: que el flujo tiene aprobación real, que la recepción parcial está contemplada, y que existe trazabilidad, no promesas. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | ✍️ | **Aprobación integrada.** El responsable recibe aviso y decide desde la misma app. | | 📦 | **Recepción parcial.** Marca línea a línea lo que entra; el sistema lleva la cuenta. | | 🧾 | **Histórico auditado.** Cada cambio de estado queda registrado con fecha y autor. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una frase de titular y un párrafo corto. Sin dramatismo. ### Textos - **H2:** Las compras no se gestionan por correo. O no deberían. - **Párrafo:** > El pedido lo escribe alguien en un email. Lo aprueba el jefe respondiendo "ok" desde el móvil. Llega medio camión, el resto viene la semana que viene, y para cuando aparece la factura ya nadie recuerda qué cantidad se pidió ni quién la autorizó. Hacerlo en una hoja aparte es lo habitual. No debería serlo. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, cada una con titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, Una orden de verdad, no una nota suelta - **H3:** Una orden de verdad, no una nota suelta. - **Párrafo:** > Creas la orden con proveedor, fecha y líneas, cantidad y precio por ítem. El sistema exige al menos una línea para que nada se cuele vacío. La orden nace en borrador; cuando la tienes lista, la mandas a aprobación o la marcas directamente como pedida si no necesita firma. Sencillo cuando el pedido es pequeño. Riguroso cuando importa. - **Captura asociada:** Formulario de orden con proveedor seleccionado, tres líneas con ítems del catálogo y totales calculados. ### 6.2 Bloque 2, Aprobación sin salir del trabajo - **H3:** Aprobación sin salir del trabajo. - **Párrafo:** > Cuando la orden pasa a "pendiente de aprobación", el responsable recibe el aviso en la app. Aprueba o rechaza con un motivo, y la orden vuelve a la persona que la abrió con el resultado. Si alguien edita una orden ya aprobada, se pide una nueva ronda de firma automáticamente, no hay forma de cambiar cantidades por detrás. - **Captura asociada:** Bandeja del responsable con dos órdenes pendientes y el detalle de una con los botones "Aprobar" / "Rechazar". ### 6.3 Bloque 3, Recepción parcial bien llevada - **H3:** Llega medio pedido. Sin problema. - **Párrafo:** > Cuando el proveedor entrega una parte, el almacén marca la cantidad recibida línea a línea y la orden pasa a "parcialmente recibida". Cuando llega el resto, transita a "recibida" y el sistema completa las líneas que faltaban sin tocar lo que ya habías registrado. El creador de la orden recibe aviso en cada paso: sabe siempre en qué punto está lo suyo. - **Captura asociada:** Detalle de una orden con dos líneas en estado "recibida" y una tercera en "pendiente", con el botón "Recepcionar resto". ### 6.4 Bloque 4, Pedidos recurrentes, en un clic - **H3:** El proveedor del mes, sin rehacer el pedido. - **Párrafo:** > Si compras lo mismo cada cierto tiempo, el material de oficina mensual, el café de la sala, el repuesto trimestral, duplicas la orden anterior y cambias lo que haga falta. Mismo proveedor, mismas líneas, fecha nueva. Se queda en borrador para que la revises antes de enviarla. Lo que era un correo a buscar en el buzón pasa a ser dos clics. - **Captura asociada:** Vista de una orden con el botón "Duplicar" resaltado y, abajo, la nueva orden creada en estado borrador. ### 6.5 Bloque 5, Proveedores y categorías, bien ordenados - **H3:** Un solo sitio para tus proveedores. - **Párrafo:** > Alta de proveedor con sus datos, categorías configurables por cuenta (material, servicios, logística, lo que necesites) y la misma ficha se reutiliza en órdenes y en facturas recibidas. Nada de duplicar el proveedor en dos maestros distintos. Cuando la asesoría pregunta por un gasto, tienes al proveedor con todas sus operaciones a un clic. - **Captura asociada:** Vista de administración de proveedores con tres categorías distintas y un proveedor abierto con su histórico de órdenes y facturas. ### 6.6 Bloque 6, Todo el ciclo queda registrado - **H3:** Cada paso, con fecha y autor. - **Párrafo:** > Borrador, enviada, aprobada, pedida, recibida parcialmente, recibida, cerrada, cancelada, cada transición de una orden queda como un evento con fecha, persona y tipo. Si surge una duda seis meses después, sobre quién aprobó qué o cuándo llegó la mercancía, el histórico ya está hecho. Una inspección, una asesoría o tú mismo podéis reconstruir el orden sin adivinar. - **Captura asociada:** Línea temporal de una orden con siete eventos encadenados ("Enviada a aprobación, María", "Aprobada, Carlos", "Pedida, María", "Parcialmente recibida, almacén"...). --- ## 7. Sección 5, El ciclo completo de un pedido (bloque diferenciador) **Cometido.** La página entera orbita alrededor de este bloque. Aquí mostramos de un vistazo los nueve estados por los que pasa una orden y dejamos claro que no es un simple "estado abierto/cerrado", es un ciclo pensado para cómo funciona una compra real en una pyme. **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, línea temporal horizontal (o vertical en móvil) con los nueve estados a la derecha o debajo. Cada estado con un tooltip corto que se despliega al pasar. ### Textos - **H2:** Nueve estados que cubren cada punto del pedido. - **Subtítulo / kicker:** Una orden de compra no es "abierta o cerrada". Es un ciclo, y OfiHQ lo modela entero. - **Introducción (párrafo antes de la línea temporal):** > Desde que alguien apunta "hay que pedir esto" hasta que la factura del proveedor queda registrada, pasa más de lo que parece. Cada momento útil tiene su estado propio, no porque sí, sino porque cada uno desbloquea permisos, avisos y acciones distintas. Esto es lo que verás: - **Línea temporal (nueve estados):** | Estado | Qué significa | |---|---| | **Borrador** | La orden se está armando. Editable por su autor. No se ha enviado aún. | | **Pendiente de aprobación** | En la bandeja del responsable. Avisa por email y dentro de la app. | | **Aprobada** | Firmada. Lista para convertirse en pedido real al proveedor. | | **Rechazada** | El responsable dijo que no, con motivo. Vuelve al autor para ajustar. | | **Pedida** | El pedido ha salido al proveedor. A partir de aquí se espera mercancía. | | **Parcialmente recibida** | Ha llegado una parte. El resto sigue vivo en la orden. | | **Recibida** | Ha llegado todo. Las líneas se completan automáticamente. | | **Cerrada** | Factura recibida y conciliada. Ciclo terminado. | | **Cancelada** | La orden se anula antes de completarse. Queda en el histórico por motivo. | - **Microcopy al pie del bloque:** > ¿Tu proceso de compras es más sencillo? Puedes saltarte estados: si no usas aprobación interna, mueves directamente de borrador a pedida. Si sí la usas, el motor común de aprobaciones te la conduce. --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que no es "un buen módulo de compras", sino "compras que se benefician de tener el maestro de proveedores, el módulo de facturas recibidas y el de gastos al lado". Aquí se hace visible el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo correspondiente. ### Textos - **H2:** Tus pedidos no viven solos. - **Kicker:** Conectados con el maestro de proveedores, con tus facturas recibidas y con tus gastos, todo dentro del mismo producto. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con el CRM y proveedores | El mismo proveedor que pagas es el que pides. | Los proveedores viven en el mismo maestro que tus clientes, la misma ficha se usa al pedir, al recibir factura y al consultar histórico. | `/crm` | | Con facturación | De la orden a la factura recibida, sin rebuscar. | Cuando llega la factura del proveedor, la subes con el PDF adjunto y queda ligada al proveedor y, opcionalmente, a la orden que la originó. | `/facturacion` | | Con gastos | Lo que compras cuenta en el cierre. | Las facturas recibidas se llevan al módulo de gastos para que la asesoría cierre el trimestre con los datos ya puestos. | `/gastos` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("gestiona X órdenes al mes, de las cuales X% se duplican de un mes anterior"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué sustituyó, qué mejoró, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. Tono de colega que sabe, no de centro de ayuda. Respuestas de 2-4 líneas, honestas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿Qué diferencia hay entre una orden de compra y una factura recibida? > La orden de compra es el pedido que haces al proveedor antes de que llegue la mercancía o el servicio. La factura recibida es el documento que te manda el proveedor después, para que pagues. OfiHQ gestiona los dos: la orden marca lo que pediste, con aprobaciones y recepciones; la factura recibida cierra el círculo con el PDF del proveedor. Puedes usarlas juntas o por separado. #### 10.2 ¿Cómo funciona la aprobación? > Cuando una orden pasa a "pendiente de aprobación", el responsable asignado recibe aviso dentro de la app y por email. Abre la orden, ve las líneas y el total, y aprueba o rechaza con un motivo. El creador de la orden recibe la respuesta. El motor de aprobaciones es el mismo que usan otras partes del producto, así que los responsables no aprenden dos flujos distintos. #### 10.3 ¿Qué pasa si tengo que editar una orden ya aprobada? > El sistema detecta que la orden aprobada se ha modificado y exige una nueva ronda de aprobación. No se puede cambiar cantidades o precio "por detrás", el histórico registra la edición y la reaprobación como eventos separados. Si el cambio es menor y no quieres rehacer la firma, puedes cancelar la orden y abrir una nueva. #### 10.4 ¿Puedo recibir un pedido por partes? > Sí. El almacén entra en la orden y marca la cantidad recibida en cada línea. La orden pasa automáticamente a "parcialmente recibida" y el creador recibe aviso. Cuando llega el resto, marcas la recepción final y el sistema completa las líneas pendientes sin tocar lo que ya habías guardado. Si llega más o menos de lo esperado, lo reflejas tal cual, el histórico lo registra. #### 10.5 ¿Puedo duplicar una orden que repito cada mes? > Sí. Abres la orden anterior y la duplicas: el sistema crea una nueva con el mismo proveedor, las mismas líneas y fecha del día en borrador. Ajustas lo que haga falta, cantidades, precio, algún ítem, y la mandas a aprobación (o directamente a pedida, según tu flujo). Es la forma pensada para el proveedor de material de oficina, el café mensual, el repuesto recurrente. #### 10.6 ¿Dónde quedan las órdenes canceladas o rechazadas? > En el histórico, nunca borradas. Una orden cancelada o rechazada queda con su motivo, su fecha y la persona que tomó la decisión. Puedes filtrar por estado para revisarlas, y los eventos asociados siguen disponibles. Cuando alguien pregunta "¿qué pasó con aquel pedido de marzo?", la respuesta está a un filtro de distancia. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Pon orden en tus compras. Hoy mismo. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso. Si quieres, pides tu próxima orden esta misma tarde, con aprobación, recepción y rastro, sin mails sueltos. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si ya estás llevando tus compras en otra herramienta o en una hoja de Excel, te ayudamos a migrar proveedores, categorías e histórico. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Orden de compra con línea temporal visible: aprobada, pedida, parcialmente recibida (hero, lateral derecho). 2. Formulario de orden con proveedor, líneas del catálogo y totales (bloque 6.1). 3. Bandeja del responsable con órdenes pendientes y botones aprobar/rechazar (bloque 6.2). 4. Detalle de orden con dos líneas recibidas y una pendiente (bloque 6.3). 5. Orden anterior con botón "Duplicar" resaltado y nueva orden en borrador (bloque 6.4). 6. Admin de proveedores con categorías distintas y ficha de proveedor con su histórico (bloque 6.5). 7. Línea temporal de una orden con siete eventos encadenados y nombres de autor (bloque 6.6). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas de empresa y proveedor (evitar "ACME", mejor "Suministros Levante S.L." o similar) y cifras coherentes. - Screenshots con bordes redondeados suaves y sombra ligera; nada de marcos ornamentales. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Reutilizar el set ya definido para el resto de landings de funcionalidades. **Línea temporal de la sección 5:** - En desktop, horizontal con nueve nodos conectados. En móvil, vertical con los nueve nodos apilados. Cada nodo con tooltip corto; el estado activo se destaca con color primario. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/crm`, `/facturacion`, `/gastos`. - [ ] CTAs apuntan al signup con `?source=ordenes-de-compra`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; línea temporal de la sección 5 con texto alternativo que lea los nueve estados en orden. - [ ] Prueba en móvil: la línea temporal no hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C del orden de trabajo (ver §9 de `site-structure.md`): - La tarjeta de "Órdenes de compra" en la home. - El bloque correspondiente en `/funcionalidades`. - El argumento de cierre en `/precios` que refuerza "compras incluidas, sin módulo aparte". - La landing de facturación (`/facturacion`) enlaza a ésta desde el bloque "Cómo encaja con el resto de OfiHQ", conviene mantener tono consistente entre ambas al maquetar. - En comparativas futuras (si se retoman), el argumento diferencial *"aprobación de compras integrada, recepción parcial contemplada"* nace de las secciones 5 y 6.2/6.3 de esta página. ## recursos # Landing: `/recursos` > Borrador detallado del contenido de la página de módulo **Recursos compartidos** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/docs/facturacion/features/resources.md`, `projects/docs/facturacion/features/calendar.md`, `projects/brand/brand-voice.md`, `projects/ofihq/site-structure.md`. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *La sala que no se reserva dos veces, porque los recursos viven dentro del mismo OfiHQ*. Es el argumento que mejor diferencia al módulo de cualquier SaaS específico de *room booking* (Skedda, Robin, Joan): no es una herramienta a integrar, es una capa que nace del catálogo de ítems y se publica sola en el calendario. El gancho humano, el mensaje de colisión que nombra al compañero que ya tenía la reserva, es el detalle concreto que vuelve tangible esa diferencia. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Colisiones con rostro**: cuando alguien intenta reservar una sala ocupada, el sistema no sólo dice "ocupada", nombra al compañero y el tramo horario que tiene. - **Del catálogo al recurso**: cualquier ítem marcado como *reservable* se convierte en recurso automáticamente, hereda la oficina y aparece en el calendario. - **Agendas por fechas**: cada recurso puede tener un horario con vigencia (p. ej. "de 9:00 a 14:00 a partir del 1 de septiembre") sin solapar históricos. - **Horario estricto opcional**: si el recurso no se puede usar fuera de ciertos tramos, el sistema los impone; si se puede, deja flexibilidad. - **Panel de disponibilidad para managers**: porcentaje de ocupación diario por recurso, paginado, con filtros por oficina y empresa, descontando festivos. - **Reservas a un clic desde el calendario unificado y desde el asistente IA**, cada reserva se publica sin recargar, y el asistente puede enumerar recursos accesibles con la herramienta MCP `list_resources`. **Nota de terminología:** en OfiHQ "recursos" significa **salas, coches, proyectores y equipamiento compartido**, no personas. El brand voice es explícito: no hablamos de los empleados como recursos. La página debe dejarlo claro ya en el hero para que nadie aterrice esperando otra cosa. **Lo que evitamos:** - Vender esto como "un Skedda gratis dentro de OfiHQ". No es el mismo producto y la comparación pone el foco en la herramienta, no en el problema. El foco es "todo sale del mismo catálogo". - Llamar "recursos" a las personas. El producto existe para servirlas, no para contarlas. - Tecnicismos de implementación (`schedulable`, polimórficos `bookable`/`agendable`, `Bookings::Collider`, Turbo Streams). El comprador no compra eso. - Métricas de adopción o tiempo ahorrado sin respaldo cuantitativo. La página `resources.md` del wiki las marca como pendientes, no las inventamos. - Urgencia artificial ("¡Termina con las reuniones duplicadas hoy!"). Contradice el brand voice. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=recursos` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Reserva de salas, coches y equipos para pymes, OfiHQ | | `description` | Reserva salas de reuniones, coches y equipamiento compartido sin doble reserva. Recursos integrados en el catálogo, el calendario y el asistente IA de OfiHQ, incluidos en el plan Todo incluido. | | `canonical` | `https://ofihq.es/recursos` | | `og:title` | Recursos compartidos sin doble reserva, OfiHQ | | `og:description` | Salas, coches, proyectores y equipos que se reservan a un clic. Si alguien los tiene, el aviso lleva nombre y hora. Sin módulo aparte. | | `og:image` | `og-recursos.png` (pendiente, captura de un mensaje de colisión con el nombre del compañero y su tramo horario) | **Keywords target** (para orientar el copy, no para stuffear): - Primaria: *reserva de salas software*, *software reserva de recursos compartidos* - Secundarias: *reserva de coches de empresa*, *gestión de salas de reuniones pyme*, *room booking español*, *agenda compartida de recursos* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (compartido con el resto de páginas de módulo, mantener consistencia con `/facturacion` y `/proyectos`). - `FAQPage` generado desde la sección 10. - `BreadcrumbList`: Inicio › Funcionalidades › Recursos. --- ## 2. Estructura general ``` 1. Hero → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales, "above the fold" 3. El problema real → párrafo único, reconocimiento 4. Lo que hace (6 bloques) → cuerpo principal 5. Del catálogo al calendario → bloque diferenciador extenso 6. Cómo encaja con el resto de OfiHQ → 3 conexiones 7. Testimonio → condicional (si existe cliente real) 8. FAQ (6 preguntas) → cierre educativo + FAQPage schema 9. CTA final → cierre emocional + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que OfiHQ reserva salas, coches y equipos compartidos sin chocar con otra reserva, y que no es un producto aparte, nace del mismo catálogo que ya usa. Un CTA claro a la prueba gratuita. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de un modal de reserva mostrando el mensaje de colisión ("Ya la tiene Marta Ruiz, de 10:00 a 11:30"), refuerza el mensaje sin necesidad de leerlo. ### Textos - **Eyebrow:** Recursos compartidos para pymes españolas - **H1:** La sala que no se reserva dos veces. - **Lead:** > Reserva salas de reuniones, coches, proyectores o cualquier otro recurso de la oficina en la misma app donde facturas, gestionas proyectos y pagas nóminas. Si alguien ya tiene la sala, el aviso lleva su nombre y su hora, no un "ocupado" anónimo. Los recursos nacen del catálogo que ya tienes y se publican en el calendario del equipo sin configurar nada extra. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu cuenta lista en menos de 5 minutos. --- ## 4. Sección 2, Tira de confianza **Cometido.** Transmitir, visualmente y en una tira rápida, tres ideas que el visitante *necesita* confirmar antes de seguir bajando: que las colisiones están cubiertas, que hereda la estructura de oficinas y que no se paga aparte. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 🚫 | **Doble reserva imposible.** Si hay solape, el aviso nombra al compañero y su tramo horario. | | 🏢 | **Por oficina, por empresa o por recurso concreto.** Permisos, filtros y búsqueda tolerante a acentos. | | 🇪🇸 | **Incluido en el plan Todo incluido.** Sin módulo aparte, sin límite de salas ni de reservas. | *Nota de producción: sustituir los emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El problema real **Cometido.** Nombrar el dolor en la voz del visitante. Una sola frase de titular y un párrafo corto. Sin dramatismo, sin "¿Te suena esto?". ### Textos - **H2:** Reservar la sala no debería necesitar un WhatsApp del grupo. - **Párrafo:** > Una persona apunta la sala en un Excel compartido. Otra pide el coche por mensaje al del despacho de al lado. Alguien llega a la reunión y la sala está ocupada porque dos agendas no se hablaban. Montar un SaaS específico de *room booking* funciona, a cambio de integrarlo, aprenderlo, pagarlo aparte y que nunca acabe de saber quién trabaja en qué oficina. Hay otra forma. --- ## 6. Sección 4, Lo que hace (6 bloques) **Cometido.** El cuerpo de la página. Seis capacidades concretas, no un listado. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI asociada. **Estructura visual.** Rejilla de 2 columnas × 3 filas en desktop; stack vertical en móvil. Las capturas alternan lado (izquierda/derecha) en cada fila. ### 6.1 Bloque 1, Colisiones con nombre y hora - **H3:** Si está ocupada, el aviso tiene cara. - **Párrafo:** > Cuando dos personas intentan reservar el mismo recurso en tramos que se cruzan, el sistema rechaza la segunda y le dice quién la tiene y en qué horario. No un "ocupada" frío, el nombre del compañero y su tramo. Lo que antes era un mensaje genérico pasa a ser una conversación humana: sabes a quién preguntar y si tiene sentido moverla. - **Captura asociada:** Modal de nueva reserva con un aviso rojo: "Marta Ruiz ya tiene esta sala reservada de 10:00 a 11:30." ### 6.2 Bloque 2, Del catálogo al recurso, sin duplicar alta - **H3:** Los recursos nacen del catálogo que ya tienes. - **Párrafo:** > En OfiHQ los recursos son ítems del catálogo marcados como *reservables*. Creas o editas un ítem, activas el interruptor, y el recurso queda dado de alta con el nombre y la oficina de ese ítem. Si un día lo desmarcas, el recurso desaparece. No hay dos ficheros maestros que mantener sincronizados, el ítem que facturas y el recurso que reservas son la misma cosa. - **Captura asociada:** Formulario de edición de un ítem con el interruptor *Reservable* activado y el enlace al recurso recién creado. ### 6.3 Bloque 3, Agendas con vigencia por fechas - **H3:** Horarios que cambian con el tiempo, sin romper el histórico. - **Párrafo:** > Cada recurso tiene su propia agenda: lunes a viernes de 9:00 a 14:00, fines de semana sólo por la mañana, horario de verano distinto al de invierno. Cuando el horario cambia, defines la nueva agenda con fecha de inicio y el sistema cierra la anterior sin solapar. Las reservas antiguas quedan como estaban; las nuevas se miden contra la agenda vigente ese día. - **Captura asociada:** Formulario de alta de horario para una sala con fecha de inicio el 1 de septiembre y una agenda anterior archivada automáticamente. ### 6.4 Bloque 4, Horario estricto cuando hace falta - **H3:** Un interruptor decide si se puede reservar fuera de horario. - **Párrafo:** > Algunos recursos se pueden usar a cualquier hora (un proyector, un coche de pool). Otros no (una sala con cerrajería automática a las 20:00). Cada recurso tiene un interruptor de horario estricto: cuando está activo, el sistema rechaza cualquier reserva que caiga fuera del tramo disponible ese día, y lo dice indicando el rango válido. Cuando no, deja la decisión al equipo. - **Captura asociada:** Detalle de un recurso con la etiqueta "Horario estricto" y un mensaje de error: "La sala no está disponible a esa hora. Tramos libres del jueves: 09:00–14:00." ### 6.5 Bloque 5, Un panel semanal de ocupación, para managers - **H3:** Qué sala está libre, sin abrir seis agendas. - **Párrafo:** > El panel de disponibilidad enseña cada recurso con su porcentaje de ocupación diario, las horas contratadas, los minutos ya reservados y las horas libres, descontando festivos y tramos fuera de horario. Lo filtras por oficina, por empresa o por un recurso concreto. Paginado, para que veinte salas quepan en un vistazo. Pensado para la pregunta "¿dónde meto la reunión del jueves sin liarla?". - **Captura asociada:** Panel de managers con diez recursos en fila, cada uno con barra de ocupación en verde/ámbar y porcentaje numérico al lado. ### 6.6 Bloque 6, Búsqueda y filtros que aguantan la vida real - **H3:** Escribes "norte" y encuentras "Sala Norte". También "Norté". - **Párrafo:** > La búsqueda por nombre ignora acentos y mayúsculas: teclea parte del nombre y aparecen los recursos que lo contengan. Filtra por oficina cuando la empresa tiene varias sedes, por empresa cuando compartes cuenta con otras sociedades, y archiva los recursos retirados sin borrarlos, el histórico queda intacto. Lo que buscaste, lo encuentras; lo que retiraste, no estorba. - **Captura asociada:** Listado filtrado de recursos con tres salas, un coche y un proyector, con un selector de oficina en la parte superior. --- ## 7. Sección 5, Del catálogo al calendario (bloque diferenciador) **Cometido.** La página entera orbita alrededor de este bloque. Aquí explicamos por qué los recursos funcionan mejor dentro de OfiHQ que en un SaaS aparte, y dejamos clara la postura comercial: no cobramos por añadir lo que ya está dentro. **Estructura visual.** Fondo alternativo (color secundario del tema). H2 grande a la izquierda, tres sub-bloques en columna a la derecha o en rejilla debajo. ### Textos - **H2:** Una reserva que sabe dónde vive. - **Subtítulo / kicker:** El recurso hereda la oficina, los permisos y el calendario del resto de OfiHQ. No hay integración que configurar. - **Sub-bloque A, De dónde sale el recurso:** > **Del mismo ítem que ya tienes.** Cada recurso reservable nace de un ítem del catálogo marcado como *schedulable*. Hereda el nombre, la oficina y el color. Si ese ítem también se factura a un cliente (una hora de sala, un alquiler de coche), el recurso y la línea de factura son el mismo objeto desde el primer día. Sin duplicar datos maestros, sin reconciliar nada a mano. - **Sub-bloque B, Dónde aparece la reserva:** > **En el calendario unificado, sin mover un dedo.** Cuando guardas una reserva, se publica en el calendario compartido del equipo con el color del recurso y el nombre del compañero que la hizo. Si tu equipo tiene ausencias ese día, una reunión con un cliente o una tarea con fecha, todo aparece en la misma rejilla. Sin exportar, sin sincronizar, la vista se actualiza al instante para todos los afectados. - **Sub-bloque C, Qué NO hacemos:** > **Cobrarlo como módulo aparte, ni poner tope de salas.** Reservar recursos está incluido en el plan Todo incluido de OfiHQ. Sin límite de recursos, sin límite de reservas, sin "Pro" que desbloquee el panel de disponibilidad. Es parte del producto, no un complemento que se activa en un plan caro. **Microcopy al pie del bloque:** > ¿Hoy mantienes una app de *room booking* integrada con tu gestión? La primera sala que des de alta en OfiHQ te avisa cuando chocas, sin webhooks, sin SSO, sin proveedor extra. --- ## 8. Sección 6, Cómo encaja con el resto de OfiHQ **Cometido.** Demostrar que no es "un buen módulo de reservas", sino "reservas que se benefician de tener calendario, proyectos y asistente de IA al lado". Aquí se hace visible otra vez el pitch "reemplaza el stack". **Estructura visual.** Tres tarjetas horizontales con icono + titular + una línea. Cada tarjeta enlaza al módulo correspondiente. ### Textos - **H2:** Tus reservas no viven solas. - **Kicker:** Conectadas con el calendario, los proyectos y el asistente, sin exportaciones ni integraciones de terceros. | Conexión | Título | Cuerpo (1-2 líneas) | Enlace | |---|---|---|---| | Con el calendario | Cada reserva aparece en el calendario del equipo, al instante. | Se publica en la misma rejilla que las ausencias, las tareas y las reuniones, con el color del recurso. Sin recargar, sin re-apuntarla. | `/calendario` | | Con proyectos | Reserva la sala desde el proyecto que la está usando. | Si un ítem del catálogo se factura a un proyecto y es reservable, la reserva aparece junto al resto del trabajo del proyecto, no en una app aparte. | `/proyectos` | | Con el asistente de IA | "¿Qué sala hay libre el jueves por la tarde?" | El asistente enumera los recursos accesibles, filtra por oficina y te propone tramos libres. Las acciones de reserva pasan por preview y confirmación. | `/asistente-ia` | --- ## 9. Sección 7, Testimonio (condicional) **Cometido.** Aportar prueba social con un cliente real. **Si no hay cliente citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("gestiona X salas entre Y oficinas"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 6 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del cliente, 2-3 frases. Concreta: qué herramienta sustituyó, qué cambió en el día a día, tono honesto.]" > > **[Nombre Apellido]**, [Cargo], [Empresa, ciudad] --- ## 10. Sección 8, FAQ **Cometido.** Resolver las preguntas concretas que bloquean la decisión. Tono de colega que sabe, no de centro de ayuda. Respuestas de 2-4 líneas, honestas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 10.1 ¿Qué puedo reservar exactamente? > Cualquier ítem del catálogo que marques como reservable: salas de reuniones, coches de pool, proyectores, equipamiento técnico, despachos. En OfiHQ "recurso" significa un bien compartido del equipo, no una persona, los empleados tienen su propio espacio en el producto y no aparecen aquí. Si el activo está hoy en tu catálogo porque lo facturas o lo controlas, activarlo como reservable es un interruptor. #### 10.2 ¿Cómo evitáis que dos personas reserven la misma sala? > Cada reserva pasa por tres comprobaciones antes de guardarse: que el recurso esté disponible ese día si el horario es estricto, que el tramo no se solape con otra reserva existente, y que caiga dentro del horario del recurso ese día. Si falla la comprobación de solape, el aviso te dice el nombre del compañero que ya la tenía y su tramo horario. No se guarda nada mientras no pase las tres. #### 10.3 ¿Puedo impedir que se reserve una sala fuera de horario? > Sí. Cada recurso tiene un interruptor de horario estricto: al activarlo, cualquier reserva fuera de los tramos disponibles del día se rechaza con un mensaje que indica el rango válido. Si prefieres flexibilidad, p. ej. un proyector que se puede usar a cualquier hora, lo dejas desactivado y el recurso acepta reservas 24/7. #### 10.4 ¿Quién ve y reserva cada recurso? > Depende del rol y de la oficina. Los administradores ven todos los recursos de la cuenta. Los managers de oficina ven los suyos y los pueden configurar. Los empleados ven los recursos de sus oficinas accesibles y reservan sobre ellos. Los clientes externos que tengan acceso a la cuenta ven y reservan con las mismas reglas que un empleado interno. Todo eso lo resuelve el sistema a partir de la estructura de oficinas y la política de accesos, sin configurar permisos uno a uno. #### 10.5 ¿Cómo se ven las reservas en el calendario del equipo? > Cada reserva se publica automáticamente en el calendario unificado con el color y el nombre del recurso. Aparece junto a ausencias, tareas con fecha, reuniones con clientes y otras reservas de la oficina. El calendario se actualiza al instante para todas las personas afectadas: cuando alguien reserva, no hace falta recargar para verlo. #### 10.6 ¿Puedo consultar o crear reservas desde el asistente de IA? > Sí. El asistente reconoce instrucciones como "¿qué salas hay en la oficina de Madrid?" o "enumera los recursos disponibles esta semana". Para listar y buscar usa la herramienta MCP `list_resources`, que respeta los mismos permisos que la interfaz. Las acciones que escriben sobre el calendario pasan por un preview con los datos resueltos antes de guardar, el asistente nunca reserva a ciegas. --- ## 11. Sección 9, CTA final **Cometido.** Cierre. Un titular cálido, una promesa concreta, un CTA primario y otro secundario. Tono cercano, sin urgencia artificial. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Da de alta la primera sala hoy. Mañana ya sabrás si chocan. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso. Marca un ítem como reservable, configura su horario y deja que tu equipo pida el primer hueco, si dos personas chocan, lo verás con nombre y hora antes de la reunión. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si ya estás usando otra herramienta de reserva de salas, te ayudamos a migrar los recursos y su configuración de horarios. --- ## 12. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Modal de reserva con mensaje de colisión que nombra al compañero y su tramo (hero, lateral derecho). 2. Detalle de la colisión ampliado, con el mensaje completo (bloque 6.1). 3. Formulario de ítem con el interruptor *Reservable* activado y el recurso vinculado (bloque 6.2). 4. Alta de horario de recurso con fecha de inicio y agenda anterior cerrada automáticamente (bloque 6.3). 5. Rechazo de reserva fuera de horario con indicación del rango válido (bloque 6.4). 6. Panel de disponibilidad de managers con barras de ocupación por recurso (bloque 6.5). 7. Listado filtrado por oficina con búsqueda por nombre tolerante a acentos (bloque 6.6). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Nombres realistas: "Sala Norte", "Coche pool Madrid", "Proyector sala 2", evitar "ACME" o "Sala 1/2/3" genéricos. - Screenshots con bordes redondeados suaves y sombra ligera; nada de marcos ornamentales. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 2) y las conexiones con otros módulos (sección 6) necesitan iconografía propia. Evaluar si usar un set abierto (Lucide, Phosphor) o encargar un juego pequeño y propio para el sitio. **Color de hitos en el calendario:** - Las reservas heredan el color del recurso, definido al crearlo sobre la paleta HMS estándar. Las capturas que muestren calendario deben respetar ese criterio para mantener coherencia con la landing de `/calendario`. --- ## 13. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Enlaces internos verificados: `/precios`, `/calendario`, `/proyectos`, `/asistente-ia`. - [ ] CTAs apuntan al signup con `?source=recursos`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques; mensajes de error leídos por lector de pantalla. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px; el panel de disponibilidad degrada a lista apilable. - [ ] Sección de testimonio: publicada sólo si hay cliente real citable; en caso contrario, oculta sin dejar rastro. - [ ] Aclaración de terminología: el texto del hero deja claro desde el principio que "recursos" aquí son salas y equipos, no personas. --- ## 14. Ganchos al resto del plan - De esta landing se extraerá, en el bloque C del orden de trabajo (ver §9 de `site-structure.md`): - La tarjeta de "Recursos compartidos" en la home. - El bloque de recursos de `/funcionalidades`. - Un párrafo de apoyo en `/precios` que refuerce "sin tope de recursos ni de reservas". - La landing de `/calendario` ya cita el ángulo de "doble reserva imposible", esta página es el lugar donde ese argumento se desarrolla en profundidad; el `/calendario` debe enlazar aquí desde el sub-bloque correspondiente. - La landing de `/asistente-ia` reutilizará la instrucción de ejemplo "¿qué sala hay libre el jueves por la tarde?" como muestra de acción conversacional sobre recursos. - En el apartado de comparativas (si se retoman), el argumento diferencial *"room booking que nace del catálogo, no una integración"* nace de la sección 5. --- ## Cited pages - facturacion/features/resources, catálogo de recursos compartidos derivados del catálogo de ítems, agendas por fechas, colisiones que nombran al compañero, horario estricto opcional, panel de disponibilidad para managers, API REST y herramienta MCP para el asistente IA. - facturacion/features/calendar, calendario unificado donde se publican las reservas junto a ausencias, fichajes, tareas y reuniones (referenciado para la integración en la sección 6). ## Source refs - facturacion/app/models/resource.rb#Resource - facturacion/app/models/booking.rb#Booking - facturacion/app/models/item.rb#Item - facturacion/app/models/concerns/schedulable.rb#Schedulable - facturacion/app/middleware/resources/policy.rb#Resources::Policy - facturacion/app/middleware/resources/finder.rb#Resources::Finder - facturacion/app/middleware/resources/schedule.rb#Resources::Schedule - facturacion/app/middleware/items/persistence.rb#Items::Persistence#manage_resource - facturacion/app/middleware/bookings/persistence.rb#Bookings::Persistence - facturacion/app/middleware/bookings/collider.rb#Bookings::Collider - facturacion/app/middleware/schedules/generator.rb#Schedules::Generator - facturacion/app/middleware/calendar/for_resources.rb#Calendar::ForResources - facturacion/app/middleware/calendar/resource_search.rb#Calendar::ResourceSearch - facturacion/app/controllers/bookings_controller.rb#BookingsController - facturacion/app/controllers/admin/calendar/resources_controller.rb#Admin::Calendar::ResourcesController - facturacion/app/controllers/api/v3/resources_controller.rb#Api::V3::ResourcesController - facturacion/app/middleware/mcp/tools/list_resources.rb#MCP::Tools::ListResources ## verifactu # Landing: `/verifactu` > Borrador detallado del contenido de la landing SEO de alto valor **Verifactu** de ofihq.es. Bloque D del orden de trabajo (ver §9 de `site-structure.md`): landings SEO educativas que responden a una intención de búsqueda concreta y desembocan en el producto sin presión. Mismo patrón estructural que `facturacion.md` y `home.md` para permitir comparación. > Fuentes: `projects/docs/facturacion/features/verifactu.md`, `projects/docs/facturacion/features/invoicing-core.md`, `projects/docs/facturacion/features/tax-regimes.md`, `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md` (sección OfiHQ), `site-structure.md` §5.6 y §1, landing `/facturacion` como referencia de vocabulario. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *guía honesta y completa sobre Verifactu, escrita por gente que lo ha implementado*. La página no es un folleto del producto; es el recurso al que llega un visitante que busca "qué es Verifactu", "obligación Verifactu", "software Verifactu", y que quiere entenderlo antes de decidir. OfiHQ aparece como parte del paisaje, no como protagonista, y eso, paradójicamente, convierte mejor. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **El calendario real**, fechas de entrada en vigor por tipo de contribuyente, sin dramatismo. El visitante viene a resolver una duda fáctica. - **Lo que hace Verifactu y lo que no hace**, el nombre se confunde con "factura electrónica B2B" y con el QR; desenredarlo es parte del valor educativo. - **Requisitos técnicos traducidos**, huella SHA-256, firma XMLDSig, TLS mutua, envío SOAP: el visitante no quiere esa jerga. La traducimos a *"registro inviolable", "firma con tu certificado", "conexión segura", "envío directo a AEAT"*. - **Diferenciador comercial**, está incluido en OfiHQ sin módulo aparte, cuando muchos competidores lo facturan. Se menciona con sobriedad, no como pitch agresivo. **Lo que evitamos:** - **Alarmismo sobre sanciones**. El RD contempla multas, pero el tono "¡antes de que Hacienda te multe!" contradice brand voice §"No aggressive selling" y §"Countdown urgency". - **Jerga técnica como reclamo**. SHA-256, SOAP, X.509, XMLDSig son cómo se hace; la página habla de qué resuelve. - **Pitch de producto antes de educar**. El primer tercio de la página no menciona OfiHQ. Esto es deliberado: ganamos confianza porque el visitante confirma que la guía es útil por sí sola (el test del brand voice §"The Test" #1). - **"Consulta con tu asesor fiscal"** como descargo preventivo en cada párrafo. La página es informativa, no asesoramiento personalizado; lo decimos una vez, claro, al pie. - **Inventar cifras de "cuántas facturas Verifactu hemos procesado"** antes de tener métricas reales. Brand voice §"Success stories": mejor vacío que falso. - **Contradecir la landing `/facturacion`**. El bloque 7 de aquí (Cómo lo resuelve OfiHQ) es una versión expandida del bloque 5 de `facturacion.md`, no una nueva promesa. **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=verifactu` - Secundaria: **"Ver cómo lo hace OfiHQ"** → `/facturacion` (el CTA intermedio; convierte mejor que llevar directo a precios desde una landing educativa) - Terciaria, en cierre: **"Hablar con nosotros"** → `/contacto?source=verifactu` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Verifactu: qué es, a quién afecta y cómo cumplir, Guía 2026 | | `description` | Guía práctica sobre Verifactu (RD 1007/2023): qué exige la AEAT, a quién afecta y desde cuándo, qué debe hacer tu software de facturación y cómo lo resuelve OfiHQ de serie. | | `canonical` | `https://ofihq.es/verifactu` | | `og:title` | Verifactu explicado, Qué es y cómo cumplir sin comprar un módulo aparte | | `og:description` | La guía que hubiéramos querido encontrar cuando implementamos Verifactu en OfiHQ. Sin alarmismo, sin letra pequeña, con el calendario y los supuestos reales. | | `og:image` | `og-verifactu.png` (pendiente, composición tipográfica: "Verifactu" en grande sobre sello AEAT, sin mockups de producto). | **Keywords target** (orientativas; el copy nace del tema, no de la lista): - Primarias: *verifactu*, *qué es verifactu*, *cumplimiento verifactu*, *verifactu pymes* - Secundarias: *RD 1007/2023*, *anti-fraude 2025*, *software verifactu*, *obligación verifactu*, *verifactu autónomos*, *verifactu sociedades* - Long-tail: *cómo saber si me afecta verifactu*, *diferencia entre verifactu y factura electrónica*, *verifactu calendario 2026*, *programa facturación homologado verifactu* **Structured data a incluir (JSON-LD en ``):** - `Article` con `headline`, `datePublished`, `dateModified`, `author: "Laboratorio Web"`, `publisher`. - `FAQPage` generado desde la sección 9. - `BreadcrumbList`: Inicio › Verifactu. - `SoftwareApplication` *no* se incluye en esta página, es una guía, no una ficha de producto; la propia `/facturacion` lleva ese schema. --- ## 2. Estructura general ``` 1. Hero → titular sobrio + una promesa 2. Tira, tres confusiones habituales → desambiguación rápida, arriba 3. Qué es Verifactu → definición, contexto legal 4. A quién afecta y desde cuándo → tabla clara con fechas 5. Qué tiene que hacer tu software → requisitos traducidos 6. Qué NO es Verifactu → despejar la niebla B2B / FACe 7. Cómo lo resuelve OfiHQ → primera mención fuerte del producto 8. Los escenarios reales que cubrimos → casos que una pyme vive 9. FAQ extensa (8 preguntas) → FAQPage schema 10. CTA final → sobrio, sin urgencia 11. Nota legal al pie → descargo de asesoramiento ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante confirme que ha llegado al sitio correcto: *aquí van a explicarme Verifactu bien, y de paso hay un producto que lo hace*. Sin sensacionalismo, sin "¡Todo lo que necesitas saber antes de que sea tarde!". **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), una imagen sobria: una factura con el QR de AEAT, sin chrome de aplicación alrededor. El QR como protagonista visual basta, comunica "esto es de verdad" sin gritar. ### Textos - **Eyebrow:** Guía práctica · Actualizada abril 2026 - **H1:** Verifactu, sin letra pequeña. - **Lead:** > Qué es, a quién afecta, desde cuándo y qué tiene que hacer tu software. Una guía escrita por el equipo que ha implementado Verifactu en OfiHQ, con el mismo tono que le daríamos a un cliente que llama preguntando "oye, ¿esto me aplica o no?". - **CTA primaria:** `Ver cómo lo hace OfiHQ →` → `/facturacion` - **CTA secundaria:** `Prueba gratis 30 días` - **Microcopy bajo las CTAs:** La guía sigue siendo útil aunque no nos contrates. Seguid leyendo. --- ## 4. Sección 2, Tres confusiones habituales **Cometido.** Desambiguar de entrada. Mucho visitante llega con Verifactu mezclado en la cabeza con "factura electrónica B2B" y con el TicketBAI vasco. Aclarar esto arriba alivia al lector y nos da autoridad. **Estructura visual.** Fila de tres tarjetas pequeñas con titular + dos líneas. Tono conversacional. Sin iconos gritones. ### Textos **H2 del bloque:** Antes de seguir: Verifactu no es lo que mucha gente piensa. | Confusión | Aclaración | |---|---| | "Verifactu es lo mismo que la factura electrónica obligatoria de la Ley Crea y Crece." | **No.** Son dos normas distintas que coinciden en el tiempo. Verifactu (RD 1007/2023) ya está en vigor y aplica a todos. Crea y Crece es otra obligación, con reglamento aún en desarrollo. Más abajo las separamos bien. | | "Verifactu es sólo para autónomos." | **No.** Aplica a sociedades, autónomos y profesionales que emitan factura en España, con muy pocas excepciones. Lo que cambia por tipo de contribuyente son las fechas. | | "Si mi factura tiene QR, cumplo." | **No basta.** El QR es una pieza; Verifactu exige además firma digital, envío a AEAT, registro inalterable con huella encadenada y trazabilidad de errores y anulaciones. | **Microcopy al pie del bloque:** > Si alguna de estas tres confusiones era tuya, tranquila: son las más frecuentes. Sigamos. --- ## 5. Sección 3, Qué es Verifactu **Cometido.** Definir Verifactu con palabras humanas. Una vez con el marco legal, una vez con el "para qué sirve". Sin pegar el BOE, sin presumir de saberse el artículo 8. **Estructura visual.** Dos párrafos de texto a ancho de columna legible (60-75 caracteres). Sin cajas, sin fondo. Es la sección donde la tipografía hace todo el trabajo. ### Textos **H2 del bloque:** Verifactu, en una frase y en un párrafo. **Sub-bloque A, En una frase:** > Verifactu es el sistema con el que la Agencia Tributaria quiere asegurarse de que todas las facturas emitidas por empresas y autónomos en España queden registradas de forma inalterable, firmadas digitalmente y consultables por ella. **Sub-bloque B, Un poco más de contexto:** > El marco legal es el **Real Decreto 1007/2023**, que desarrolla la **Ley 11/2021 de Medidas de Prevención y Lucha contra el Fraude Fiscal**. La intención del legislador es impedir la doble contabilidad y el borrado de facturas: si una factura existe, tiene que quedar un rastro que AEAT pueda consultar. Para conseguirlo, el RD obliga a que los sistemas de facturación (SIF) generen un registro informatizado por cada factura, lo encadenen con el anterior mediante una huella criptográfica y lo firmen con el certificado del emisor. El contribuyente puede optar entre dos modalidades: quedarse en local con la obligación de conservar y aportar bajo requerimiento (*"no Verifactu"*), o remitir los registros a la sede electrónica de la AEAT en el momento de la emisión (*"sí Verifactu"*). La segunda modalidad descarga al emisor del deber de conservación y es la que recomendamos por defecto, es menos papeleo y más seguridad jurídica. **Sub-bloque C, Por qué el nombre "Verifactu":** > Porque las facturas emitidas por este sistema pueden ser **veri**ficadas, por el cliente que las recibe, por una inspección o por cualquier tercero con interés legítimo, escaneando el QR que incorporan. Ese QR apunta al validador oficial de la AEAT, que devuelve si la factura está registrada y si sus datos coinciden. Ese es el sentido literal del nombre. --- ## 6. Sección 4, A quién afecta y desde cuándo **Cometido.** Responder a la pregunta concreta con la que llega mucho visitante: *"¿me aplica a mí? ¿cuándo?"*. Tabla limpia, sin eufemismos. **Estructura visual.** Tabla a dos columnas con líneas horizontales sutiles. Debajo, una nota corta sobre excepciones. ### Textos **H2 del bloque:** A quién afecta y desde cuándo. **Kicker:** Verifactu aplica a la práctica totalidad de emisores de factura en España. Lo que cambia es la fecha. | Tipo de contribuyente | Obligación Verifactu | |---|---| | **Sociedades del Impuesto sobre Sociedades** (SL, SA, cooperativas, etc.) | En vigor desde **1 de enero de 2026**. | | **Autónomos y profesionales** en régimen general de IRPF | En vigor desde **1 de julio de 2026**. | | **Grandes empresas acogidas al SII** (Suministro Inmediato de Información) | **Exceptuadas de Verifactu**: siguen con el SII, que cumple con un canal más exigente. | | **Contribuyentes en territorios forales** (País Vasco, Navarra) | No aplica Verifactu estatal; se rigen por sus propios sistemas (TicketBAI en País Vasco, BATUZ Navarra). | | **Empresas y profesionales que ya emiten a AAPP vía FACe** | Siguen con FACe por obligación; Verifactu les aplica adicionalmente para el resto de su facturación. | **Nota al pie del bloque:** > Las fechas proceden del cuadro de entrada en vigor del RD 1007/2023 tras las modificaciones del Real Decreto-ley y las órdenes ministeriales de desarrollo. Si tienes un régimen mixto o una situación fronteriza, consúltalo con tu asesoría antes de tomar decisiones, esta guía es informativa, no asesoramiento fiscal. --- ## 7. Sección 5, Qué tiene que hacer tu software **Cometido.** El visitante llega con una pregunta operativa: *"¿qué requisitos debo exigirle a mi programa de facturación?"*. Traducimos el pliego técnico del RD a un checklist legible. Esta sección es el criterio que usará para evaluar cualquier software, el nuestro incluido. **Estructura visual.** Seis puntos con titular (verbo + resultado) y párrafo corto. Sin numeración pesada, una rejilla con bullets grandes. La intención es que el visitante pueda tachar mentalmente cada punto cuando evalúe una herramienta. ### Textos **H2 del bloque:** Qué tiene que hacer tu programa de facturación para cumplir. **Kicker:** Seis capacidades que el RD exige. Tu software tiene que tenerlas todas, no cinco de seis. #### 7.1 Firmar cada factura con certificado digital > Cada factura emitida se firma criptográficamente con el certificado de la empresa o profesional. Esa firma es la que garantiza que la factura proviene de quien dice provenir y no se ha modificado después. Tu software tiene que hacer esa firma por ti, si te pide que firmes a mano cada vez, no cumple con el flujo de Verifactu. #### 7.2 Registrar la factura en un orden inalterable > Cada factura queda enlazada con la anterior mediante una huella digital (un resumen matemático que cambia si cualquier dato de la factura cambia). Esa cadena impide borrar una factura del medio sin que se note. Tu software tiene que generar y conservar esa cadena por ti; tú no la ves, pero tiene que estar ahí. #### 7.3 Enviar cada registro a la AEAT al momento > En la modalidad Verifactu (la recomendada), el registro se manda a la sede electrónica de la AEAT en cuestión de segundos desde que emites la factura. El envío va por un canal autenticado con certificado del emisor en ambos extremos de la conexión. Si tu software te obliga a "darle a un botón para enviar", está fallando en la automatización que la norma asume. #### 7.4 Imprimir el QR oficial en cada factura > Toda factura emitida con Verifactu lleva un QR impreso que permite al receptor (o a un inspector) comprobar en la sede de la AEAT que esa factura existe y que sus datos no se han alterado. El QR tiene un formato concreto definido por AEAT; no vale cualquier QR genérico. Si el QR no responde o no apunta al validador oficial, no cumple. #### 7.5 Tramitar rectificaciones y anulaciones por el mismo camino > Una rectificativa (factura de abono) y una anulación no son papeles aparte: AEAT exige que también lleven su firma, su huella encadenada y su envío a la sede. Tu software tiene que gestionar el ciclo completo, no sólo la emisión, incluyendo el caso en que cancelas una rectificativa y la factura original vuelve a estar vigente. #### 7.6 Reintentar cuando la red falla y avisarte si algo se atasca > La conexión con AEAT puede fallar (la sede tiene ventanas de mantenimiento; la red de la oficina puede caerse). El software tiene que volver a intentar el envío automáticamente y, si tras varios intentos no lo consigue, dejar la factura en un estado reversible y avisar a quien la emitió, sin silencios, sin facturas que quedan "en el aire" sin nadie que lo sepa. **Microcopy al pie del bloque:** > Si estás evaluando un software, imprime esta lista y pregúntala. La respuesta más común cuando algo no se cumple es "eso está en nuestro roadmap". --- ## 8. Sección 6, Qué NO es Verifactu **Cometido.** Despejar activamente las confusiones que la sección 2 sólo insinuó. Particularmente la más tóxica: creer que cumpliendo con Verifactu ya cumples con la factura electrónica B2B. No es así. Esta sección salva tiempo al visitante y construye autoridad. **Estructura visual.** Tres bloques de desambiguación breves, con un título claro por cada confusión. Tono directo, sin rodeos. ### Textos **H2 del bloque:** Qué NO es Verifactu. #### 8.1 No es la factura electrónica obligatoria entre empresas (Ley Crea y Crece) > La **Ley 18/2022 "Crea y Crece"** introduce una obligación distinta: que las facturas entre empresas y profesionales se emitan en formato electrónico estructurado y se intercambien por plataformas intermediarias que informen a la AEAT. El reglamento que desarrolla esa obligación está todavía en trámite en el momento de escribir esta guía; las fechas de entrada en vigor se conocerán cuando se publique. Verifactu ya está aquí; Crea y Crece, no del todo, y son cosas diferentes. Tenemos una página aparte que desgrana las dos con más detalle: [facturación electrónica ante la AEAT](/facturacion-electronica-aeat). #### 8.2 No es el SII (Suministro Inmediato de Información) > El SII es el sistema que las grandes empresas ya usan para enviar a AEAT el detalle de sus libros registro de IVA de forma continua. Verifactu es menos exigente en la periodicidad y en el detalle, y está pensado para el resto de contribuyentes. Si estás en SII, no pasas a Verifactu: sigues en SII. #### 8.3 No es TicketBAI (País Vasco) ni BATUZ (Navarra) > El País Vasco y Navarra tienen su propia competencia fiscal y sus propios sistemas de facturación verificable, TicketBAI y BATUZ respectivamente, anteriores a Verifactu y con sus propias fechas. Si tributas en esos territorios forales, no te aplica Verifactu estatal; te aplica el sistema foral que corresponda. --- ## 9. Sección 7, Cómo lo resuelve OfiHQ **Cometido.** Primera mención fuerte del producto. Hasta aquí la página ha educado; ahora, con el visitante en contexto, le enseñamos cómo cada punto de la sección 5 está resuelto en OfiHQ. Sin tono de venta, con tono de demostración. **Estructura visual.** H2 grande + seis sub-bloques paralelos a los seis puntos de la sección 5, cada uno con una línea de título y dos de cuerpo. A la derecha, captura real de la línea temporal de una factura OfiHQ con los eventos "Enviado a AEAT", "Aceptado", "CSV recibido", "QR generado". ### Textos **H2 del bloque:** Cómo lo resuelve OfiHQ, punto por punto. **Kicker:** El mismo checklist de la sección anterior, resuelto en el producto. | Requisito del RD | Qué hace OfiHQ | |---|---| | **Firmar cada factura con certificado digital.** | Configuras tu certificado una vez al crear la cuenta y el sistema firma cada envío automáticamente. Algoritmo SHA-256 para el hash y para la firma, como exige la AEAT. Si tu certificado caduca, te avisamos con antelación. | | **Registrar la factura en orden inalterable.** | Cada factura guarda una huella SHA-256 encadenada con la de la factura anterior. Si intentas alterar una factura ya emitida, la cadena se rompe y la propia AEAT lo detecta. Tú no ves la cadena, la ves si hace falta una inspección. | | **Enviar a AEAT al momento.** | Tras emitir, el registro va a la sede electrónica por conexión TLS mutua con la cadena de certificados oficial de la sede. La respuesta de AEAT (CSV y timestamp) vuelve a la factura en segundos. | | **QR oficial en el PDF.** | El PDF generado lleva el QR con la URL al validador oficial (`ValidarQR`) de la AEAT. Tus clientes pueden escanearlo desde la factura en papel o en pantalla y comprobar que la factura existe con los datos correctos. | | **Rectificativas y anulaciones por el mismo camino.** | Cuando emites una rectificativa R1, se envía a AEAT con el bloque `ImporteRectificacion` y marca la factura original como rectificada. Cuando la cancelas, la original vuelve a quedar vigente, y AEAT se entera de la marcha atrás. Todo queda en el registro. | | **Reintentos y aviso si algo falla.** | Si la red falla, el sistema reintenta con backoff (hasta 5 intentos). Si tras los reintentos AEAT sigue sin responder, la factura vuelve a borrador y te notificamos con el motivo. Si AEAT rechaza por un dato incorrecto, el aviso dice exactamente qué mirar. | **Microcopy al pie del bloque:** > Todo esto pasa sin que toques nada: tú pulsas "emitir" y el resto lo hace el sistema. Si te interesa el detalle de cómo está construido, está documentado en la página de [Facturación](/facturacion). **CTA del bloque (enlace, no botón):** `Ver el módulo de facturación →` → `/facturacion` --- ## 10. Sección 8, Los escenarios reales que cubrimos **Cometido.** Aterrizar los requisitos en situaciones concretas que una pyme vive. No una lista de features, sino tres casos completos contados como microhistorias. Esta sección refuerza que hemos pensado en los bordes, no sólo en el camino feliz. **Estructura visual.** Tres tarjetas horizontales con escenario + qué pasa + por qué importa. Altura uniforme. ### Textos **H2 del bloque:** Los casos que no salen en los folletos. #### 10.1 La red del despacho se cae cuando estás emitiendo > Estás mandando las facturas del mes y la conexión del router cae. Has pulsado "emitir" en seis facturas y no sabes cuáles llegaron a AEAT y cuáles no. > > **En OfiHQ:** el sistema reintenta cada envío automáticamente. Las que lograron llegar quedan con su CSV; las que no, vuelven a borrador y reciben una notificación. Cuando te conectas de nuevo, sabes exactamente por dónde retomar, y la numeración de AEAT no se queda con huecos porque las que no llegaron no consumieron número de serie. #### 10.2 Emites una rectificativa y luego te das cuenta de que te equivocaste de rectificativa > Has hecho una rectificativa a la factura 2026/001, y al revisar con tu asesoría te dicen "no, ésa estaba bien, la que tocaba rectificar era la 002". > > **En OfiHQ:** cancelas la rectificativa. La factura 001 vuelve automáticamente a estado "enviada" (deja de estar marcada como rectificada) y AEAT se entera del movimiento con su propio registro de anulación encadenado. Emites la rectificativa correcta sobre la 002 y sigues. El rastro completo, emisión, rectificación, cancelación de la rectificación, rectificación correcta, queda documentado para la próxima inspección o para la gestoría. #### 10.3 AEAT rechaza una factura por un dato del cliente incompleto > Emites una factura a un cliente nuevo. AEAT responde "rechazada: el código postal es obligatorio". > > **En OfiHQ:** la factura queda en estado revisable, con la descripción exacta del rechazo pegada al evento. Corriges el dato del cliente, reemites y el sistema marca el reenvío con `Subsanación: S` y `RechazoPrevio: S`, los marcadores que AEAT espera para saber que no es una factura nueva sino la corrección de una anterior. No generas duplicados, no rompes numeración. --- ## 11. Sección 9, FAQ **Cometido.** Preguntas reales de contribuyentes reales. Respuestas de 3-5 líneas, honestas. Alimenta el `FAQPage` schema y resuelve las dudas que bloquean la decisión. **Estructura visual.** Acordeón con 8 preguntas, primera abierta por defecto. Generar `FAQPage` desde este contenido. ### Textos #### 11.1 ¿Me aplica Verifactu si soy autónomo? > Con alta probabilidad, sí. Verifactu aplica a autónomos y profesionales que emitan factura en España, salvo los acogidos al SII (muy pocos autónomos lo están) y los que tributen en territorios forales. Para autónomos del régimen general, la entrada en vigor es el **1 de julio de 2026**. Si tienes dudas sobre tu situación concreta, coméntalo con tu asesoría antes del verano, mejor llegar con tiempo. #### 11.2 ¿Me aplica si soy una SL? > Sí. Las sociedades del Impuesto sobre Sociedades están obligadas desde el **1 de enero de 2026**, salvo las que ya están en SII o las que tributen en territorios forales. Si tu SL emite facturas y tributa en territorio común, Verifactu aplica. #### 11.3 ¿Qué pasa si emito una factura y todavía no tengo Verifactu activo? > Antes de la fecha de entrada en vigor que te aplique, tus facturas siguen siendo válidas emitidas como las emites ahora. Después de esa fecha, las facturas emitidas sin un sistema que cumpla con Verifactu (o sin acogerse a la modalidad de conservación local) son sancionables conforme al RD. La sanción está pensada para emisores sistemáticos, no para un descuido puntual, pero el riesgo existe, no es una obligación simbólica. #### 11.4 ¿Necesito un certificado digital para usar Verifactu? > Sí. Verifactu exige que cada envío a AEAT vaya firmado con un certificado digital a nombre del emisor (o de un representante autorizado). Puedes usar el mismo certificado que ya usas para trámites con Hacienda, no hace falta uno específico. Si no tienes certificado, se solicita a la FNMT o a una autoridad certificadora equivalente; el proceso tarda días, no semanas, y te guiamos cuando creas tu cuenta en OfiHQ. #### 11.5 ¿Puedo mantener mi numeración de facturas al migrar a Verifactu? > Sí, y te recomendamos hacerlo. Verifactu no te obliga a empezar desde cero: sólo empieza a registrar las facturas que emitas a partir del momento en que lo actives. La numeración la llevas tú, con la serie que ya tengas. En OfiHQ, al migrar desde otro software, importamos el histórico sin enviarlo a AEAT (no lo exige la norma) y la próxima factura que emitas continuará la serie y sí entrará en Verifactu. #### 11.6 ¿Qué pasa con las facturas que ya emití antes de Verifactu? > No hay obligación retroactiva. Las facturas emitidas antes de tu fecha de entrada en vigor se rigen por la normativa anterior; no hay que enviarlas a AEAT con Verifactu. Conviene conservarlas como hasta ahora (obligación general de cuatro años; seis si hay elementos pendientes de prescribir). En OfiHQ puedes importarlas al histórico para mantener la contabilidad completa en un solo sitio. #### 11.7 ¿Cambia algo si facturo a clientes de la UE? > El flujo Verifactu es el mismo; lo que cambia es el régimen fiscal declarado en el registro. Una factura intracomunitaria se envía a AEAT con la clave de régimen 08 (intracom) y tipo de operación N2 (no sujeta), sin IVA repercutido. En OfiHQ, el régimen se deduce automáticamente del país del cliente, tú no tocas casilla. Más detalle en la página de [facturación](/facturacion). #### 11.8 ¿Cuesta dinero usar Verifactu? > AEAT no cobra por usar Verifactu, es un servicio público. Lo que cuesta, si algo, es el software que lo implemente. Muchos programas lo facturan como módulo aparte con tarifa mensual adicional o por tramo de facturas enviadas. **OfiHQ lo incluye en el plan Todo incluido sin cargo adicional, sin límite de volumen y sin recargos futuros cuando la AEAT evolucione la norma.** Puedes ver el [detalle de precios](/precios). --- ## 12. Sección 10, CTA final **Cometido.** Cierre sobrio. La página ha educado; el visitante decide si quiere seguir con nosotros. Ni urgencia ni "¡No te juegues una multa!". **Estructura visual.** Bloque a pantalla completa con fondo diferenciado (sutil, no un degradado chillón). Texto centrado. Dos botones. ### Textos - **H2:** Si te ha servido la guía, te va a servir el producto. - **Párrafo:** > OfiHQ lleva Verifactu de serie desde el primer día. Lo implementamos nosotros, no tiramos de un conector de terceros, y está incluido en el plan Todo incluido sin cobrártelo aparte. Puedes probarlo 30 días gratis y emitir tu primera factura Verifactu esta misma tarde si ya tienes certificado. - **CTA primaria:** `Crea tu cuenta gratis →` → `https://app.ofihq.com/signup?source=verifactu-footer` - **CTA secundaria:** `Hablar con nosotros` → `/contacto?source=verifactu-footer` - **Microcopy bajo las CTAs:** Si prefieres seguir leyendo antes, la página de [Facturación](/facturacion) cuenta cómo funciona el ciclo completo dentro del producto. --- ## 13. Sección 11, Nota legal al pie **Cometido.** Descargo claro, en un solo sitio, sin salpicar la guía con asteriscos. Brand voice §"Calmly and helpful", ni se esconde, ni asusta. **Estructura visual.** Párrafo pequeño, tipografía secundaria, sobre fondo plano. Al final de la página, antes del footer general del sitio. ### Textos > Esta guía es informativa y refleja el estado normativo de Verifactu y el RD 1007/2023 a fecha de **abril de 2026**. No sustituye al asesoramiento fiscal profesional. Si tu situación tiene aristas (régimen especial, territorios forales, tránsito entre SII y régimen general, etc.), consulta a tu asesoría antes de tomar decisiones. OfiHQ actualiza esta página cuando la norma cambia; si ves algo desactualizado, [avísanos](/contacto). --- ## 14. Notas de maquetación y assets **Capturas y gráficos necesarios** (por orden de aparición): 1. Hero: PDF de una factura real con el QR AEAT visible, sin chrome de aplicación, fotografía o render limpio. 2. Línea temporal de eventos de una factura OfiHQ con "Enviado a AEAT → Aceptado → CSV: XXXX", asset compartido con `/facturacion` (bloque 6.6), reutilizable. 3. Iconografía sobria (sin emojis en producción) para la tira de "tres confusiones" (sección 4). Mismo set que `/facturacion`. 4. OG image (`og-verifactu.png`): composición tipográfica, sin mockups, la página es una guía, no una ficha de producto. **Tratamiento visual:** - Página larga, densidad alta de texto, justifica un ancho de columna estricto (60-75 caracteres por línea) y mucho espacio vertical entre bloques. - Tabla de "a quién afecta" (sección 6) con líneas horizontales finas, sin rayado alterno; elegante antes que vistoso. - Fondo alternativo sólo en **una** sección (la 10, cierre). Todo lo demás, fondo plano. La guía pide respiración, no zebra. - Tipografía del cuerpo: la misma que `/facturacion` y la Home. Los H2 marcan las secciones sin necesidad de iconos. **Accesibilidad:** - Acordeón FAQ con `aria-expanded`, navegable por teclado. - Tabla de "a quién afecta" con `` y `` explícitos. - Contraste AA en la nota legal (es pequeña; el contraste no puede ser gris sobre gris). - Enlaces internos con `aria-describedby` cuando aclaran destino (ej. el enlace a `/facturacion-electronica-aeat`). **Rendimiento:** - Cero JS salvo el acordeón de FAQ. Vanilla, sin librerías. - La única imagen pesada es la del hero; optimizar a `` de `astro:assets` con variantes. --- ## 15. Checklist antes de publicar - [ ] Fechas de entrada en vigor de la sección 6 verificadas con la última orden ministerial publicada. - [ ] Nota legal (sección 13) con la fecha de última revisión actualizada. - [ ] Enlaces internos verificados: `/facturacion`, `/facturacion-electronica-aeat`, `/precios`, `/contacto`. - [ ] CTAs con `?source=verifactu`, `?source=verifactu-footer`. - [ ] Structured data `Article`, `FAQPage` y `BreadcrumbList` presentes; validar con Rich Results Test. - [ ] OG image generada y pesando < 300 kB. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] Sin mockups inventados, sin cifras sin fuente, sin "X pymes ya cumplen" si no lo tenemos medido. - [ ] Accesibilidad: acordeón navegable por teclado; tabla con `th` correcto; contraste AA en la nota legal. - [ ] Prueba en móvil: tabla de "a quién afecta" legible (responsive sin scroll horizontal); cards de "tres confusiones" apiladas. - [ ] Revisión editorial final: que ningún párrafo use "¡", "¡Antes de que sea tarde!", "No te lo pierdas". Brand voice §"No aggressive selling". - [ ] Revisar que esta página no contradiga `/facturacion` (especialmente la sección 9, el "cómo lo resuelve OfiHQ" es coherente con los bloques 5 y 6 de `/facturacion`). --- ## 16. Ganchos al resto del plan - Esta landing alimenta: - El enlace "ver guía" del bloque Verifactu en la Home (sección 7 de `home.md`). - El enlace "/verifactu" en la FAQ 11.1 de la Home y en la FAQ 10.1 de `/facturacion`. - El enlace desde el footer del sitio (columna "Producto" de `site-structure.md` §4). - Esta landing consume: - Los bloques 5 y 6 de `/facturacion` (se expanden aquí sin contradecirlos). - Las preguntas 10.1, 10.2, 10.3 y 10.5 de la FAQ de `/facturacion` (se reformulan y amplían en las preguntas 11.1-11.5 de aquí). - Cambios que esta landing fuerza aguas arriba: - Si alguna fecha del cuadro de sección 6 cambia (orden ministerial nueva), se actualiza aquí y, en cascada, en la FAQ de `/facturacion` y en los micro-copy de `/precios` que mencionan Verifactu. - El posicionamiento "no cobramos Verifactu aparte", presente aquí en la sección 7, la FAQ 11.8 y el CTA final, debe mantenerse consistente con `/precios` y con la FAQ 10.6 de `/facturacion`. Si algún día hay un cambio de política comercial, las cuatro páginas se tocan a la vez. - Derivados que esta landing hará más fáciles de escribir (bloque E de contenido futuro): - Post de blog *"Qué mirar en el software de tus clientes para asegurar Verifactu"* orientado a gestorías (ángulo del wiki `verifactu.md` §Ángulos de marketing). - Post corto *"He emitido una factura y AEAT la ha rechazado, ¿y ahora qué?"* basado en la sección 10.3. - Vídeo de 60 segundos mostrando el flujo "pulsar emitir → QR → CSV" que refuerza visualmente la sección 9. ## facturacion-electronica-aeat # Landing: `/facturacion-electronica-aeat` > Borrador detallado del contenido de la landing SEO de alto valor **Facturación electrónica ante la AEAT** de ofihq.es. Bloque D del orden de trabajo (ver §9 de `site-structure.md`): página educativa que desenreda las tres "facturas electrónicas" que conviven en España hoy y sitúa a OfiHQ con honestidad respecto a cada una. Mismo patrón estructural que `verifactu.md` y `facturacion.md`. > Fuentes: `projects/docs/facturacion/features/verifactu.md`, `projects/docs/facturacion/features/invoicing-core.md`, `projects/docs/facturacion/features/tax-regimes.md`, `projects/brand/brand-voice.md` (especialmente §"No aggressive selling" y §"What we never do"), `projects/brand/messaging-matrix.md` (sección OfiHQ), `site-structure.md` §5.6 y §7, landing `/verifactu.md` como referencia cruzada, y `sectores/despachos-profesionales.md` §"Lo que evitamos" (advertencia sobre el tono Crea y Crece). --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *hacer de intérprete entre el ruido regulatorio y la pyme que quiere saber qué le toca hacer*. La expresión "factura electrónica" en España mezcla al menos tres obligaciones distintas, Verifactu, el envío a AAPP vía FACe y la obligación B2B de la Ley Crea y Crece, y el visitante llega mareado. La página ordena el paisaje, marca qué está en vigor y qué no, y explica con claridad qué cubre OfiHQ hoy y qué compromiso tenemos con lo que venga. La honestidad sobre el alcance del producto *es* el argumento competitivo, hay competidores que venden "factura electrónica lista" cuando lo que tienen es un PDF con QR. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Los tres marcos conviven, no se reemplazan**, Verifactu no sustituye a FACe y no sustituye a Crea y Crece. La página no simplifica en exceso. - **El calendario real de cada norma**, sin urgencia inventada, con las fechas como son. - **Qué cubre OfiHQ hoy y qué está en plan**, el diferenciador "todo incluido" incluye los cambios normativos futuros, pero no prometemos lo que aún no está implementado. - **El comprador informado es mejor cliente**, la página forma parte del producto, igual que `/verifactu`. **Lo que evitamos:** - **El gancho de miedo "Crea y Crece"**. Brand voice §"No aggressive selling" y la propia advertencia de `sectores/despachos-profesionales.md` §"Lo que evitamos": el lenguaje de urgencia sobre esta ley es, aparte de desagradable, suele impreciso, la norma está en reglamento y las fechas definitivas se han movido varias veces. - **Prometer Facturae / FACe / intermediarios B2B como si ya estuvieran en el producto**. Brand voice §"What we never do": ni media palabra de funcionalidad que no exista. - **Terminología jurídica sin traducir** ("SIF no Verifactu", "operador de recepción privada", "intercambio estructurado"). Se explica a ras de tierra o se deja para el enlace al BOE. - **Mezclar a última hora "¡y además firma digital, ¡y CRM, ¡y proyectos!"**. La página habla de una obligación; el resto del producto aparece con sobriedad, no como tira de tachones. - **Sobrecargar de siglas**. El lector se está educando; cada sigla nueva tiene un coste. FACe, AEAT, SII, TicketBAI, BATUZ, Facturae: presentarlas con nombre completo la primera vez y luego usarlas. **CTAs de la página:** - Primaria: **"Ver cómo factura OfiHQ hoy"** → `/facturacion` - Secundaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=factura-electronica` - Terciaria, en cierre: **"Hablar con nosotros"** → `/contacto?source=factura-electronica` Es intencional que la CTA primaria lleve a `/facturacion` y no al signup: una landing educativa convierte mejor llevando al lector al módulo concreto (donde reafirma) antes que al formulario (donde pone la tarjeta). --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Facturación electrónica y AEAT: Verifactu, Crea y Crece y FACe, explicadas | | `description` | Tres normas, tres confusiones: Verifactu, la obligación B2B de la Ley Crea y Crece y FACe para AAPP. Qué exige cada una, a quién aplica y qué cubre OfiHQ hoy. | | `canonical` | `https://ofihq.es/facturacion-electronica-aeat` | | `og:title` | Factura electrónica en España, Qué es qué y qué te toca cumplir | | `og:description` | Guía honesta sobre las tres "facturas electrónicas" que conviven en España: Verifactu, la B2B de la Ley Crea y Crece, y FACe para administración pública. | | `og:image` | `og-factura-electronica.png` (pendiente, diagrama tipográfico con las tres normas separadas). | **Keywords target** (orientativas): - Primarias: *factura electrónica aeat*, *facturación electrónica obligatoria*, *factura electrónica pymes* - Secundarias: *ley crea y crece factura electrónica*, *factura electrónica b2b*, *formato factura electrónica*, *obligación factura electrónica 2026* - Desambiguación: *diferencia verifactu y factura electrónica*, *factura electrónica frente a verifactu* **Structured data a incluir (JSON-LD en ``):** - `Article` con `headline`, `datePublished`, `dateModified`, `author: "Laboratorio Web"`, `publisher`. - `FAQPage` generado desde la sección 9. - `BreadcrumbList`: Inicio › Facturación electrónica AEAT. - `SoftwareApplication` *no* se incluye aquí, es una guía, no una ficha. --- ## 2. Estructura general ``` 1. Hero → titular educativo, sin alarmismo 2. Tira, "factura electrónica" en España son tres → marco visual de tres columnas 3. Verifactu (RD 1007/2023) → qué es, qué exige, estado 4. La factura electrónica B2B (Ley Crea y Crece) → qué es, qué falta por definir 5. FACe (facturación a AAPP) → contexto; no confundir con lo anterior 6. Qué significa esto para tu pyme hoy → orientación práctica, no venta 7. Dónde está OfiHQ en cada uno → honestidad sobre alcance actual y plan 8. Cómo evoluciona esto sin que te toque volver a pagar → compromiso comercial del "todo incluido" 9. FAQ (8 preguntas) → FAQPage schema 10. CTA final → sobrio 11. Nota legal al pie → descargo de asesoramiento ``` --- ## 3. Sección 1, Hero **Cometido.** Dejar claro en cinco segundos que la página va a poner orden. El titular no vende; aclara. El visitante ha buscado "factura electrónica AEAT" y llega con ruido en la cabeza, se le baja la ansiedad en el hero mismo. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), diagrama sencillo de tres bloques conectados, Verifactu, Crea y Crece, FACe, con una leyenda de estado ("en vigor", "pendiente de reglamento", "en vigor desde 2015"). Tipográfico, sin mockups. ### Textos - **Eyebrow:** Guía práctica · Actualizada abril 2026 - **H1:** Factura electrónica en España: no es una cosa, son tres. - **Lead:** > Cuando alguien dice *"la factura electrónica obligatoria"*, puede estar hablando de Verifactu, de la Ley Crea y Crece o de FACe, tres normas distintas, con calendarios distintos y exigencias distintas. En esta guía las separamos, te decimos cuál te aplica a ti y qué cubre OfiHQ hoy. - **CTA primaria:** `Ver cómo factura OfiHQ →` → `/facturacion` - **CTA secundaria:** `Prueba gratis 30 días` - **Microcopy bajo las CTAs:** La guía es útil también si ya tienes otro programa. Seguid leyendo. --- ## 4. Sección 2, Tres normas, un marco visual **Cometido.** Asentar el mapa mental antes de entrar al detalle. Tres columnas, cada una con nombre coloquial, base legal y estado. El visitante sale de este bloque sabiendo que son tres cosas, y vuelve cada vez que se pierde en el texto. **Estructura visual.** Tres columnas paralelas en desktop, apiladas en móvil. Cada columna: icono discreto, nombre, base legal, una línea de definición y un sello de estado (color sutil, no un semáforo gritón). ### Textos **H2 del bloque:** Tres normas que conviven, no se reemplazan. | Norma | Base legal | Qué es en una frase | Estado a abril 2026 | |---|---|---|---| | **Verifactu** | RD 1007/2023 · Ley 11/2021 | Registro inalterable y envío a AEAT de cada factura emitida. | **En vigor**: sociedades desde 1 ene 2026; autónomos desde 1 jul 2026. | | **Factura electrónica B2B** | Ley 18/2022 "Crea y Crece" · pendiente de reglamento | Que las facturas entre empresas y profesionales se emitan en formato estructurado e intercambiado por una plataforma. | **Reglamento en trámite**. Entrada en vigor escalonada, aún sin fecha definitiva. | | **FACe** | Ley 25/2013 · LFE 56/2007 | Punto único de entrada de facturas a las Administraciones Públicas. | **En vigor desde 2015** para todas las facturas a AAPP por importe superior al mínimo. | **Microcopy al pie del bloque:** > Cada una responde a un problema diferente: Verifactu quiere combatir el fraude interno; Crea y Crece quiere empujar la digitalización B2B; FACe quiere que las Administraciones reciban bien las facturas de sus proveedores. --- ## 5. Sección 3, Verifactu (RD 1007/2023) **Cometido.** Resumen honesto y corto. La página madre de Verifactu es [/verifactu](/verifactu); aquí damos lo esencial y enviamos allí para el detalle. **Estructura visual.** H2 + dos párrafos + bloque de "enlace destacado" a `/verifactu`. Sin tabla aquí, ya está en la guía dedicada. ### Textos **H2 del bloque:** Verifactu, el registro inalterable que ya está en vigor. **Párrafo 1, qué es:** > Verifactu es el nombre con el que se conoce al sistema que obliga a que todos los programas de facturación en España generen un registro inalterable por cada factura emitida, lo firmen digitalmente y lo envíen a la Agencia Tributaria al momento. La norma que lo regula es el **Real Decreto 1007/2023**, que desarrolla la **Ley 11/2021 de Prevención del Fraude Fiscal**. El objetivo: que no puedas borrar una factura del histórico sin que AEAT se entere. **Párrafo 2, qué implica:** > Para cumplir, tu programa de facturación tiene que hacer seis cosas: firmar con certificado digital, encadenar las facturas con una huella criptográfica, enviar cada registro a la sede electrónica de la AEAT, imprimir un QR oficial en el PDF, gestionar rectificativas y anulaciones por el mismo camino y reintentar si la red falla. Si cumples, tus clientes pueden escanear el QR y comprobar la factura en el validador oficial. **Bloque de enlace destacado (card grande):** > **¿Quieres el detalle?** En [/verifactu](/verifactu) tienes la guía completa: calendario por tipo de contribuyente, qué exige el reglamento, qué hace exactamente OfiHQ, qué no es Verifactu y una FAQ ampliada. > > `Leer la guía de Verifactu →` --- ## 6. Sección 4, La factura electrónica B2B (Ley Crea y Crece) **Cometido.** La sección más delicada de la página. El reglamento está en trámite y las fechas han bailado. Es tentador usar urgencia; sería el peor argumento de venta posible aquí. Explicamos con rigor, sin empujar. **Estructura visual.** H2 + tres párrafos + caja informativa ("estado a abril 2026") en un lateral. Sin tabla de fechas concretas, cualquier fecha que publiquemos aquí tiene más probabilidad de envejecer mal que de ayudar. ### Textos **H2 del bloque:** Ley Crea y Crece, la factura electrónica entre empresas que aún se está cocinando. **Párrafo 1, qué promete la ley:** > La **Ley 18/2022 "Crea y Crece"** introdujo en España, en su artículo 12, una obligación nueva: que todas las facturas emitidas entre empresas y profesionales establecidos en España se emitan en formato electrónico estructurado (no un PDF, no un Word) y se intercambien a través de una plataforma privada acreditada o, alternativamente, de una plataforma pública de referencia gestionada por AEAT. Es la ambición europea de pasar la facturación B2B a un formato legible por máquinas, con impacto en productividad y en el IVA. **Párrafo 2, qué falta:** > La ley fija el mandato, pero el **reglamento que la desarrolla**, el que define el formato concreto, las pasarelas acreditadas, la compatibilidad con Verifactu, los requisitos técnicos de los intercambios, el calendario real y las sanciones, estaba pendiente de aprobación cuando redactamos esta guía. Hasta que ese reglamento salga en el BOE, **no hay obligación exigible para la factura B2B**: lo que existe es el encaje legal esperando el desarrollo. Esto no es una opinión; es el estado actual del expediente normativo. **Párrafo 3, por qué lo traemos aquí:** > Lo contamos con detalle porque muchas páginas de producto, competidores, integradores, consultores, venden "factura electrónica lista" apoyándose en el eco de Crea y Crece, cuando lo que tienen es un PDF con QR (que es Verifactu) o un conector a FACe (que es AAPP, no B2B). La factura electrónica B2B obligatoria requiere intercambio estructurado (probablemente Facturae 3.2 u otro formato europeo como UBL) entre plataformas acreditadas. Eso no está todavía definido y, por tanto, ningún software lo puede cumplir hoy al 100 %. Lo que sí puede hacer un software serio es **prepararse para incorporarlo sin dolor** cuando el reglamento salga. **Caja informativa (lateral o al pie del bloque):** > **Estado a abril 2026.** El reglamento de la Ley Crea y Crece sigue pendiente de aprobación definitiva. El borrador más reciente (publicado para audiencia pública) contempla entrada en vigor escalonada por facturación anual, primero las empresas grandes, luego las pymes, y un período transitorio amplio entre ambas fases. Las fechas concretas se consolidarán con la publicación en el BOE. Actualizaremos esta página entonces. --- ## 7. Sección 5, FACe (facturación a AAPP) **Cometido.** Menos protagonismo que las dos anteriores, es un marco anterior y más acotado, pero conviene explicarlo porque mucho visitante busca "factura electrónica" pensando en el trámite con una administración. Brand voice §"Thoughtful and educational": aclaramos sin tratar al visitante como novato. **Estructura visual.** H2 + dos párrafos + una línea de "qué hacer si facturas a una AAPP". ### Textos **H2 del bloque:** FACe, la puerta única de las Administraciones Públicas. **Párrafo 1, qué es:** > **FACe** (*Punto General de Entrada de Facturas Electrónicas*) es la plataforma pública donde las Administraciones Públicas españolas reciben las facturas de sus proveedores. Lleva en vigor desde 2015 por la **Ley 25/2013** y obliga a que, salvo excepciones, cualquier factura a una AAPP por importe superior a 5.000 euros (el mínimo puede variar según la administración) llegue en formato estructurado **Facturae** y se remita por FACe o por un punto equivalente autonómico o local. **Párrafo 2, qué no es:** > FACe no es Verifactu y no es la obligación B2B que propone Crea y Crece. Es un trámite administrativo específico: si tienes clientes del sector público, te afecta desde hace años; si facturas sólo a empresas privadas o a particulares, **FACe no te aplica**, aunque algún competidor te haya sugerido que "ya cumples con la factura electrónica porque se puede enviar a FACe". **Línea operativa al pie del bloque:** > Si facturas a una AAPP, tu software tiene que poder exportar en formato Facturae y enviar a FACe (directamente o por integración). **OfiHQ, en abril de 2026, no cubre este flujo todavía**; la facturación al sector público es un plan que miraremos cuando tengamos base de clientes que lo pida. Si hoy facturas principalmente a AAPP, dínoslo y te guiamos a lo que te toca. --- ## 8. Sección 6, Qué significa esto para tu pyme hoy **Cometido.** La sección de orientación práctica. Tres perfiles típicos de pyme, tres respuestas concretas. Esta es la sección donde el visitante se reconoce y decide si quiere seguir con nosotros. **Estructura visual.** Tres tarjetas horizontales con perfil + qué tiene que hacer ya + qué puede esperar. Altura uniforme. ### Textos **H2 del bloque:** Lo que te toca hacer hoy, según tu caso. #### 8.1 Perfil 1, Facturas a empresas y particulares dentro de España > **Ejemplo:** eres una consultora, una agencia o un despacho profesional; tus clientes son otras empresas españolas y algún particular. No facturas a ninguna administración pública. > > **Lo que te toca ya:** **Verifactu**. Si eres SL, desde el 1 de enero de 2026; si eres autónomo, desde el 1 de julio. Asegúrate de que tu programa de facturación ya lo cumple, y sin cobrártelo como módulo aparte. > > **Lo que está por venir:** la obligación de factura electrónica estructurada B2B (Crea y Crece). Entrará escalonada tras la publicación del reglamento. Mientras tanto, tu factura normal con QR de Verifactu es legal y válida. #### 8.2 Perfil 2, Parte de tu facturación va a Administraciones Públicas > **Ejemplo:** construyes o prestas servicios a ayuntamientos, diputaciones, comunidades o a la AGE; el resto de facturas van a empresas privadas. > > **Lo que te toca ya:** **Verifactu** para todas tus facturas, **más FACe** para la parte administrativa. No es optativo: la factura a la AAPP tiene que ir en formato Facturae por FACe desde hace una década. > > **Lo que está por venir:** Crea y Crece afectará a tu facturación B2B privada cuando entre en vigor. Las facturas a AAPP seguirán su propio canal. #### 8.3 Perfil 3, Facturas a clientes de la UE fuera de España > **Ejemplo:** consultora o proveedor con clientes en Alemania, Francia o Italia; algunos en España, otros intracomunitarios. > > **Lo que te toca ya:** **Verifactu** para tus facturas (aplica también a las facturas emitidas a clientes intracomunitarios, la AEAT las quiere registradas igual, con clave de régimen 08). El régimen intracomunitario afecta al IVA, no al canal de envío. > > **Lo que está por venir:** Crea y Crece aplicará a las facturas entre empresas **establecidas en España**; las facturas a clientes UE se rigen por la directiva europea y por las reglas de cada país del cliente. La UE ha aprobado paquetes como *ViDA* (VAT in the Digital Age) que moverán el panorama intracomunitario en los próximos años. **Microcopy al pie del bloque:** > Si tu caso no encaja en ninguno (régimen foral, grupo de sociedades, SII, exención), consúltalo con tu asesoría. Cualquier guía general, ésta incluida, deja fuera los bordes. --- ## 9. Sección 7, Dónde está OfiHQ en cada uno **Cometido.** Esta sección es la declaración honesta de alcance. Sin exagerar, sin esconder. El visitante gana confianza porque no ve humo, y si lo que necesita ya está cubierto, se decide. **Estructura visual.** Tabla a tres columnas (Norma / Estado de OfiHQ / Detalle), con tres filas. Alineación a la izquierda; tipografía que permita leer la columna de "Detalle" de corrido. ### Textos **H2 del bloque:** Lo que OfiHQ cubre hoy, norma por norma. **Kicker:** Sin compromisos de roadmap vacíos. Si algo no está, lo decimos. | Norma | Estado en OfiHQ (abril 2026) | Detalle | |---|---|---| | **Verifactu (RD 1007/2023)** | **Implementado, incluido en el plan Todo incluido.** | Firma con certificado, huella SHA-256 encadenada, envío en tiempo real a AEAT por TLS mutua, QR en el PDF, rectificativas R1, anulaciones oficiales, reintentos automáticos y rollback si la sede no responde. Sin módulo aparte, sin cargo extra, sin tope de volumen. Detalle en [/verifactu](/verifactu). | | **Factura electrónica B2B (Ley Crea y Crece)** | **En preparación, pendiente de reglamento.** | Los datos que necesitará el formato estructurado (identificación fiscal completa del emisor y del receptor, desglose por línea con IVA, numeración por serie, fechas) ya se guardan en OfiHQ con el rigor que el reglamento adelantará. Cuando se publique el reglamento definitivo, incorporamos el formato y el canal de intercambio correspondientes en OfiHQ **sin coste adicional para los clientes en activo**, está cubierto por el compromiso "todo incluido" de nuestro precio. | | **FACe (facturación a AAPP)** | **No cubierto hoy.** | Si facturas principalmente al sector público, OfiHQ aún no resuelve tu flujo. Lo contemplamos cuando tengamos base de clientes que lo pida con volumen suficiente. En el ínterin, podemos aconsejarte qué combinar, [escríbenos](/contacto) y te orientamos sin compromiso. | **Microcopy al pie del bloque:** > Este cuadro se actualiza cada vez que cambia algo, o en el producto, o en la norma. Si lo lees dentro de seis meses, mira la fecha de la sección 11. --- ## 10. Sección 8, Cómo evoluciona sin que te toque volver a pagar **Cometido.** Explicitar el compromiso comercial: cuando el reglamento salga, OfiHQ se adapta y el cliente no paga extra. Es uno de los tres hilos que el sitio carga (§1 de `site-structure.md`: "todo incluido"). Aquí aterrizado en el caso específico del cambio normativo. **Estructura visual.** Bloque a fondo alternativo (único de la página, como en `/verifactu`). H2 grande + tres viñetas cortas. ### Textos **H2 del bloque:** Cuando la norma cambia, el producto cambia. Tu plan, no. **Kicker:** El compromiso "todo incluido" cubre los cambios regulatorios, no sólo las funciones de hoy. **Viñeta 1:** > **Verifactu seguirá evolucionando.** AEAT puede introducir nuevos campos, endurecer validaciones, cambiar el canal. OfiHQ incorpora esos cambios en el motor Verifactu sin replantearte el plan, lo mismo que ha pasado con cada iteración hasta hoy. **Viñeta 2:** > **Cuando salga el reglamento de Crea y Crece**, lo implementamos en OfiHQ: el formato estructurado que se acuerde, la pasarela que se homologue y el ciclo completo de recepción de facturas de proveedores en ese mismo formato. Si ya eres cliente, lo recibes como parte del producto, sin tarifa nueva ni addon. **Viñeta 3:** > **Si en el futuro tiene sentido cubrir FACe**, también entrará en el mismo paquete. No planeamos convertir las obligaciones regulatorias en una escalera de planes Pro, esa es la propuesta que queremos cambiar en el sector. --- ## 11. Sección 9, FAQ **Cometido.** Preguntas reales de contribuyentes reales. Respuestas de 3-5 líneas, honestas. Alimenta `FAQPage` schema. **Estructura visual.** Acordeón con 8 preguntas, primera abierta por defecto. ### Textos #### 11.1 ¿"Factura electrónica" y "Verifactu" son lo mismo? > No exactamente. Verifactu es un **sistema de registro y envío a AEAT** de las facturas que emites, con firma digital y QR. La **factura electrónica obligatoria** (Ley Crea y Crece) será un **formato estructurado intercambiado entre empresas por una plataforma acreditada**, cuando salga el reglamento. Verifactu es el paraguas que ya está abierto; la B2B obligatoria, el que se está cosiendo. Son complementarios, no sustitutos. #### 11.2 ¿Si cumplo con Verifactu, ya cumplo con la factura electrónica de Crea y Crece? > No. Verifactu resuelve el registro y el envío a AEAT; Crea y Crece exigirá un **formato estructurado** (un XML, no un PDF) y un **canal B2B** entre empresas. Un software que sólo cubra Verifactu no cumple automáticamente con Crea y Crece, pero es la mejor base posible para hacerlo cuando toque, porque ya tiene los datos estructurados y el rigor legal. #### 11.3 ¿Para cuándo es obligatoria la factura electrónica entre empresas? > A la fecha de esta guía (**abril de 2026**), el reglamento que desarrolla la Ley Crea y Crece aún no se ha publicado en su versión definitiva. El borrador más reciente planteaba entrada en vigor escalonada por facturación anual, pero las fechas definitivas dependen del BOE. Actualizaremos esta página cuando el reglamento se apruebe. Hasta entonces, **no hay obligación exigible** para la factura B2B. #### 11.4 ¿Y qué pasa con FACe? > FACe es la plataforma de entrada de facturas a las Administraciones Públicas, y lleva obligatoria desde 2015. Si facturas a un ayuntamiento, a una comunidad autónoma o a la Administración General del Estado, te aplica ya, en formato Facturae y por ese canal. FACe no es Verifactu; FACe no es Crea y Crece. Es una tercera cosa anterior a las otras dos. #### 11.5 Si no sé qué me aplica, ¿qué hago? > La sección 6 de esta guía separa tres perfiles habituales. Si el tuyo no encaja, régimen foral, grupo de sociedades, SII, autónomo con actividad mixta, lo correcto es **consultarlo con tu asesoría fiscal**. Esta página es informativa; tu asesoría tiene tu foto completa y firma los criterios. Si no tienes asesoría y quieres orientación genérica sobre el producto, [escríbenos](/contacto) y te decimos lo que podemos. #### 11.6 ¿Qué formato tendrá la factura electrónica obligatoria cuando entre en vigor? > El borrador del reglamento maneja **Facturae** (el formato XML español que se usa en FACe) como opción, pero contempla también otros formatos europeos estandarizados, UBL (*Universal Business Language*) y CII (*Cross-Industry Invoice*), para alinear con el marco comunitario. La decisión final la dará el reglamento. Lo que sí se sabe es que **el PDF no vale**: tiene que ser un formato estructurado, legible por máquina. #### 11.7 ¿OfiHQ va a cumplir con Crea y Crece cuando entre en vigor? > Sí, ése es el compromiso. Cuando el reglamento se publique y queden claros el formato, la pasarela y el calendario, incorporamos la factura electrónica B2B al producto. Está incluido en el plan Todo incluido sin cobro adicional, igual que Verifactu, ese es el sentido de nuestro precio "todo incluido". Lo que no prometemos es qué semana exacta estará lista desde la publicación del BOE; eso depende del detalle del reglamento y del esfuerzo de implementación. #### 11.8 Estoy mirando otro software que dice "tener la factura electrónica lista". ¿Cómo lo verifico? > Tres preguntas concretas para cualquier proveedor: (1) *¿Cumple con Verifactu hoy, incluido en el plan que me ofreces, sin módulo aparte?* (2) *¿Puede exportar facturas en Facturae y enviar a FACe para administración pública?* (3) *¿Qué planes tiene para incorporar la obligación B2B de Crea y Crece cuando salga el reglamento, y qué coste adicional va a tener para los clientes?* Las tres respuestas honestas, sin esquivar, te dicen con quién estás hablando. --- ## 12. Sección 10, CTA final **Cometido.** Cierre sobrio. La página ha sido útil; el visitante decide. **Estructura visual.** Bloque con fondo diferenciado (el mismo usado en la sección 10). Texto centrado. Dos botones. ### Textos - **H2:** Si te ha servido esta guía, te va a servir el producto. - **Párrafo:** > OfiHQ lleva Verifactu de serie y está preparado para incorporar la factura electrónica B2B cuando el reglamento de Crea y Crece se apruebe, sin coste adicional para quienes ya sean clientes. Si lo que necesitas hoy es Verifactu, empieza a facturar esta tarde. Si lo que necesitas mañana es Crea y Crece, seguimos aquí cuando toque. - **CTA primaria:** `Ver el módulo de facturación →` → `/facturacion` - **CTA secundaria:** `Prueba gratis 30 días` → `https://app.ofihq.com/signup?source=factura-electronica-footer` - **Microcopy bajo las CTAs:** ¿Dudas concretas sobre tu caso? [Hablemos](/contacto?source=factura-electronica-footer). --- ## 13. Sección 11, Nota legal al pie **Cometido.** Descargo claro, con la fecha de la última revisión visible. **Estructura visual.** Párrafo pequeño, tipografía secundaria, sobre fondo plano. Fecha en negrita para que cualquier lector futuro sepa si la guía está al día. ### Textos > Esta guía es informativa y refleja el estado de Verifactu (RD 1007/2023), la Ley 18/2022 "Crea y Crece" y el marco FACe a fecha de **abril de 2026**. No sustituye al asesoramiento fiscal profesional. El reglamento de desarrollo de Crea y Crece sigue pendiente de aprobación definitiva; las fechas de entrada en vigor de la obligación B2B se consolidarán con su publicación en el BOE. Actualizamos esta página cuando haya cambios; si encuentras algo desactualizado, [avísanos](/contacto). --- ## 14. Notas de maquetación y assets **Capturas y gráficos necesarios** (por orden de aparición): 1. Hero: diagrama tipográfico con las tres normas, Verifactu, Crea y Crece, FACe, conectadas pero claramente separadas, con su estado. **Sin mockups de producto**: la página es educativa. 2. Sello "Actualizada abril 2026" (reutilizable entre páginas SEO, compartir con `/verifactu` y `/software-gestion-pymes`). 3. Bloque de enlace destacado a `/verifactu` (sección 5) con estética de "card con flecha", similar al cierre de bloques en `/facturacion`. 4. OG image (`og-factura-electronica.png`): el mismo diagrama del hero simplificado para redes sociales. **Tratamiento visual:** - Página larga y densa, ancho de columna estricto (60-75 caracteres), mucho espacio vertical entre secciones. - Tres columnas en la sección 4 deben mantenerse perfectamente paralelas en desktop; en tablet pasan a dos columnas sólo si el espacio obliga; en móvil, apiladas con separadores visibles. - La tabla de la sección 9 es la pieza que probablemente se cite desde redes; invertir en legibilidad (tipografía cómoda, líneas horizontales sutiles entre filas). - Fondo alternativo **sólo** en la sección 10 (compromiso "todo incluido"). El CTA final (sección 12) va sobre fondo plano si la 10 ya tiene contraste. **Accesibilidad:** - Las tres tarjetas de la sección 8 (perfiles) tienen que ser navegables con tabulador y con etiquetas claras (`
` con `

` de perfil). - La tabla de la sección 9 con `` oculto visualmente pero leído por lectores de pantalla: "Estado de OfiHQ respecto a las tres normas de factura electrónica". - La nota legal (sección 13) no puede ser gris claro sobre blanco, contraste AA mínimo aunque sea pequeña. - Acordeón FAQ con `aria-expanded`, navegable por teclado. **Rendimiento:** - Cero JS salvo el acordeón. Vanilla. - La única imagen es el diagrama del hero; optimizar con `` de `astro:assets`. --- ## 15. Checklist antes de publicar - [ ] Fechas (sección 4 y sección 11) verificadas con el BOE más reciente en el momento de publicar. - [ ] Fecha de la nota legal (sección 13) actualizada. - [ ] Enlaces internos verificados: `/verifactu`, `/facturacion`, `/precios`, `/contacto`. - [ ] CTAs con `?source=factura-electronica` y `?source=factura-electronica-footer`. - [ ] Structured data `Article`, `FAQPage` y `BreadcrumbList` presentes; validar con Rich Results Test. - [ ] OG image generada y < 300 kB. - [ ] `title` (máx. 60 caracteres) y `meta description` (máx. 155). - [ ] Ninguna afirmación contradice `/verifactu`. - [ ] La sección 9 (dónde está OfiHQ) es literalmente cierta en abril de 2026, revisada con el equipo de producto antes de publicar. - [ ] La sección 10 (compromiso "todo incluido" frente a cambios normativos) se ha validado con quien firma los precios; es un compromiso comercial, no una promesa de marketing aislada. - [ ] Accesibilidad: tabla con ``, acordeón navegable por teclado, contraste AA en la nota legal. - [ ] Prueba en móvil: las tres columnas de la sección 4 se apilan bien; la tabla de la sección 9 no genera scroll horizontal. - [ ] Ninguna palabra en tono alarmista ("multas", "sanciones", "última oportunidad", "antes de que te cojan"). Revisión final dedicada a esto. --- ## 16. Ganchos al resto del plan - Esta landing consume: - La landing `/verifactu` para el resumen de la sección 5 y el enlace destacado. Si aquella cambia, esta debe revisarse para que no se contradigan. - Las promesas comerciales de `/precios` (especialmente la sección "Lo que NO cobramos aparte"), la sección 10 de aquí tiene que seguir siendo verdad cuando se lea `/precios`. - Esta landing alimenta: - El enlace del pie de la sección 6 de `/facturacion` ("Tenemos una guía clara en /verifactu" y, cuando llegue, referencia cruzada a esta página). - Una posible sección en el footer "Recursos" si el sitio añade esa columna (no está en `site-structure.md` §4 actualmente, si se añade, `/verifactu` y esta entran juntas). - El bloque SEO de cabeza de embudo del blog; posts tipo *"Qué vigila el reglamento de Crea y Crece que pocas pymes saben"* reutilizarán secciones 4 y 6. - Cambios que esta landing fuerza aguas arriba: - Cuando se apruebe el reglamento de Crea y Crece, las secciones 4, 6, 9 y 10 se reescriben en un mismo pase. El hero y el H1 probablemente no, siguen siendo válidos. - Si algún día OfiHQ cubre FACe, la sección 7 y la fila correspondiente de la sección 9 cambian; la página entera se revisa por coherencia. - Derivados que esta landing facilitará (bloque E de contenido futuro): - Post de blog corto *"Cómo elegir software sin que te metan gato por liebre con la 'factura electrónica'"*, derivado directo de la FAQ 11.8. - Post didáctico *"Verifactu, Crea y Crece y FACe: las tres facturas electrónicas que no son la misma"*, versión expandida de la sección 4, orientada a asesorías que reciben la misma pregunta de sus clientes. - Guión para vídeo corto (90 segundos) con el diagrama del hero animado: aparecen las tres normas con sus estados y se despejan los mitos comunes. ## sectores/agencias-creativas # Landing: `/sectores/agencias-creativas` > Borrador detallado del contenido de la landing sectorial **Agencias creativas y de marketing** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/ofihq/site-structure.md` (§5.7, §9), `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md`, landings de Bloque A (`proyectos.md`, `crm.md`, `firmas-digitales.md`, `facturacion.md`, `recursos.md`), `projects/ofihq/landings/sectores/despachos-profesionales.md` y `construccion-y-reformas.md` (referencia de plantilla sectorial). --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Cada cliente de la agencia tiene varios proyectos abiertos a la vez, iguala mensual, rebrand, web, campañas, lanzamientos, con propuesta firmada, horas del equipo imputadas, gastos pegados al proyecto y factura mensual con Verifactu*. El punto singular de una agencia frente a otros sectores (vs. despachos, vs. construcción): la convivencia de **iguala mensual recurrente** con **proyectos puntuales** sobre el mismo cliente, y las horas del equipo como la variable que separa el margen real de la ilusión. La landing se apoya en los módulos de **proyectos + parte de horas + firmas + facturación** y en el concepto de ficha de cliente con varios proyectos colgando. No hay dolor central combativo; la imputación de horas se trata con calma, no como reproche al equipo creativo (brand voice manda). **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Propuesta firmada digitalmente antes de arrancar.** El punto que separa "cliente que pidió presupuesto" de "proyecto en curso". - **Parte de horas simple.** Un minuto al día, no quince. Los creativos no rellenan formularios de Harvest en bucle, y lo reconocemos. - **Iguala mensual facturada mes a mes.** Desde la misma plantilla, con Verifactu cumplido. Sin automatización de subscripciones con cobro por pasarela (pero tampoco es lo que la agencia necesita). - **Estado del cliente en una pantalla.** Propuestas pendientes, horas consumidas, facturas vencidas, visible sin abrir cinco pestañas. - **Un cliente, varios proyectos abiertos.** La relación con el cliente no es un proyecto: es un flujo continuo con proyectos dentro. **Lo que evitamos:** - **Prometer email marketing / automations.** No somos HubSpot Marketing Hub, ActiveCampaign, Mailchimp ni similares. Se explica en FAQ, sin combatividad. - **Prometer planificación y compra de medios.** No somos AdEspresso ni Funnel.io ni ninguna herramienta de media buying. - **Prometer herramientas creativas.** No somos Figma, Miro, Adobe Creative Cloud. Obvio, pero a veces se pregunta. - **Prometer Gantt complejo + dependencias + ruta crítica.** No competimos con Asana Premium ni con Monday avanzado en planning técnico. Para lo que hace una agencia mediana en el día a día, lo que ofrecemos cubre el caso. - **Prometer timesheets avanzadas estilo Harvest.** Partes simples sí. Ratios por seniority, capacidad contratada vs. vendida y facturación automática por tarifa horaria, no. - **Hacer del "los creativos no imputan horas" una diana.** Reconocimiento sí; reproche no. Brand voice manda. - **Anglicismos innecesarios.** "Briefing" se acepta; "retainer" se menciona una vez en el cuerpo para que el lector reconozca que hablamos de lo suyo y se usa "iguala mensual" como principal. "Account" se evita ("cliente" es claro). - **Lenguaje startup-y.** Ningún "escala tu agencia" ni "unlock your agency potential". **Vocabulario sectorial acordado:** | Término OfiHQ | En esta landing | |---|---| | proyecto | **proyecto** (natural; sin cambio) | | tarea | **tarea** (sin cambio) | |, | **propuesta** (principal) / *presupuesto* (sinónimo comercial) | |, | **iguala mensual** (principal) / *retainer* (mencionado una vez al pasar para reconocer el término del sector) | |, | **parte de horas** / *imputación de horas* | | cliente | **cliente** (principal); "cuenta" se evita, es jerga de agencia grande, ajena al tamaño de pyme española | | factura | factura (sin cambio) | **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=agencias-creativas` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Software para agencias de marketing y creativas, OfiHQ | | `description` | Propuesta firmada, parte de horas simple, iguala mensual facturada con Verifactu y varios proyectos por cliente. La agencia entera, cliente a cliente. Incluido en el plan Todo incluido. | | `canonical` | `https://ofihq.es/sectores/agencias-creativas` | | `og:title` | Cada cliente, con sus proyectos, sus horas y su factura del mes. | | `og:description` | La agencia gestionada cliente a cliente: propuesta firmada digitalmente, horas del equipo imputadas, iguala mensual con Verifactu y estado del cliente en una pantalla. | | `og:image` | `og-agencias.png` (pendiente, ficha de cliente con varios proyectos abiertos y panel de estado) | **Keywords target** (orientan el copy, no stuffing): - Primarias: *software agencia marketing*, *software agencia creativa*, *gestión proyectos agencia* - Secundarias: *timesheets agencia*, *parte de horas agencia*, *facturación agencia marketing*, *iguala mensual facturación*, *propuesta firmada digital agencia*, *software agencia diseño*, *software agencia comunicación* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (plantilla del sitio, `description` adaptada al sector). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Sectores › Agencias creativas y de marketing. --- ## 2. Estructura general ``` 1. Hero sectorial → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales 3. La agencia el lunes → reconocimiento del dolor 4. Así trabajas con OfiHQ (5 bloques) → cuerpo principal 5. Testimonio → condicional (si hay agencia citable) 6. FAQ (6 preguntas) → cierre educativo + FAQPage schema 7. CTA final → cierre cálido + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que la agencia se lleva cliente a cliente, con todos los proyectos de ese cliente abiertos, firmas, horas y factura mensual en la misma ficha. Titular concreto y enumerativo ("proyectos, horas, factura"), sin prometer lo que no hacemos. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de una ficha de cliente con tres o cuatro proyectos abiertos (iguala mensual, rebrand, web, campaña) y un panel de estado, el mensaje entero en una imagen. ### Textos - **Eyebrow:** Para agencias de marketing, diseño, comunicación y creativas - **H1:** Cada cliente, con sus proyectos, sus horas y su factura del mes. - **Lead:** > Propuesta firmada antes de arrancar, horas del equipo imputadas a cada proyecto, gastos pegados al proyecto que los generó y la iguala mensual emitida con Verifactu. Todo lo que haces para un cliente vive debajo de ese cliente, sin hojas de horas en paralelo, sin rebuscar a fin de mes qué se hizo y por quién. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. Tu primera ficha de cliente montada esta misma tarde. --- ## 4. Sección 2, Tira de confianza **Cometido.** Tres claims rápidos que una agencia necesita confirmar: que la propuesta se firma digital, que el parte de horas es simple, que las facturas mensuales cumplen Verifactu. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | ✍ | **Propuesta firmada antes de arrancar.** Envío por email, firma desde el móvil, archivada en el proyecto. | | ⏱ | **Parte de horas en un minuto al día.** Por persona y proyecto, sin veinte campos que rellenar. | | 🧾 | **Verifactu en la iguala mensual.** Emites cada mes desde la misma plantilla, cumpliendo de serie. | *Nota de producción: sustituir emojis por iconografía propia en la maqueta.* --- ## 5. Sección 3, La agencia el lunes (el problema real) **Cometido.** Reconocer el dolor operativo de una agencia pequeña o mediana sin convertirlo en reproche al equipo creativo. Observación calmada, fiel a brand voice. Se nombran las herramientas habituales (Monday, Toggl, el Excel de horas, la responsable de cuentas actuando de pegamento) sin atacarlas. ### Textos - **H2:** El lunes, nadie sabe exactamente qué hicimos para Cliente X la semana pasada. - **Párrafo:** > El Monday está a medio rellenar; el Toggl sólo lo pone al día la mitad del equipo; el Excel que cruza horas consumidas con iguala lo mantiene la responsable de cuentas entre dos cafés. A final de mes, la iguala se factura sin saber si te has quedado corto o te has pasado, y los proyectos puntuales se cobran con un presupuesto que se mandó hace tres meses y que el cliente nunca firmó formalmente. Para el equipo creativo, el control de tiempo siempre es "lo administrativo"; para la agencia, es la diferencia entre cobrar bien el trabajo hecho o trabajar gratis quince días cada mes. --- ## 6. Sección 4, Así trabajas con OfiHQ (5 bloques) **Cometido.** El cuerpo de la página. Cinco capacidades concretas, cada una tirando de un módulo real de OfiHQ pero contada en lenguaje de agencia. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI. **Estructura visual.** Rejilla alternada: bloque con captura a un lado, siguiente al otro. Desktop 2 columnas, móvil stack vertical. ### 6.1 Bloque 1, El cliente con sus proyectos abiertos - **H3:** Una ficha por cliente. Tantos proyectos simultáneos como lleves con él. - **Párrafo:** > Cada cliente tiene su ficha, y debajo tantos proyectos abiertos como tengas en marcha: la iguala mensual del plan de contenidos, el rebrand que empezó en marzo, la web nueva, la campaña de septiembre. Cada proyecto con sus tareas, sus horas imputadas, sus gastos, sus documentos y sus facturas. Cuando la responsable de cuentas abre la ficha del cliente, ve lo que está vivo, sin tener que recordar en cuál de los tres Drives está el último entregable. - **Captura asociada:** Ficha del cliente "Panadería Molins" con cuatro proyectos abiertos (iguala mensual, rebrand, web, campaña de navidad) y el estado de cada uno. ### 6.2 Bloque 2, Propuesta firmada antes de arrancar - **H3:** Propuesta, envío, firma digital desde el móvil. - **Párrafo:** > Redactas la propuesta desde OfiHQ, con su descripción, alcance, precios y calendario, y la mandas al cliente para firma digital. El cliente firma desde el email que le llega, con validez legal, sin descargas ni servicios de firma externos. La propuesta firmada queda archivada en el proyecto con su rastro, quién firmó, cuándo, desde dónde, y el proyecto cambia de "oferta" a "en curso". No más PDFs que "el cliente ya devolverá firmados" y que acaban arrancándose dos semanas después. - **Captura asociada:** Propuesta en edición con capítulos a la izquierda; a la derecha, misma propuesta ya firmada con bloque de trazabilidad. ### 6.3 Bloque 3, Horas imputadas sin drama - **H3:** Parte de horas en un minuto al día. - **Párrafo:** > Cada persona del equipo imputa su día eligiendo proyecto y tarea, un minuto, no quince. Las horas se pegan al proyecto y alimentan el panel del propio proyecto: cuántas llevamos, cuántas quedan sobre lo presupuestado. Si un proyecto se ha comido ya las horas acordadas, la responsable de cuentas lo ve a mitad de camino, no al cerrar el mes. Si el parte tarda más que hacer un café, no se rellena, así que no lo hemos hecho tardar más que un café. - **Captura asociada:** Parte semanal de una diseñadora con cinco días rellenados y proyectos seleccionables desde un desplegable; al lado, panel de horas del proyecto "Web Molins" con barra de progreso. ### 6.4 Bloque 4, La iguala mensual, facturada mes a mes - **H3:** La iguala (o el *retainer*, para quien lo llame así) emitida desde la misma plantilla. - **Párrafo:** > La iguala mensual se emite como factura desde la ficha del cliente, con los datos fiscales, el concepto, el importe y el régimen de IVA ya guardados, y con Verifactu cumplido de serie. El mes siguiente, reemites la factura con un clic; cambias el mes y lista. Los proyectos puntuales se facturan igual, al cierre o por hitos. El cobro pendiente queda asociado al cliente y se concilia cuando llega. No es un módulo de subscripciones con cobro automático por pasarela, pero para una agencia que gestiona 10, 30 o 60 igualas al mes, el flujo es rápido y deja rastro por cliente. - **Captura asociada:** Factura mensual de la iguala con datos fiscales prellenados, bloque Verifactu visible y botón de "Emitir del mes siguiente" a la vista. ### 6.5 Bloque 5, Estado del cliente, propuestas, horas, cobros - **H3:** Cómo va cada cliente, sin abrir cinco pestañas. - **Párrafo:** > Desde la ficha del cliente ves lo relevante en una sola pantalla: las propuestas pendientes de firma, los proyectos en marcha con sus horas consumidas, las facturas emitidas y los cobros pendientes. En la reunión semanal de cuentas, abres las fichas de los clientes prioritarios y hablas sobre datos, no sobre "me suena que llevábamos tal". Si un cliente está pendiente de firmar algo, se ve; si un proyecto está en las últimas horas, se ve; si hay una factura vencida hace quince días, se ve. - **Captura asociada:** Ficha del cliente con dashboard, 1 propuesta pendiente de firma, 3 proyectos abiertos con barras de horas, 2 facturas pagadas este mes, 1 factura vencida, todo en la misma vista. --- ## 7. Sección 5, Testimonio (condicional) **Cometido.** Aportar prueba social con una agencia real. **Si no hay agencia citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Nota estratégica para producción:** agencias tiene una narrativa fuerte si se consigue caso real (dejar Monday + Toggl + Excel de horas + el servicio de firma digital por uno solo). Es un sector donde el boca-oreja entre directoras de cuentas funciona bien; priorizar conseguir testimonio en cuanto haya cliente citable. **Estructura visual.** Cita destacada + foto + nombre, cargo y agencia. Opcionalmente una cifra concreta ("18 clientes con iguala en OfiHQ" / "antes cruzábamos horas y facturas con tres herramientas, ahora una"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 4 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa de la directora / del socio / del responsable de cuentas, 2–3 frases. Concreta: qué herramientas dejaron, cuántos clientes con iguala llevan en OfiHQ, qué ha mejorado en el día a día del equipo creativo y de administración.]" > > **[Nombre Apellido]**, [Cargo: socia / directora de cuentas / CEO], [Nombre de la agencia, ciudad] --- ## 8. Sección 6, FAQ **Cometido.** Responder las preguntas que bloquean la decisión en este sector, incluidas las que exponen los límites del producto. Tono de colega que conoce el sector. Respuestas de 3–5 líneas, honestas. Aquí (y solo aquí) se aclaran los carve-outs frente a HubSpot, Monday/Asana, Harvest y los servicios de facturación recurrente con pasarela. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 8.1 ¿OfiHQ sustituye a HubSpot, ActiveCampaign o Mailchimp? > No. OfiHQ no hace email marketing, ni lead scoring por comportamiento web, ni landing pages de campaña, ni automatizaciones multi-canal. Esas herramientas sirven para trabajar el marketing del cliente (o el de la propia agencia hacia sus prospectos). OfiHQ lleva la otra parte, la de agencia: cómo convertir una propuesta firmada en proyecto, cómo imputar el trabajo del equipo, cómo facturar lo acordado y cómo saber el estado de cada cliente. La mayoría de agencias con las que hablamos usa OfiHQ en paralelo a la herramienta de marketing que prefieran. #### 8.2 ¿Y a Monday, Asana o ClickUp? > Para la planificación operativa del día a día de la agencia, tareas con responsable, fechas y estado, OfiHQ cubre lo que cubren esas herramientas en su versión sencilla. Donde ellas van más allá (Gantt complejos, ruta crítica, dependencias multi-nivel, automatizaciones avanzadas entre tareas) es donde paramos. Agencias medianas que no viven dependiendo de esas *features* trabajan bien con OfiHQ; las que sí dependen pueden mantener la herramienta y usar OfiHQ para propuestas, horas, gastos y facturación. #### 8.3 ¿Las timesheets son avanzadas tipo Harvest? > No. Las timesheets de OfiHQ son simples: parte por persona, proyecto, tarea y día, con horas totales por proyecto y por persona. Sin ratios de seniority, sin cálculos de capacidad contratada vs. vendida, sin facturación automática por tarifa horaria. Para una agencia pequeña o mediana, cubre el 90% del caso; si llevas control de horas nivel consultoría de grandes cuentas, una herramienta dedicada va a encajar mejor. #### 8.4 ¿Hay facturación recurrente automática para la iguala mensual? > La iguala se emite mes a mes desde la misma plantilla de factura, datos del cliente, concepto, importe y régimen fiscal ya guardados, con Verifactu cumplido de serie. El mes siguiente, un clic para reemitir. No es un módulo de subscripciones con cobro automático ligado a pasarela de pago; para una agencia que gestiona 10, 30 o 60 igualas mensuales, el flujo es rápido y deja rastro por cliente, con la ventaja de que cada factura tiene control humano antes de salir, útil cuando un mes cambia el alcance pactado. #### 8.5 ¿Puedo dar acceso al cliente a su estado? > Sí, con permisos granulares. Puedes invitar al cliente a su ficha y controlar qué ve, las propuestas que le has mandado, los proyectos en curso con su descripción (sin las tarifas internas ni las horas del equipo), las facturas emitidas. Algunas agencias lo usan para que el cliente firme propuestas sin mandarle PDFs por email, o para que consulte sus facturas sin pedirlas por Slack. #### 8.6 ¿Cuánto tardo en migrar desde Harvest, Toggl, Monday o un Excel de horas? > Normalmente uno o dos días. Importas clientes y proyectos activos desde Excel o desde el *export* de la herramienta que uses (nombre del cliente, NIF, importe de iguala, proyectos activos). Las horas imputadas históricamente no se recrean, lo que ocurrió en Toggl se queda en Toggl como archivo, pero los proyectos vivos arrancan aquí desde el día uno. Si llevas más de 15 clientes con iguala activa, nos sentamos contigo para montar la migración en una mañana, sin coste. --- ## 9. Sección 7, CTA final **Cometido.** Cierre. Titular cálido, promesa concreta, dos CTAs. Sin urgencia artificial. Mención al acompañamiento de migración cuando la cartera es suficientemente grande. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. Tu primera ficha de cliente completa esta tarde. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso y con tus clientes, proyectos vivos y propuestas pendientes importados desde donde los tengas hoy. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si llevas más de 15 clientes con iguala mensual, te acompañamos con la migración sin coste. --- ## 10. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Ficha de cliente con varios proyectos abiertos y panel de estado (hero, lateral derecho). 2. Ficha del cliente "Panadería Molins" con cuatro proyectos abiertos y su estado (bloque 6.1). 3. Propuesta en edición + misma propuesta firmada con bloque de trazabilidad (bloque 6.2). 4. Parte semanal con proyectos en desplegable + panel de horas del proyecto con barra de progreso (bloque 6.3). 5. Factura mensual de la iguala con bloque Verifactu y botón "Emitir del mes siguiente" visible (bloque 6.4). 6. Dashboard de ficha de cliente con propuestas pendientes, proyectos con horas, facturas pagadas y vencidas (bloque 6.5). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas propios del sector: clientes tipo "Panadería Molins" (iguala mensual de contenidos), "Promociones Aribau" (rebrand), "Cervecería Bravo" (campaña de verano), "Fundación Vilaseca" (memoria anual). Agencia ficticia de referencia para capturas: "Estudio Brassi" o similar. Nunca "ACME S.L." ni "Cliente 1". - Nombres de proyecto creíbles: "Plan de contenidos mensual", "Rebrand 2026", "Web nueva", "Campaña de navidad", "Memoria anual 2025". Nunca "Proyecto 1". - Importes coherentes entre capturas: si la iguala mensual son 2.400 €, al reemitir el mes siguiente sigue en 2.400 €; si la factura vencida es la de hace dos meses, su importe encaja con la iguala. - Screenshots con bordes redondeados suaves y sombra ligera. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 4) necesita iconografía propia, mismo set que el resto de landings. - En la sección 6, cada bloque puede llevar un pequeño icono identificativo (ficha con proyectos, firma, reloj, factura recurrente, dashboard) si la maqueta lo pide. **Captura móvil opcional:** - Si la maqueta admite una segunda visual, el bloque 6.3 gana con una captura móvil del parte de horas del día (el "un minuto al día" se lee mejor en pantalla pequeña). --- ## 11. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Nombres de cliente, proyecto y agencia en las capturas son realistas y coherentes entre sí. - [ ] Importes de iguala, factura y horas cuadran matemáticamente entre capturas. - [ ] Enlaces internos verificados: `/precios`, `/facturacion`, `/firmas-digitales`, `/proyectos`, `/crm`, `/recursos`. - [ ] CTAs apuntan al signup con `?source=agencias-creativas`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay agencia real citable; en caso contrario, oculta sin dejar rastro. - [ ] La FAQ aclara con calma los cinco carve-outs (HubSpot y familia, Monday/Asana avanzado, Harvest, facturación recurrente con pasarela, control de horas nivel consultoría) y ningún otro punto de la landing los insinúa como cubiertos. - [ ] Verificado que el tratamiento de la imputación de horas es respetuoso con el equipo creativo, reconocimiento, no reproche. - [ ] Verificado que "retainer" aparece una única vez en el cuerpo y que la palabra principal en toda la landing es "iguala mensual". --- ## 12. Ganchos al resto del plan - De esta landing se extraerá, en bloques posteriores del orden de trabajo (ver §9 de `site-structure.md`): - Card de "Agencias creativas y de marketing" en `/sectores` (umbrella sectorial, cuando se haga). - Mención breve en la home cuando se incorpore un bloque sectorial, con el ángulo "cada cliente, varios proyectos, una sola ficha". - Dos preguntas del blog editorial para pilar sectorial: *"Cómo factura una agencia su iguala mensual sin perder margen en el camino"* y *"Parte de horas en agencias creativas: por qué casi ninguna lo hace bien"*. - La landing de `/proyectos` y la de `/recursos` son las dos que más tráfico cruzado van a enviar aquí; revisar al publicar que ambas tengan un enlace o mención a esta cuando ejemplifiquen casos de uso por horas. - La landing de `/firmas-digitales` puede citar "propuesta firmada desde el móvil del cliente" en su bloque de ejemplos. - La landing de `/crm` puede mencionar como caso reconocible "agencia con varios proyectos abiertos por cliente" cuando se actualice. - Las keywords *software agencia marketing*, *software agencia creativa* y *parte de horas agencia* entran en el sitemap con prioridad 0.7. - **Sector tercero en prioridad para testimonio**, tras despachos y construcción. Boca-oreja entre directoras de cuentas funciona bien y la narrativa de reemplazo de stack es clara. - La decisión de vocabulario de esta landing (iguala mensual como principal, retainer sólo al pasar, "cliente" no "cuenta") se reutiliza en `/sectores/consultoria-y-servicios`, que tiene un patrón parecido (iguala de servicios profesionales). Allí se revisará si "iguala" sigue siendo natural o cambia a "servicio mensual" / "fee mensual" según el subsector. ## sectores/construccion-y-reformas # Landing: `/sectores/construccion-y-reformas` > Borrador detallado del contenido de la landing sectorial **Construcción y reformas** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/ofihq/site-structure.md` (§5.7, §9), `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md`, landings de Bloque A (`proyectos.md`, `ordenes-de-compra.md`, `gastos.md`, `firmas-digitales.md`, `facturacion.md`), `projects/ofihq/landings/sectores/despachos-profesionales.md` (referencia de plantilla sectorial). --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *La obra como ficha única con todo lo que pasa dentro*, presupuesto firmado, pedidos a proveedor, albaranes, facturas de proveedor, gastos, horas del equipo y certificaciones al cliente. El dueño de constructora o empresa de reformas abre la obra y ve lo que ha entrado (material, horas, gasto) y lo que ha salido (presupuestado, certificado, cobrado), sin esperar al cierre para componer la foto. La información sobre márgenes (lo que llevas presupuestado vs. comprado vs. pendiente de cobrar) aparece como consecuencia natural del ángulo, no como columna vertebral. El motivo: el margen "real en tiempo real" depende de retenciones, imprevistos, reserva por contingencias y garantías; prometerlo como número en pantalla es simplista. Prometemos visibilidad de entradas y salidas, que ya es mucho más de lo que tiene hoy una pyme de reformas. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Pedidos a proveedor, albaranes y facturas cuadrados.** Es el trabajo invisible que hoy se hace en papel y que deja obras con cuentas que no cierran. El módulo de órdenes de compra de OfiHQ es el protagonista silencioso del sector. - **Presupuesto firmado digitalmente antes de arrancar.** Firma digital desde el móvil del cliente, archivada en la obra. Cero PDFs por WhatsApp. - **Verifactu en las certificaciones.** Certificación parcial por avance → factura Verifactu de serie, con IVA y retención correctos. - **Partes y gastos desde el móvil en el tajo.** PWA: horas del equipo y foto del ticket imputadas a la obra en el momento, sin cuaderno del jefe de obra. - **Gremios como proveedores.** Subcontratistas (fontanero, electricista, carpintero) viven como proveedores en OfiHQ; sus facturas cuadran con los pedidos y quedan imputadas a la obra. **Lo que evitamos:** - **Prometer ser sustituto de Presto / Arquímedes / CYPE.** No hacemos precios descompuestos, bases de datos de partidas ni mediciones BIM. Se explica sin combatividad en la FAQ. - **Prometer obra pública bajo LCSP.** Los pliegos de contratación administrativa, la certificación bajo modelo y la licitación electrónica quedan fuera. Se aclara en FAQ. - **Prometer "margen real" como número definitivo.** Visibilidad sí; margen contable cerrado, no. - **Prometer control de obra profesional con Gantt complejo.** Partes de obra y fotos de tajo sí, vía PWA. Planning técnico avanzado, no. - **Prometer gestión de PRL / Planes de Seguridad y Salud.** Los archivamos como documentos, no los producimos. - **"Digitaliza tu constructora".** Vacío. - **Urgencia artificial.** Campañas "Antes de que suba el material" o similares, fuera. - **Lenguaje startup-y.** Ningún "escala tu constructora". Ningún "toolkit para contratistas". - **Tecnicismos de stack** (Rails, PWA como buzzword, API). "PWA" se nombra en FAQ como "aplicación móvil" y no como siglas. **Vocabulario sectorial acordado:** | Término OfiHQ | En esta landing | |---|---| | proyecto | **obra** (por defecto) | | tarea | **partida** / **fase** | | orden de compra / OC | **pedido a proveedor** (principal) / **OC** (sinónimo ocasional) | | factura (emitida) | **factura** / **certificación** cuando es parcial por avance | | cliente | **cliente** (principal) / **promotor** cuando el contexto es obra nueva | | gasto | gasto (sin cambio) | |, | *albarán*, *retención*, *gremio*, *tajo*, *jefe de obra* entran con naturalidad cuando los pide la frase | **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=construccion-y-reformas` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Software para construcción y reformas, OfiHQ | | `description` | Presupuesto firmado, pedidos a proveedor, albaranes, facturas de proveedor, horas y gastos del equipo, certificaciones con Verifactu, todo en la ficha de cada obra. Incluido en el plan Todo incluido. | | `canonical` | `https://ofihq.es/sectores/construccion-y-reformas` | | `og:title` | Todo lo que entra y sale de la obra, en su ficha. | | `og:description` | Pedidos, albaranes, facturas de proveedor, horas, gastos y certificaciones, todo colgando de la misma obra. Con firma digital del presupuesto y Verifactu en las certificaciones. | | `og:image` | `og-construccion.png` (pendiente, captura de una ficha de obra con pestañas de Pedidos, Albaranes y Certificaciones) | **Keywords target** (orientan el copy, no stuffing): - Primarias: *software construcción*, *software reformas*, *software gestión de obra* - Secundarias: *control de obras pyme*, *presupuestos de obra*, *certificaciones de obra software*, *órdenes de compra construcción*, *ERP construcción pymes*, *programa para empresas de reformas*, *software contratista* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (plantilla del sitio, `description` adaptada al sector). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Sectores › Construcción y reformas. --- ## 2. Estructura general ``` 1. Hero sectorial → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales 3. El día a día de la obra → reconocimiento del dolor 4. Así trabajas con OfiHQ (5 bloques) → cuerpo principal 5. Testimonio → condicional (si hay constructora citable) 6. FAQ (6 preguntas) → cierre educativo + FAQPage schema 7. CTA final → cierre cálido + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que OfiHQ lleva la obra con todo dentro, material, horas, facturas de proveedor, certificaciones, sin depender de papeles sueltos o de un Excel del administrativo. El titular es físico y concreto ("entra y sale de la obra"), alineado con el vocabulario del sector. La información de márgenes se menciona en el lead con matiz, no se vende como número mágico. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de una ficha de obra con pestañas de Pedidos, Albaranes, Horas, Gastos y Certificaciones, el mensaje entero en una imagen. ### Textos - **Eyebrow:** Para constructoras, empresas de reformas y contratistas - **H1:** Todo lo que entra y sale de la obra, en su ficha. - **Lead:** > Presupuesto firmado, pedidos a proveedor con sus albaranes, facturas de proveedor cuadradas, horas del equipo, gastos del día y certificaciones al cliente, todo cuelga de la misma obra. Sabes en cualquier momento lo que llevas presupuestado, lo que has comprado y lo que está pendiente de cobrar, sin esperar al cierre para hacer cuentas. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. La primera obra operativa esta misma semana. --- ## 4. Sección 2, Tira de confianza **Cometido.** Tres claims que un contratista necesita confirmar antes de seguir bajando: que la obra es un único expediente vivo, que pedidos y albaranes dejan de ir en papel, y que las certificaciones cumplen con Verifactu. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 🏗 | **La obra como ficha única.** Presupuesto, pedidos, horas, gastos, facturas y certificaciones, colgando del mismo sitio. | | 📦 | **Pedidos y albaranes cuadrados.** El material que pides, el albarán que llega y la factura del proveedor, en la misma línea. | | 🧾 | **Verifactu en las certificaciones.** Cuando facturas al cliente por avance, cumples sin tocar nada. | *Nota de producción: sustituir emojis por iconografía propia en la maqueta.* --- ## 5. Sección 3, El día a día de la obra (el problema real) **Cometido.** Reconocer el dolor operativo de una constructora o empresa de reformas pequeña-mediana. Observación calmada, sin dramatizar. Se nombran las cinco o seis herramientas que hoy sustentan la obra (Excel, WhatsApp, albaranes físicos, cuaderno del jefe de obra, correo) sin atacarlas, son lo que hay. ### Textos - **H2:** El Excel del presupuesto, los albaranes en la guantera, las horas en un cuaderno. - **Párrafo:** > El presupuesto lo haces en un Excel que tarda una tarde y se manda firmado por email, si llega. Los pedidos al proveedor salen por WhatsApp o por teléfono, y el albarán que trae el camionero se queda en la guantera de la furgoneta hasta que alguien lo recoge el viernes. Las facturas de proveedor se amontonan al final del mes sin saber a qué obra corresponden. Las horas del equipo van en un cuaderno que llena el jefe de obra y que aparece cuando aparece. Los gastos de materiales sueltos, en notas del móvil. Cuando quieres saber qué te está dejando aquella reforma de la calle Muntaner, esperas a que el gestor cierre el mes, y para entonces, ya no hay margen de ajuste. --- ## 6. Sección 4, Así trabajas con OfiHQ (5 bloques) **Cometido.** El cuerpo de la página. Cinco capacidades concretas, cada una tirando de un módulo real de OfiHQ pero contada en lenguaje de obra. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI. **Estructura visual.** Rejilla alternada: bloque con captura a un lado, siguiente bloque con captura al otro lado. Desktop 2 columnas, móvil stack vertical. ### 6.1 Bloque 1, Ficha de obra con todo lo que pasa dentro - **H3:** Una obra. Todo lo que la toca, pegado a ella. - **Párrafo:** > Cada obra tiene su ficha: el cliente, el presupuesto aceptado, los pedidos a proveedor, los albaranes recibidos, las facturas de proveedor, los gastos sueltos, las horas del equipo, los documentos (planos, memoria, fotos, certificados) y las certificaciones al cliente. Cuando un comercial, un jefe de obra o el administrativo abre "Reforma integral Muntaner 44", tienen delante lo que ha entrado y lo que ha salido, sin tener que reconstruirlo llamando a tres personas. - **Captura asociada:** Ficha de obra "Reforma integral Muntaner 44" con pestañas: Presupuesto, Pedidos, Albaranes, Facturas proveedor, Horas, Gastos, Documentos, Certificaciones. Pestaña de Pedidos abierta con cuatro pedidos vivos. ### 6.2 Bloque 2, Presupuesto firmado por el cliente, antes de mover un dedo - **H3:** Presupuesto, envío, firma digital desde el móvil. - **Párrafo:** > Redactas el presupuesto desde OfiHQ, con sus capítulos, unidades y totales, y lo mandas al cliente para firma digital. Firma desde el email que le llega, sin descargas raras, con validez legal. Cuando firma, el presupuesto queda archivado en la ficha de la obra con su rastro y la obra pasa formalmente de "oferta" a "en ejecución". No hay que pegar PDFs por WhatsApp ni imprimir nada para llevarlo a la próxima visita. - **Captura asociada:** Presupuesto en OfiHQ con capítulos a la izquierda; a la derecha, mismo presupuesto ya firmado con sello de fecha y bloque de trazabilidad. ### 6.3 Bloque 3, Pedidos, albaranes y facturas, cuadrados - **H3:** Lo que pides, lo que llega y lo que te facturan, en la misma línea. - **Párrafo:** > Desde la obra creas un pedido a proveedor con sus líneas y lo envías. Cuando el material llega, el jefe de obra registra el albarán, con foto si hace falta, contra ese pedido. Cuando el proveedor factura, casas la factura con el albarán: lo que coincide, lo que sobra, lo que no llegó. La factura queda asociada a la obra desde el primer día, no se pierde al final de mes bajo un montón de papeles sin nombre. - **Captura asociada:** Pedido a "Saltoki" con cinco líneas, albarán parcial registrado con foto, factura de proveedor en estado "pendiente de casar" con las diferencias resaltadas. ### 6.4 Bloque 4, Horas del equipo y gastos, imputados a la obra en el momento - **H3:** Parte desde el móvil. Ticket fotografiado. Todo pegado a la obra. - **Párrafo:** > El jefe de obra, o quien esté en tajo, parte las horas del equipo desde el móvil con la obra ya seleccionada. Un ticket del almacén se fotografía y queda como gasto de esa obra. Cada apunte suma donde toca, no al total del mes ni a "otros gastos". A mitad de obra, sabes lo que llevas presupuestado, lo que has comprado y lo que queda pendiente de pedir. Es más información de la que tenías antes, con menos papeleo del que haces hoy. - **Captura asociada:** Pantalla de la aplicación móvil con parte de horas del día y ticket fotografiado, ambos asociados a la obra "Reforma Muntaner 44". Al lado, resumen de la obra con los números actualizados. ### 6.5 Bloque 5, Certificaciones por avance + factura al cliente con Verifactu - **H3:** Facturar la obra por fases, sin una hoja de control aparte. - **Párrafo:** > Cuando toca certificar, por porcentaje de avance, por partida o por hito, generas la certificación desde la obra. La certificación se convierte en factura Verifactu con el detalle, el IVA y la retención contractual correctos. El cliente recibe la factura con su base documental, la obra, las partidas certificadas, y tú tienes el cobro pendiente asociado al expediente. La factura final cierra la obra ajustando lo que toque sobre lo ya certificado. - **Captura asociada:** Certificación del 30% de la obra con el detalle de partidas, y la factura Verifactu generada con retención del 5%. --- ## 7. Sección 5, Testimonio (condicional) **Cometido.** Aportar prueba social con una constructora o empresa de reformas real. **Si no hay empresa citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Nota estratégica para producción:** construcción tiene un ángulo narrativo fuerte si se consigue caso real ("dejamos el Excel del presupuesto, el cuaderno del jefe de obra y los albaranes de la guantera"). Es, tras despachos, el segundo sector prioritario para colocar un testimonio en la web. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra concreta ("llevamos 18 obras simultáneas en OfiHQ" / "antes casábamos facturas de proveedor a mes vencido, ahora el mismo día"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 4 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del dueño, gerente o jefe de obra, 2–3 frases. Concreta: qué herramientas dejaron, cuántas obras llevan en OfiHQ, qué ha mejorado en el día a día del tajo.]" > > **[Nombre Apellido]**, [Cargo: gerente / jefe de obra / responsable de administración], [Nombre de la empresa, ciudad] --- ## 8. Sección 6, FAQ **Cometido.** Responder las preguntas que bloquean la decisión en este sector, incluidas las incómodas. Tono de colega que conoce el sector. Respuestas de 3–5 líneas, honestas. Aquí (y solo aquí) se explican los límites del producto frente a Presto/CYPE, la obra pública y el planning avanzado. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 8.1 ¿OfiHQ sustituye a Presto, Arquímedes o CYPE? > No. OfiHQ no hace precios descompuestos, bases de datos de partidas ni mediciones BIM. Si tu manera de presupuestar es con una herramienta técnica de ese tipo, seguirás usándola para preparar el detalle. Lo que sí ofrece OfiHQ es un presupuesto operativo, con capítulos, unidades y totales, enviable al cliente para firma digital, archivado en la obra y conectado con los pedidos, los albaranes y las certificaciones posteriores. Muchos contratistas pequeños hacen el presupuesto directamente aquí y se ahorran una herramienta; los que trabajan con Presto lo mantienen y suben el presupuesto cerrado a OfiHQ para gestionar la obra. #### 8.2 ¿Cómo gestiona certificaciones parciales y retenciones? > Las certificaciones se hacen sobre la obra por porcentaje de avance, por partida o por hito. Cada certificación se convierte en factura Verifactu con IVA y, si procede, con la retención contractual (por ejemplo el 5% habitual). El cobro queda pendiente y ligado a la obra. La devolución de la retención al final del período de garantía se gestiona como factura o abono específico enlazado a la obra original. OfiHQ no gestiona avales ni garantías bancarias, eso se queda con tu banco. #### 8.3 ¿Se puede partir obra desde el móvil? > Sí. El jefe de obra y los operarios autorizados parten horas, suben fotos de tickets y documentan el tajo desde la aplicación móvil, con la obra ya seleccionada. Todo queda imputado a esa obra, horas, fotos, gastos, sin papeles ni llamadas al final del día. Lo que no ofrecemos es control de obra nivel *project management* avanzado, con Gantt detallado y ruta crítica automatizada; para lo que llevan la mayoría de empresas de reformas y constructoras pequeñas-medianas, los partes, los gastos y las fotos cubren el día a día. #### 8.4 ¿Gestiona subcontratas y gremios (fontanero, electricista, carpintero)? > Sí. Los gremios son proveedores en OfiHQ, iguales que los de material. Les haces un pedido con el trabajo acordado, ellos envían su factura, tú la casas contra el pedido y queda imputada a la obra correspondiente. Si un gremio trabaja por horas, la línea del pedido va en horas; si trabaja por partida cerrada, en unidades. La retención por subcontrata prevista por ley se refleja en la factura cuando aplica. #### 8.5 ¿Sirve para obra pública con pliegos LCSP? > No. OfiHQ está pensado para obra privada, reformas, obra nueva con promotoras privadas, contratación directa. La contratación pública con pliegos de la Ley de Contratos del Sector Público tiene requisitos muy específicos (certificaciones bajo modelo administrativo, licitación electrónica, documentación técnica reglada) que quedan fuera de nuestro alcance. Si trabajas ocasionalmente en obra pública, OfiHQ puede servirte para la gestión interna del contrato, pero la relación con la administración seguirá en la plataforma correspondiente. #### 8.6 ¿Cuánto tardo en meter mis obras vivas y mis proveedores? > Normalmente dos o tres días. Importas proveedores y subcontratas desde Excel o desde el programa que uses (nombre, NIF, contacto, condiciones habituales). Las obras en curso se dan de alta con su cliente, su presupuesto aceptado y los pedidos ya en marcha. Las obras antiguas cerradas no se recrean, lo que no estaba en OfiHQ, no se inventa. Si llevas más de diez obras simultáneas, nos sentamos contigo para montar la migración en una mañana, sin coste. --- ## 9. Sección 7, CTA final **Cometido.** Cierre. Titular cálido, promesa concreta, CTA primaria y secundaria. Sin urgencia artificial. Mención explícita del apoyo a la migración, en este sector pesa tanto como en despachos. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. La primera obra con su ficha completa esta misma semana. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso y con tus proveedores, tus obras vivas y tu presupuesto importados desde donde los tengas hoy. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si llevas más de diez obras simultáneas, te acompañamos con la migración sin coste. --- ## 10. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Ficha de obra con pestañas de Pedidos, Albaranes, Horas, Gastos y Certificaciones (hero, lateral derecho). 2. Ficha completa de "Reforma integral Muntaner 44" con la pestaña de Pedidos abierta y cuatro pedidos vivos (bloque 6.1). 3. Presupuesto en edición + mismo presupuesto firmado con sello de fecha (bloque 6.2). 4. Pedido a Saltoki con líneas, albarán parcial con foto, factura de proveedor con diferencias resaltadas (bloque 6.3). 5. Aplicación móvil con parte de horas y ticket fotografiado, ambos asociados a la obra (bloque 6.4). 6. Certificación del 30% con detalle de partidas y factura Verifactu con retención del 5% (bloque 6.5). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas propios del sector: obras tipo "Reforma integral Muntaner 44", "Obra nueva Pere IV", "Rehabilitación de fachada Gran Vía 112", "Local comercial Travessera 88". Clientes y promotores realistas: "Promociones Bravo S.L.", "Inmobiliaria Aribau", "Sra. Molins" para reformas particulares. Nunca "ACME S.L." o "Cliente 1". - Proveedores y gremios reconocibles del sector (genéricos pero creíbles): "Saltoki", "BigMat", "Comercial Eléctrica Bravo", "Fontanería Montes". Nombres de gremios realistas. - Cifras coherentes entre capturas: si el presupuesto son 78.400 €, la certificación al 30% son 23.520 €. - Screenshots con bordes redondeados suaves y sombra ligera. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 4) necesita iconografía propia, mismo set que el resto de landings. - En la sección 6, cada bloque puede llevar un pequeño icono identificativo (ficha, firma, pedido, móvil, certificación) si la maqueta lo pide. **Tratamiento específico del móvil:** - El bloque 6.4 es el único que necesita una captura de aplicación móvil. Maqueta con un marco de teléfono sutil (sin presumir de mockup) para que se lea al vuelo que es móvil. - El resto de capturas son de escritorio. --- ## 11. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Nombres de obra, cliente, proveedor y gremio en las capturas son realistas y coherentes entre sí. - [ ] Cifras del presupuesto, la certificación y la factura cuadran matemáticamente. - [ ] Enlaces internos verificados: `/precios`, `/facturacion`, `/firmas-digitales`, `/proyectos`, `/ordenes-de-compra`, `/gastos`. - [ ] CTAs apuntan al signup con `?source=construccion-y-reformas`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay empresa real citable; en caso contrario, oculta sin dejar rastro. - [ ] La FAQ aclara con calma los cuatro carve-outs (Presto/CYPE, obra pública, Gantt avanzado, PRL) y ningún otro punto de la landing los insinúa como cubiertos. - [ ] Verificado que "margen en tiempo real" aparece con matiz ("lo que llevas presupuestado, comprado y pendiente de cobrar") y no como promesa de un número contable cerrado. --- ## 12. Ganchos al resto del plan - De esta landing se extraerá, en bloques posteriores del orden de trabajo (ver §9 de `site-structure.md`): - Card de "Construcción y reformas" en `/sectores` (umbrella sectorial, cuando se haga). - Mención breve en la home cuando se incorpore un bloque sectorial, con el ángulo "obra como ficha única + pedidos cuadrados". - Dos preguntas del blog editorial para pilar sectorial: *"Verifactu en obra: qué cambia para las certificaciones al promotor"* y *"Cómo casa una pyme de reformas sus albaranes, pedidos y facturas de proveedor sin papel"*. - La landing de `/ordenes-de-compra` es la que más tráfico cruzado va a enviar aquí; revisar al publicar que tenga un enlace visible desde su cuerpo al bloque de casado con albarán de obras. - La landing de `/firmas-digitales` puede citar el caso "presupuesto de reforma firmado desde el móvil del cliente" en su FAQ o en su bloque de ejemplos. - La landing de `/facturacion` puede mencionar "certificaciones parciales con retención contractual" en su FAQ o sección de regímenes fiscales españoles. - Las keywords *software construcción*, *software reformas*, *software gestión de obra* y *control de obras pyme* entran en el sitemap con prioridad 0.7. - La decisión de vocabulario de esta landing (obra > proyecto, partida > tarea, pedido a proveedor > OC) no se reutiliza en `/sectores/agencias-creativas` ni en `/sectores/consultoria-y-servicios`; sí aporta referencia cruzada para cuando se actualice `/ordenes-de-compra` o `/proyectos` con ejemplos del sector. - **Sector segundo prioritario para el primer testimonio** tras despachos: la historia del reemplazo del stack de obra (Excel + cuaderno del jefe de obra + Dropbox + programa de facturación) es narrable y concreta. ## sectores/consultoria-y-servicios # Landing: `/sectores/consultoria-y-servicios` > Borrador detallado del contenido de la landing sectorial **Consultoría y servicios profesionales** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/ofihq/site-structure.md` (§5.7, §9), `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md`, landings de Bloque A (`proyectos.md`, `recursos.md`, `firmas-digitales.md`, `facturacion.md`, `gastos.md`, `documentos.md`), y las tres landings sectoriales ya redactadas (`despachos-profesionales.md`, `construccion-y-reformas.md`, `agencias-creativas.md`), de las que esta hereda plantilla y de las que se diferencia con conciencia. --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *Cada encargo profesional, proyecto largo con fases, equipo de varios perfiles, horas imputadas, gastos repercutibles al cliente y entregables formales, gestionado en una sola ficha, con facturación por hitos o por horas y gastos*. El lenguaje es deliberadamente genérico: funciona para un bufete de abogados, una consultora de negocio, una ingeniería, un estudio de arquitectura o una auditora pequeña-mediana. Lo que todos comparten (y que la landing captura): encargos largos, equipos mixtos, facturación no inmediata y entregables formales con rastro. **Decisión estratégica heredada del diseño:** ángulo **genérico** en lugar de sub-segmentar. El sector es el "cajón" de servicios profesionales que no cae en despachos fiscales (ya cubiertos) ni en agencias creativas (ya cubiertas); un H1 ancho no debilita, al contrario, deja claro que cualquier servicio profesional encaja. Cuando subsectores concretos pidan landings propias (p. ej. `/sectores/bufetes` o `/sectores/ingenierias`), se derivarán de esta. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Encargo como ficha única.** Equipo asignado, horas imputadas, gastos repercutibles, documentos, entregables firmados y facturación por hitos, todo colgando del mismo encargo. - **Propuesta y alcance firmados antes de arrancar.** El punto que separa "oferta en mesa" de "encargo en ejecución". - **Facturación por hitos + T&M (horas y gastos).** Verifactu cumplido, régimen fiscal del cliente (nacional, intracomunitario, exento) aplicado automáticamente. - **Parte de horas simple por persona y encargo.** Sin ratios de seniority automáticos, sin capacidad contratada; simplicidad intencional. - **Confidencialidad operativa.** Permisos por rol, rastro de accesos, datos alojados en la UE. La confidencialidad es la moneda del sector. **Lo que evitamos:** - **Prometer software jurídico especializado.** OfiHQ no sustituye Lexnet, Infolex, Lefebvre Justel ni similares. No presentamos escritos a juzgados ni gestionamos notificaciones Lexnet. Se aclara en FAQ. - **Prometer software técnico de ingeniería o arquitectura** (CYPE, Revit, AutoCAD, Presto). Archivamos el entregable técnico; no lo producimos. - **Prometer ser un ERP grande** tipo SAP u Odoo completo. OfiHQ cubre pymes profesionales de 5–100 personas, no multinacionales con varias divisiones. - **Prometer contabilidad.** Mismo carve-out que en `/despachos`, aquí tratado más breve porque no es el dolor central del sector (los bufetes e ingenierías pequeños ya trabajan con gestoría externa). - **Prometer timesheets avanzadas** tipo Harvest con capacidad por semana-hombre y tarifas por seniority automáticas. Mismo carve-out que en `/agencias`. - **"Digitaliza tu consultora".** Vacío. - **Urgencia artificial o lenguaje startup-y.** Inexistente en este sector; suena a outsider. - **Tecnicismos de stack.** **Vocabulario sectorial acordado:** | Término OfiHQ | En esta landing | |---|---| | proyecto | **encargo** (principal, término que comparten abogados, ingenieros, consultores) / **proyecto** (alternado para no sobrecargar) | | tarea | **tarea** (sin cambio) / **fase** cuando el encargo se segmenta formalmente | |, | **propuesta** (principal) / *oferta* / *alcance* (sinónimos según subsector) | |, | **hito** (facturación por hitos) / **T&M**, *horas y gastos* (se menciona T&M pero la forma preferida es "horas y gastos") | |, | **entregable**, *informe*, *dictamen*, *proyecto técnico*, *memoria* (se dejan caer como ejemplos de entregables formales, no como listado) | |, | **parte de horas** / *imputación de horas* | | cliente | **cliente** (sin cambio) | | factura | **factura** (principal) / *minuta* / *honorarios* (sinónimos ocasionales, igual que en `/despachos`) | | gasto | **gasto**, *gasto repercutible* cuando es de los que se facturan al cliente (viajes, dietas, peritajes, tasas) | **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=consultoria-y-servicios` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Software para consultoría y servicios profesionales, OfiHQ | | `description` | Encargos con equipo, horas, gastos y entregables; propuesta firmada; facturación por hitos o por horas con Verifactu. Para bufetes, ingenierías, consultoras y servicios profesionales. | | `canonical` | `https://ofihq.es/sectores/consultoria-y-servicios` | | `og:title` | Cada encargo, con su equipo, sus horas, sus entregables y sus hitos. | | `og:description` | El trabajo profesional, bufetes, ingenierías, consultoras, gestionado encargo a encargo, con propuesta firmada y facturación por hitos con Verifactu. | | `og:image` | `og-consultoria.png` (pendiente, ficha de encargo con equipo, horas y entregables) | **Keywords target** (orientan el copy, no stuffing): - Primarias: *software consultoría*, *software servicios profesionales*, *gestión proyectos consultoría* - Secundarias: *software bufete*, *software ingeniería pyme*, *software arquitectura pyme*, *facturación por hitos software*, *timesheets consultoría pyme*, *ERP pyme servicios profesionales*, *gestión de encargos* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (plantilla del sitio, `description` adaptada al sector). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Sectores › Consultoría y servicios profesionales. --- ## 2. Estructura general ``` 1. Hero sectorial → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales 3. A mitad de encargo → reconocimiento del dolor 4. Así trabajas con OfiHQ (5 bloques) → cuerpo principal 5. Testimonio → condicional (si hay empresa citable) 6. FAQ (6 preguntas) → cierre educativo + FAQPage schema 7. CTA final → cierre cálido + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que un socio de bufete, un director de ingeniería o un principal de consultora entienda que OfiHQ gestiona sus encargos enteros, equipo, horas, gastos, entregables, hitos de facturación, sin depender de un Word de propuesta y un Excel de horas. Titular concreto y enumerativo, sin prometer lo que no cubrimos. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura de una ficha de encargo con pestañas de Equipo, Horas, Gastos, Entregables y Facturación por hitos, mensaje entero en una imagen. ### Textos - **Eyebrow:** Para bufetes, ingenierías, consultoras y servicios profesionales - **H1:** Cada encargo, con su equipo, sus horas, sus entregables y sus hitos. - **Lead:** > Propuesta firmada antes de arrancar, equipo asignado al encargo, horas imputadas al minuto, gastos repercutibles pegados al cliente que los paga y facturación por hitos o por horas con Verifactu. Todo lo que pasa dentro de un encargo vive en su ficha, sin Word de propuesta, sin Excel de horas, sin Dropbox con la carpeta de entregables suelta. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. El primer encargo operativo esta misma tarde. --- ## 4. Sección 2, Tira de confianza **Cometido.** Tres claims rápidos que un consultor o un socio profesional necesita confirmar: que el encargo vive entero en un sitio, que la propuesta se firma digital, y que las facturas (por hitos o por horas) cumplen Verifactu. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 📁 | **Encargo como ficha única.** Equipo, horas, gastos, entregables y facturación, colgando del mismo sitio. | | ✍ | **Propuesta firmada antes de arrancar.** Envío por email, firma digital, archivada en el encargo con su rastro. | | 🧾 | **Verifactu en facturación por hitos.** Emites el hito acordado y cumples sin tocar nada. | *Nota de producción: sustituir emojis por iconografía propia en la maqueta.* --- ## 5. Sección 3, A mitad de encargo (el problema real) **Cometido.** Reconocer el dolor operativo de un despacho profesional pequeño o mediano sin dramatismo. Observación calmada. Se nombran las herramientas y prácticas habituales (Word, Excel, carpetas compartidas, recordatorios de hitos por agenda) sin atacarlas, son el paisaje del sector. ### Textos - **H2:** A mitad de encargo, la información está, pero repartida. - **Párrafo:** > La propuesta está en un Word que se mandó firmada por email hace dos meses. Las horas del equipo viven en una hoja de Excel que la responsable de operaciones mantiene al día como puede. Los gastos repercutibles, el billete de tren, la comida con el cliente, la tasa del colegio profesional, se acumulan en un sobre hasta que alguien se acuerda de pasarlos. Los entregables están en una carpeta compartida que, al final del encargo, pesa 400 MB y nadie recuerda cuál fue la versión que se mandó al cliente. La factura del próximo hito la prepara administración cruzando Excel con Word con correos enviados. Funciona, con coste. Funciona peor cuando el equipo crece o cuando un cliente pide el detalle de lo que se ha hecho en los últimos sesenta días. --- ## 6. Sección 4, Así trabajas con OfiHQ (5 bloques) **Cometido.** El cuerpo de la página. Cinco capacidades concretas, cada una tirando de un módulo real de OfiHQ pero contada en lenguaje de consultoría / servicios profesionales. Cada bloque con titular orientado a resultado, párrafo explicativo y miniatura de UI en la maqueta. **Estructura visual.** Rejilla alternada: bloque con captura a un lado, siguiente al otro. Desktop 2 columnas, móvil stack vertical. ### 6.1 Bloque 1, El encargo como ficha con todo dentro - **H3:** Un encargo. Equipo, horas, gastos, entregables y facturación, en la misma ficha. - **Párrafo:** > Cada encargo tiene su ficha y debajo todo lo que le afecta: el equipo asignado con sus perfiles, las horas imputadas por persona, los gastos repercutibles al cliente, los entregables producidos (informes, dictámenes, memorias, proyectos técnicos), los documentos del encargo y los hitos de facturación. Cuando el responsable del encargo o un socio lo abre, tiene delante la foto completa, sin preguntar a tres personas qué se hizo esta semana. - **Captura asociada:** Ficha del encargo "Due diligence Promociones Aribau" con pestañas: Equipo, Horas, Gastos, Entregables, Documentos, Hitos de facturación. Pestaña de Hitos abierta con tres hitos (Informe preliminar, facturado; Informe intermedio, en curso; Informe final, pendiente). ### 6.2 Bloque 2, Propuesta y alcance firmados - **H3:** Propuesta al cliente, alcance cerrado, firma digital. - **Párrafo:** > Redactas la propuesta desde OfiHQ, con su descripción del encargo, alcance, entregables previstos, equipo, calendario y precios, y la mandas al cliente para firma digital. Firma desde el email que le llega, con validez legal, sin servicios de firma externos. Cuando firma, la propuesta queda archivada en el encargo con su rastro, y el encargo cambia de "oferta" a "en curso". Si el alcance se amplía a mitad de camino, se hace una adenda, también firmada, y queda pegada al encargo, no perdida en una cadena de correos. - **Captura asociada:** Propuesta en edición con capítulos a la izquierda; a la derecha, misma propuesta ya firmada con bloque de trazabilidad y una adenda posterior visible. ### 6.3 Bloque 3, Equipo, horas y gastos, imputados al encargo - **H3:** Parte de horas por persona. Gastos repercutibles, pegados al encargo que los paga. - **Párrafo:** > Cada persona del equipo imputa sus horas por encargo y tarea, un minuto al día, no quince. Los gastos repercutibles (un desplazamiento, una tasa de colegio, un peritaje externo) se capturan con ticket o factura al encargo que los genera. A mitad de encargo, el responsable ve en un vistazo las horas consumidas frente a las presupuestadas y los gastos acumulados que repercuten al cliente. No es un sistema de capacidad contratada con ratios por seniority: es el parte que la pyme profesional necesita, simplificado para que se rellene de verdad. - **Captura asociada:** Parte semanal de un consultor con cinco días imputados al encargo "Due diligence Aribau"; al lado, listado de gastos repercutibles del encargo con total acumulado. ### 6.4 Bloque 4, Facturación por hitos o por horas, con Verifactu - **H3:** Emites el hito pactado o la factura de horas y gastos, con Verifactu de serie. - **Párrafo:** > Si el encargo se factura por hitos, emites cada hito desde la ficha del encargo: la descripción, el importe pactado y el bloque de Verifactu se rellenan automáticamente. Si se factura por horas y gastos (el T&M habitual en consultoría y en algunos bufetes), la factura nace de las horas imputadas y los gastos repercutibles del período, con el detalle acordado con el cliente. Los regímenes fiscales españoles, IVA nacional, intracomunitario, exento, recargo de equivalencia cuando aplica, se detectan del cliente y entran bien a la primera. - **Captura asociada:** Factura del hito intermedio del encargo con el detalle del alcance certificado; al lado, factura alternativa T&M con las horas imputadas por persona y los gastos repercutibles del período. ### 6.5 Bloque 5, Entregables y documentos con rastro - **H3:** El entregable que mandaste al cliente, identificado y versionado. - **Párrafo:** > Los entregables formales (informes, dictámenes, proyectos técnicos, memorias) viven en el encargo con su versión y su fecha de envío. Cuando un cliente pide "el informe final que me mandaste en marzo", lo abres del encargo sin tener que excavar en la carpeta compartida. Los documentos internos conviven con los entregables pero con visibilidad controlada: lo que ve el cliente está separado de lo que ve sólo el equipo, con rastro de quién accedió y cuándo. En sectores donde la confidencialidad es la moneda (bufetes, ingenierías con información industrial, auditoras), ese rastro deja de ser "estaría bien" y pasa a ser lo que se exige. - **Captura asociada:** Listado de entregables del encargo con versiones (v1, v2 enviada al cliente, v3 interna), y al lado panel de accesos con fecha y usuario. --- ## 7. Sección 5, Testimonio (condicional) **Cometido.** Aportar prueba social con una consultora, un bufete o una ingeniería real. **Si no hay empresa citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Nota estratégica para producción:** este sector es el más amplio y el menos narrativamente concreto, un testimonio genérico sonaría hueco. Priorizar un caso que lo ancle en un subsector (p. ej. "ingeniería de veinte personas en Bilbao" o "bufete mercantil en Valencia") para que el lector reconozca su propia casa. Cuando haya varios testimonios, alternarlos para que cubran subsectores distintos. **Estructura visual.** Cita destacada + foto + nombre, cargo y empresa. Opcionalmente una cifra ("12 encargos simultáneos en OfiHQ" / "dejamos el Excel de horas y el Word de propuestas en un fin de semana"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 4 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del socio, director o responsable de operaciones, 2–3 frases. Concreta: qué herramientas dejaron, cuántos encargos simultáneos llevan, qué ha mejorado en el día a día, idealmente anclada en un subsector reconocible.]" > > **[Nombre Apellido]**, [Cargo: socia / director / responsable de operaciones], [Nombre de la empresa, subsector, ciudad] --- ## 8. Sección 6, FAQ **Cometido.** Responder las preguntas que bloquean la decisión en este sector, incluidas las que exponen los límites del producto. Tono de colega que conoce el sector. Respuestas de 3–5 líneas, honestas. Aquí (y solo aquí) se aclaran los carve-outs frente a software jurídico especializado, software técnico de ingeniería, ERPs grandes y timesheets avanzadas. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 8.1 ¿OfiHQ sustituye a Lexnet, Infolex o Lefebvre Justel? > No. OfiHQ no es software jurídico especializado: no presenta escritos a juzgados, no gestiona notificaciones Lexnet, no lleva plantillas procesales ni expedientes judiciales con la estructura que pide la administración de justicia. Un bufete que use Infolex, Aranzadi, Lefebvre Justel o similar, lo mantendrá para la parte puramente jurídica. Lo que OfiHQ cubre es la parte de despacho: el encargo que te ha hecho el cliente, las horas dedicadas, los gastos repercutibles, los entregables (dictámenes, informes, contratos) y la minuta. La mayoría de bufetes con los que hablamos usan OfiHQ en paralelo a su software jurídico. #### 8.2 ¿Y a CYPE, Revit, AutoCAD o Presto? > No. OfiHQ no produce planos, cálculos estructurales, mediciones BIM ni proyectos técnicos. Si tu oficina es de ingeniería o de arquitectura, seguirás usando tu software técnico para lo suyo. Lo que OfiHQ hace es llevar el encargo a su alrededor: la propuesta firmada por el cliente, el equipo asignado, las horas imputadas, los gastos repercutibles (desplazamientos, visados, tasas), los entregables versionados y las facturas por hitos o por horas. Archivamos el entregable técnico, no lo producimos. #### 8.3 ¿Es un ERP? ¿Sirve si llevamos contabilidad interna? > OfiHQ es el software operativo de la pyme profesional, no un ERP al estilo de SAP u Odoo completo. No lleva contabilidad, no cierra ejercicios, no presenta modelos AEAT. La mayoría de bufetes, ingenierías y consultoras pequeñas-medianas trabajan con gestoría externa para lo fiscal y lo laboral; OfiHQ cubre lo que la gestoría no cubre (encargos, horas, gastos, entregables, facturación al cliente). Si llevas contabilidad interna con A3, Sage o similar, OfiHQ convive con ella: lo suyo se queda donde está y lo nuestro lo añades. #### 8.4 ¿Las timesheets son avanzadas? > No en el sentido de Harvest avanzado o de un sistema de capacidad contratada con ratios por seniority. Son partes simples por persona, encargo, tarea y día, con horas totales por encargo y por persona y comparación con las horas presupuestadas. Para un despacho, consultora o ingeniería pequeña-mediana, cubre el caso; si necesitas control de horas nivel gran consultoría (capacity planning multi-nivel con facturación automática por tarifas distintas según perfil), una herramienta dedicada encajará mejor. Puedes mantenerla y usar OfiHQ para el resto del encargo. #### 8.5 ¿Permisos y confidencialidad, cómo se gestionan? > Datos alojados en la UE, cifrados en reposo y en tránsito, con rastro completo de accesos. Los permisos por rol separan quién ve qué: un junior ve los encargos en los que trabaja, un socio ve todos los suyos, el cliente ve lo que le habilitas (propuesta, entregables enviados, facturas) sin el resto. El rastro queda guardado para cuando el Colegio profesional, el cliente o un auditor pidan justificar quién vio qué y cuándo. Firmamos acuerdo de encargado del tratamiento con todas las empresas que lo piden. #### 8.6 ¿Cuánto tardo en migrar los encargos vivos y los clientes? > Normalmente dos días. Importas clientes y encargos activos desde Excel, desde Word (con nuestra ayuda para el mapeo) o desde la herramienta que uses (Harvest, Toggl, un ERP pequeño). Cada encargo se da de alta con su cliente, su propuesta firmada, el equipo asignado y el estado de facturación. Los encargos cerrados antiguos no se recrean, lo que no estaba en OfiHQ, no se inventa. Los encargos vivos sí, listos para trabajar desde el primer día. Si llevas más de veinte encargos simultáneos, nos sentamos contigo para montar la migración en una mañana, sin coste. --- ## 9. Sección 7, CTA final **Cometido.** Cierre. Titular cálido, promesa concreta, dos CTAs. Sin urgencia artificial. Mención al acompañamiento de migración cuando la cartera lo pida. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. El primer encargo con toda su ficha esta misma tarde. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso y con tus clientes, encargos activos y propuestas pendientes importados desde donde los tengas hoy. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si llevas más de 20 encargos simultáneos, te acompañamos con la migración sin coste. --- ## 10. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Ficha de encargo con pestañas de Equipo, Horas, Gastos, Entregables y Hitos de facturación (hero, lateral derecho). 2. Ficha del encargo "Due diligence Promociones Aribau" con la pestaña de Hitos abierta y tres hitos visibles (bloque 6.1). 3. Propuesta en edición + misma propuesta firmada con rastro + adenda posterior (bloque 6.2). 4. Parte semanal de un consultor + listado de gastos repercutibles con total (bloque 6.3). 5. Factura del hito con detalle + factura alternativa T&M con horas y gastos (bloque 6.4). 6. Listado de entregables versionados + panel de accesos con rastro (bloque 6.5). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas propios del sector. Sugerido un mix por subsector en las capturas para que el lector de cualquier subsector encuentre la suya: - Bufetes: "Contrato de arrendamiento comercial, Bravo", "Recurso económico-administrativo, Molins". - Ingenierías: "Proyecto de instalación eléctrica, Gráficas Vilaseca", "Memoria técnica, Promociones Aribau". - Consultoras: "Due diligence Promociones Aribau", "Plan estratégico 2026, Cervecería Bravo". - Arquitectura: "Proyecto básico de ejecución, Local Travessera 88". - Nunca "ACME S.L.", "Encargo de prueba" ni "Proyecto 1". - Importes coherentes entre capturas: si el encargo son 48.000 € y tiene tres hitos al 30 / 40 / 30, las facturas cuadran. - Screenshots con bordes redondeados suaves y sombra ligera. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 4) necesita iconografía propia, mismo set que el resto de landings. - En la sección 6, cada bloque puede llevar un pequeño icono identificativo (ficha de encargo, firma, reloj, factura por hito, entregable versionado) si la maqueta lo pide. --- ## 11. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Nombres de encargo, cliente y empresa son realistas y coherentes entre sí. - [ ] Importes de encargo, hitos y facturas cuadran matemáticamente entre capturas. - [ ] El mix de subsectores en las capturas cubre al menos dos de los cuatro (bufete, ingeniería, consultora, arquitectura) para que el lector se reconozca. - [ ] Enlaces internos verificados: `/precios`, `/facturacion`, `/firmas-digitales`, `/proyectos`, `/recursos`, `/gastos`, `/documentos`. - [ ] CTAs apuntan al signup con `?source=consultoria-y-servicios`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay empresa real citable, preferiblemente anclada en un subsector reconocible. - [ ] La FAQ aclara con calma los cinco carve-outs (Lexnet/Infolex, CYPE/Revit, ERP, contabilidad, timesheets avanzadas) y ningún otro punto de la landing los insinúa como cubiertos. - [ ] Verificado que "encargo" es el término principal y que "proyecto" aparece como sinónimo natural, sin sonar forzado. --- ## 12. Ganchos al resto del plan - De esta landing se extraerá, en bloques posteriores del orden de trabajo (ver §9 de `site-structure.md`): - Card de "Consultoría y servicios profesionales" en `/sectores` (umbrella sectorial, cuando se haga). Es la más amplia de las cuatro y la que mejor abre la puerta a subsectores posteriores. - Mención breve en la home cuando se incorpore un bloque sectorial, con el ángulo "cada encargo con su equipo, sus horas y sus hitos". - Dos preguntas del blog editorial para pilar sectorial: *"Facturar por hitos sin perder la cuenta del alcance pactado"* y *"Timesheets en consultoría pequeña: lo justo y necesario, sin convertirlo en el trabajo principal"*. - Esta landing es la **semilla** para posibles landings más específicas en el futuro (`/sectores/bufetes`, `/sectores/ingenierias`, `/sectores/consultoras-de-negocio`), que se derivarán de aquí cuando el volumen de casos reales lo justifique. Mientras tanto, un único *hub* genérico cubre el sector. - La landing de `/recursos` es la que más tráfico cruzado va a enviar aquí (equipos, perfiles, tarifas internas); revisar al publicar que tenga un enlace al caso "consultoría con equipos mixtos". - La landing de `/proyectos` se beneficia de citar "encargo con hitos y T&M" entre sus ejemplos de uso. - La landing de `/firmas-digitales` puede citar "propuesta y adenda firmadas en encargo largo" en su bloque de ejemplos. - Las keywords *software consultoría*, *software servicios profesionales*, *software bufete*, *software ingeniería pyme* y *facturación por hitos* entran en el sitemap con prioridad 0.7. - **Sector cuarto en prioridad para testimonio**, tras despachos, construcción y agencias. Razón: el ángulo genérico dificulta un testimonio con gancho narrativo. Cuando haya testimonio aquí, anclarlo fuerte en un subsector reconocible (un bufete de 20 personas, una ingeniería de veinte, una consultora de negocio específica). - La decisión de vocabulario (encargo > proyecto; propuesta / alcance / hitos; entregables versionados; confidencialidad como moneda) queda disponible como referencia si el volumen de negocio justifica, en el futuro, sub-landings específicas por subsector. ## sectores/despachos-profesionales # Landing: `/sectores/despachos-profesionales` > Borrador detallado del contenido de la landing sectorial **Despachos profesionales** de ofihq.es. Cubre SEO, estructura de secciones y copy listo para maquetar. > Fuentes: `projects/ofihq/site-structure.md` (§5.7, §9), `projects/brand/brand-voice.md`, `projects/brand/messaging-matrix.md`, landings de Bloque A (`facturacion.md`, `proyectos.md`, `firmas-digitales.md`, `documentos.md`, `calendario.md`). --- ## 0. Decisiones de copy antes de entrar al detalle **Ángulo dominante de la página:** *OfiHQ es la oficina digital del despacho, la cartera de clientes con su expediente completo, las minutas, los documentos, las firmas y la coordinación interna*. Es el terreno que los programas de contabilidad (A3, Sage, Wolters Kluwer) no han cubierto nunca. El despacho que lea esta landing ya tiene resuelto el "libro"; lo que no tiene resuelto es todo lo demás que pasa alrededor del cliente. **Ángulos secundarios** que deben aparecer sin convertirse en protagonistas: - **Multi-empresa de serie.** Un despacho lleva 30, 80, 200 clientes. Cada uno es una empresa en OfiHQ, con su propia ficha. Sin tarifar por empresa gestionada, sin "contáctanos para tu tarifa". - **Expediente completo por cliente.** Minutas emitidas, trámites abiertos, documentos compartidos, firmas pendientes y comunicaciones en una sola pantalla. Pestañas, no ventanas distintas. - **Verifactu en las minutas del despacho.** Cuando el despacho factura a sus clientes, sus minutas cumplen Verifactu sin contratar un módulo. - **Firmas digitales integradas.** Poderes, autorizaciones, contratos de servicio, enviados y firmados desde la ficha del cliente, con rastro legal. - **Secreto profesional operativo.** Permisos por rol, acceso granular del cliente a su propio expediente, rastro de quién vio qué y cuándo. **Lo que evitamos:** - **Prometer la sustitución del software contable.** OfiHQ no lleva asientos, no presenta modelos AEAT y no hace nóminas. Decirlo en el hero sería frontal y posiblemente contraproducente; decirlo con calma en la FAQ es más honesto y cualifica tráfico. La landing jamás insinúa "deja A3". - **"Digitaliza tu despacho".** Vacío, usado hasta la saciedad por la competencia, no aporta. - **Comparativas con A3 / Sage / Wolters Kluwer.** No jugamos en esa liga y reconocerlo no resta, suma confianza. - **Lenguaje de urgencia** ("Con la Ley Crea y Crece, si no te digitalizas ya…"). Contradice brand voice. - **Lenguaje startup-y** ("digital-first", "potencia tu asesoría", "lleva tu despacho al siguiente nivel"). Inexistente en este sector; suena a outsider. - **Tecnicismos de stack** (Rails, API, MCP como buzzword). El despacho no quiere saber qué hay debajo; quiere saber si funciona y si cumple. **Vocabulario sectorial acordado:** | Término OfiHQ | En esta landing | |---|---| | proyecto | **expediente** (por defecto) | | tarea | **trámite** / **gestión** | | cliente (en CRM) | **cliente del despacho** cuando hay ambigüedad; **cliente** a secas cuando el contexto es claro | | factura | **factura** (principal) / *minuta* / *honorarios* (sinónimos ocasionales) | | gasto | gasto (sin cambio) | *Nota: "despacho" se usa como término general, con "asesoría" y "gestoría" como sinónimos intercambiables según lo pida la frase.* **CTAs de la página:** - Primaria: **"Prueba gratis 30 días"** → `https://app.ofihq.com/signup?source=despachos-profesionales` - Secundaria: **"Ver precios"** → `/precios` --- ## 1. Metadatos SEO | Campo | Valor | |---|---| | `title` | Software para despachos y asesorías, OfiHQ | | `description` | Multi-empresa de serie, minutas con Verifactu, expediente completo por cliente, firmas digitales y documentos compartidos. La oficina del despacho, en una sola herramienta. | | `canonical` | `https://ofihq.es/sectores/despachos-profesionales` | | `og:title` | La oficina del despacho, en una sola herramienta. | | `og:description` | Expediente completo por cliente, minutas con Verifactu, firmas digitales y multi-empresa de serie. Sin DocuSign aparte, sin Dropbox, sin Excel de clientes. Incluido en el plan Todo incluido de OfiHQ. | | `og:image` | `og-despachos.png` (pendiente, captura de la ficha de un cliente con pestañas de Expedientes, Minutas, Documentos y Firmas) | **Keywords target** (orientan el copy, no stuffing): - Primarias: *software despacho profesional*, *software asesoría*, *software gestoría* - Secundarias: *gestión expedientes despacho*, *facturación asesoría*, *firmas digitales gestoría*, *multi-empresa despacho*, *programa para asesorías*, *software despacho contable* **Structured data a incluir (JSON-LD en ``):** - `SoftwareApplication` (plantilla del sitio, `description` adaptada al sector). - `FAQPage` generado desde la sección 8. - `BreadcrumbList`: Inicio › Sectores › Despachos profesionales. --- ## 2. Estructura general ``` 1. Hero sectorial → posicionamiento y CTA primaria 2. Tira de confianza → 3 claims visuales 3. El trabajo del despacho → reconocimiento del dolor 4. Así trabajas con OfiHQ (5 bloques) → cuerpo principal 5. Testimonio → condicional (si hay despacho citable) 6. FAQ (6 preguntas) → cierre educativo + FAQPage schema 7. CTA final → cierre cálido + prueba gratis ``` --- ## 3. Sección 1, Hero **Cometido.** En cinco segundos, que el visitante entienda que OfiHQ cubre la parte del despacho que su programa contable no cubre: cartera de clientes con expediente completo, minutas, documentos, firmas. El mensaje no niega nada ("no sustituimos A3"); afirma positivamente lo que sí hace. La FAQ aclarará los límites sin combatividad. **Estructura visual.** Eyebrow + H1 + lead + dos CTAs. A la derecha (en desktop), captura real de la ficha de un cliente con pestañas de Datos, Expedientes, Minutas, Documentos y Firmas, el mensaje entero en una imagen. ### Textos - **Eyebrow:** Para despachos, asesorías y gestorías - **H1:** La oficina del despacho, en una sola herramienta. - **Lead:** > Lleva la cartera entera, cada cliente con su expediente, sus trámites, sus documentos y sus minutas, sin saltar entre Excel, Dropbox, DocuSign y un programa de facturación aparte. Multi-empresa de serie, Verifactu incluido en las minutas y firmas digitales sin contratar nada al margen. - **CTA primaria:** `Prueba gratis 30 días →` - **CTA secundaria:** `Ver precios` - **Microcopy bajo las CTAs:** Sin tarjeta. Sin compromiso. El despacho operativo en menos de un día. --- ## 4. Sección 2, Tira de confianza **Cometido.** Tres claims que el despacho necesita confirmar antes de seguir bajando: que no hay tope de clientes, que las minutas cumplen Verifactu, y que todo lo del cliente vive junto. **Estructura visual.** Fila de tres ítems con icono + una línea. Sin ornamento. ### Textos | Icono | Claim | |---|---| | 🏢 | **Multi-empresa de serie.** Tantos clientes en tu cartera como lleves. Cada uno con su ficha. | | 🧾 | **Verifactu en las minutas.** Cuando le facturas a tu cliente, cumples sin tocar nada. | | 📂 | **Expediente completo por cliente.** Trámites, documentos, firmas y comunicación en una sola pantalla. | *Nota de producción: sustituir emojis por iconografía propia en la maqueta. Se usan aquí por brevedad.* --- ## 5. Sección 3, El trabajo del despacho (el problema real) **Cometido.** Nombrar el dolor en la voz del despacho pequeño y mediano. Más extenso que en un módulo de Bloque A: el sector tiene un dolor más rico, cinco herramientas alrededor del libro contable, no dentro de él. Sin dramatismo, sin "¡pobre de ti!". Observación calmada. ### Textos - **H2:** El trabajo del despacho no cabe en el programa contable. - **Párrafo:** > El contable ya lleva los asientos, los modelos y las nóminas. Eso está resuelto y no es lo que te quita las tardes. Lo que te quita las tardes es todo lo demás: la hoja de Excel con los clientes y los servicios que tienen contratados; los trámites abiertos apuntados en un Trello medio vivo; los documentos de cada cliente en una carpeta de Dropbox a la que accede medio despacho; los poderes que vuelan por email para que los firme el administrador; las minutas emitidas desde un programita aparte que no sabe nada del cliente; y el calendario con los vencimientos, que cada socio lleva en su propio móvil. Cada vez que alguien pregunta "¿cómo va lo de Vilaseca?", abres cuatro pantallas para componer la foto. Y con Verifactu entrando este año, una de esas pantallas, la de la minuta, ya no sirve como estaba. --- ## 6. Sección 4, Así trabajas con OfiHQ (5 bloques) **Cometido.** El cuerpo de la página. Cinco capacidades concretas, cada una tirando de un módulo real de OfiHQ pero contada en lenguaje del despacho. Cada bloque tiene titular orientado a resultado, párrafo explicativo y, en la maqueta, una miniatura de UI. **Estructura visual.** Rejilla alternada: bloque con captura a un lado, siguiente bloque con captura al otro lado. Desktop 2 columnas, móvil stack vertical. ### 6.1 Bloque 1, Cada cliente, un expediente completo - **H3:** Una ficha por cliente. Todo lo que le afecta, visible. - **Párrafo:** > Das de alta al cliente una vez, NIF, razón social, domicilio fiscal, régimen fiscal, y a partir de ahí todo se cuelga de su ficha. Los expedientes abiertos, las minutas emitidas, los documentos compartidos, las firmas pendientes, las comunicaciones recientes. Cuando el cliente llama, abres su ficha y tienes delante lo que sabéis de él, sin abrir otras cuatro aplicaciones para reconstruir la historia. Y el equipo encuentra lo mismo, sin tener que preguntar a quien lo llevó ayer. - **Captura asociada:** Ficha de "Gráficas Vilaseca S.L." con cinco pestañas, Datos, Expedientes, Minutas, Documentos, Firmas, y la pestaña de Expedientes abierta con tres trámites activos. ### 6.2 Bloque 2, Cada expediente, con horas, documentos y vencimiento - **H3:** El expediente también es un proyecto. - **Párrafo:** > Abrir una constitución, llevar el laboral mensual de un cliente, tramitar un recurso contencioso, todo son expedientes en OfiHQ, con sus trámites, sus responsables, sus horas imputadas, sus documentos y su vencimiento. Desde el tablero de expedientes activos del despacho ves en un vistazo qué está en marcha, quién lo lleva y qué vence esta semana. Las horas imputadas a cada expediente luego alimentan la minuta, sin una hoja de control aparte para acordarte de qué habías hecho. - **Captura asociada:** Tablero de expedientes activos agrupados por estado (En curso, Pendiente de cliente, Para firma, Cerrado este mes), con miniatura del cliente y días restantes al vencimiento. ### 6.3 Bloque 3, Firmar sin salir de la ficha - **H3:** Poderes, autorizaciones y contratos, firmados desde OfiHQ. - **Párrafo:** > Plantilla, destinatario, envío. El cliente firma desde el email que le llega, con validez legal, y el documento firmado vuelve a su carpeta en OfiHQ con el rastro completo: quién firmó, cuándo, desde qué dirección IP. No hay DocuSign aparte, no hay factura por firma, no hay que descargar un PDF para volver a subirlo. Si un cliente se retrasa en firmar un poder, lo ves en la lista de firmas pendientes de su expediente sin recordarlo de memoria. - **Captura asociada:** Listado de firmas pendientes del despacho con antigüedad, y un PDF firmado con su bloque de trazabilidad al lado. ### 6.4 Bloque 4, La minuta nace del expediente - **H3:** Facturar al cliente no es un sistema aparte. - **Párrafo:** > Cuando el trabajo está hecho, emites la minuta desde el mismo expediente. Los datos del cliente ya están, NIF, domicilio, régimen fiscal, las horas imputadas están, el servicio está descrito. Verifactu se cumple de serie: sin tocar nada, sin contratar un módulo, sin pensar. Si trabajas con clientes intracomunitarios, con recargo de equivalencia o exentos, la minuta lo refleja correctamente porque OfiHQ conoce los regímenes fiscales españoles y los detecta del cliente. - **Captura asociada:** Minuta en borrador, con la referencia al expediente de origen, el detalle de horas imputadas y el bloque de régimen fiscal ya rellenado. ### 6.5 Bloque 5, El calendario del despacho, compartido - **H3:** Los vencimientos que importan, todos los ven. - **Párrafo:** > El 20 de cada mes, el 30 de junio, el 31 de enero. Los vencimientos fiscales, las reuniones con clientes y las visitas a Hacienda aparecen en el calendario compartido del despacho. Cada trámite con fecha entra ahí automáticamente al crearse. Cuando un compañero está fuera, ves qué le toca la semana que viene sin llamarle. Y cuando un cliente pide cita, no la das encima de otra que tu socio ya tenía apuntada en su móvil. - **Captura asociada:** Vista semanal del calendario del despacho con vencimientos fiscales, reuniones con clientes y tareas de expediente convivientes, con color por tipo. --- ## 7. Sección 5, Testimonio (condicional) **Cometido.** Aportar prueba social con un despacho real. **Si no hay despacho citable con consentimiento, este bloque no se publica.** Mejor vacío que falso, según brand-voice. **Nota estratégica para producción:** despachos es el sector prioritario para colocar el primer testimonio del sitio. Tiene un ángulo narrativo fuerte ("dejamos el Excel de clientes y el Dropbox en una tarde") y un comprador reconocible para otros del sector. **Estructura visual.** Cita destacada + foto + nombre, cargo y despacho. Opcionalmente una cifra concreta ("llevamos 120 clientes en OfiHQ" / "antes teníamos tres herramientas alrededor de A3, ahora una"). ### Placeholder mientras no haya testimonio *No publicar este bloque. En su lugar, aumentar el espacio vertical entre la sección 4 y la sección 8 y dejar respirar el diseño.* ### Plantilla cuando haya testimonio > "[Cita directa del titular o gestor del despacho, 2–3 frases. Concreta: qué herramientas dejaron, cuántos clientes llevan en OfiHQ, qué ha mejorado en el día a día.]" > > **[Nombre Apellido]**, [Cargo: titular / socia / responsable de operaciones], [Nombre del despacho, ciudad] --- ## 8. Sección 6, FAQ **Cometido.** Responder las preguntas que bloquean la decisión en este sector, incluidas las incómodas. Tono de colega que sabe. Respuestas de 3–5 líneas, honestas. La FAQ es el lugar donde los carve-outs (A3, modelos, nóminas) se explican con calma, sin combatividad y sin meterlos en el hero. **Estructura visual.** Acordeón con 6 preguntas, cerradas por defecto salvo la primera. Generar `FAQPage` schema desde este contenido. ### Textos #### 8.1 ¿OfiHQ sustituye a A3, Sage o Wolters Kluwer? > No. OfiHQ no es software de contabilidad: no lleva asientos, no cierra ejercicios, no presenta modelos AEAT y no hace nóminas. Esos programas siguen siendo los que llevan los libros de tus clientes y lo harán bien. OfiHQ cubre la parte que esos programas no han cubierto nunca, la oficina del despacho: la cartera de clientes con su expediente completo, las minutas del despacho con Verifactu, los documentos compartidos, las firmas digitales y la coordinación interna. La mayoría de despachos con los que hablamos usan OfiHQ y su contable en paralelo: cada uno en lo suyo. #### 8.2 ¿Presenta modelos de la AEAT (303, 390, 130, 200, 347)? > No. La presentación de modelos sigue en tu software de contabilidad o en la sede electrónica de la AEAT. Lo que sí tienes en OfiHQ es el expediente alrededor del modelo: sus trámites, sus documentos, las horas imputadas y la minuta al cliente. El rastro del trabajo, no el modelo en sí. #### 8.3 ¿Lleva nóminas? > No. Las nóminas se quedan en A3Nom, Nominasol o el programa que ya uses. OfiHQ lleva la gestión operativa del expediente laboral del cliente, altas, bajas, partes, documentación que pide el gestor, pero la confección de la nómina la dejamos a quien lleva décadas haciéndola. Añadir una cuarta herramienta con la misma función que la que ya tienes no tiene sentido. #### 8.4 ¿Pueden mis clientes acceder a su expediente? > Sí, con permisos granulares. Puedes invitar al cliente a su propia ficha y controlar exactamente qué ve, sus minutas, ciertos documentos, el estado de trámites concretos, las firmas pendientes, sin darle acceso al resto del despacho. Muchos despachos lo usan para que el cliente firme desde la misma herramienta en lugar de recibir PDFs por WhatsApp, o para que consulte sus facturas sin tener que pedirlas por email. El acceso del cliente se activa o se retira en dos clics. #### 8.5 ¿Cuánto tardo en migrar la cartera y los trámites en curso? > Normalmente un día, como mucho dos. Importas la cartera de clientes desde Excel o desde el programa de contabilidad (NIF, razón social, dirección, régimen fiscal) y los trámites vivos desde donde los tengas hoy, una hoja de control, un Trello, una bandeja de Asana. El histórico antiguo no se recrea automáticamente: lo que no estaba en OfiHQ no se inventa. Lo que sí importa son los trámites en curso y la ficha completa del cliente, listos para trabajar desde el primer día. #### 8.6 ¿LOPDGDD y secreto profesional? > Datos alojados en la UE, cifrados en reposo y en tránsito, con rastro completo de accesos. Los permisos por rol separan quién ve qué: un junior del despacho no ve los expedientes fiscales de otro socio, una gestoría externa que te audita ve sólo lo que le habilitas y por el tiempo que quieras. El rastro queda guardado para cuando el Colegio, Hacienda o un cliente pidan justificar quién vio qué y cuándo. Firmamos acuerdo de encargado del tratamiento con todos los despachos que lo piden. --- ## 9. Sección 7, CTA final **Cometido.** Cierre. Titular cálido, promesa concreta, CTA primaria y secundaria. Tono cercano, sin urgencia artificial. Mención explícita de apoyo a la migración, en este sector pesa. **Estructura visual.** Bloque a pantalla completa con fondo diferenciado. Texto centrado. Dos botones. ### Textos - **H2:** Empieza hoy. Tu primer cliente con expediente completo esta tarde. - **Párrafo:** > Prueba OfiHQ gratis durante 30 días. Sin tarjeta, sin compromiso y con tu cartera importada desde Excel o desde el programa que uses ahora. - **CTA primaria:** `Crea tu cuenta gratis →` - **CTA secundaria:** `Hablar con nosotros` - **Microcopy bajo las CTAs:** Si tu despacho lleva más de 50 clientes, te acompañamos con la migración sin coste. --- ## 10. Notas de maquetación y assets **Capturas necesarias para la página** (por orden de aparición): 1. Ficha de un cliente con pestañas de Datos, Expedientes, Minutas, Documentos y Firmas (hero, lateral derecho). 2. Ficha completa del cliente con la pestaña de Expedientes abierta y tres trámites activos (bloque 6.1). 3. Tablero de expedientes activos agrupado por estado, con vencimientos (bloque 6.2). 4. Listado de firmas pendientes + PDF firmado con bloque de trazabilidad (bloque 6.3). 5. Minuta en borrador originada en un expediente, con horas imputadas y régimen fiscal (bloque 6.4). 6. Calendario compartido del despacho con vencimientos fiscales, reuniones y trámites (bloque 6.5). **Tratamiento visual:** - Capturas reales del producto, nunca mockups inventados. - Datos realistas propios del sector: "Gráficas Vilaseca S.L.", "Panadería Molins", "Consultora Aribau S.L.", "Instalaciones Bravo". Evitar nombres genéricos tipo "ACME S.L." o "Empresa 1". - Nombres de trámite creíbles: "Modelo 303 – 2T 2026", "Constitución S.L., Bravo", "Laboral mensual", "Recurso económico-administrativo". Nunca "Tarea 1" o "Trámite de prueba". - Cifras del tablero coherentes entre capturas. - Screenshots con bordes redondeados suaves y sombra ligera. - Respetar el set tipográfico y cromático definido en `src/styles/tokens.css`. **Iconos:** - La tira de confianza (sección 4) necesita iconografía propia, mismo set que el resto de landings de Bloque A. - En la sección 6, cada bloque puede llevar un pequeño icono identificativo (ficha, tablero, firma, factura, calendario) si la maqueta lo pide; en caso contrario, sólo captura. **Cabecera de sección sectorial:** - Si se implementa una umbrella en `/sectores`, este breadcrumb debería ser claro: *Inicio › Sectores › Despachos profesionales*. Mientras la umbrella no exista, breadcrumb reducido a *Inicio › Despachos profesionales*. --- ## 11. Checklist antes de publicar - [ ] Capturas de producto finales en su lugar (no placeholders). - [ ] Nombres de cliente y de trámite en las capturas son realistas y coherentes entre sí. - [ ] Enlaces internos verificados: `/precios`, `/facturacion`, `/firmas-digitales`, `/documentos`, `/proyectos`, `/calendario`. - [ ] CTAs apuntan al signup con `?source=despachos-profesionales`. - [ ] Structured data `SoftwareApplication`, `FAQPage` y `BreadcrumbList` presentes. - [ ] `title` y `meta description` dentro de los límites recomendados (60 / 155 caracteres). - [ ] OG image generada y pesando < 300 kB. - [ ] Accesibilidad: todos los iconos con texto equivalente; acordeón de FAQ navegable por teclado; contraste AA en todos los bloques. - [ ] Prueba en móvil: ningún bloque hace scroll horizontal; CTAs con área táctil ≥ 44 px. - [ ] Sección de testimonio: publicada sólo si hay despacho real citable; en caso contrario, oculta sin dejar rastro. - [ ] Verificado que la FAQ aclara con calma los tres carve-outs (A3, modelos, nóminas) y que ningún otro punto de la landing los insinúa como cubiertos. --- ## 12. Ganchos al resto del plan - De esta landing se extraerá, en bloques posteriores del orden de trabajo (ver §9 de `site-structure.md`): - Card de "Despachos profesionales" en `/sectores` (umbrella sectorial, cuando se haga). - Mención breve en la home cuando se incorpore un bloque sectorial, con el ángulo "multi-empresa + expediente completo". - Dos preguntas del blog editorial para pilar sectorial: *"¿Qué software necesita un despacho profesional, más allá de la contabilidad?"* y *"Verifactu en despachos: qué cambia para las minutas al cliente"*. - La landing de `/facturacion` puede enlazar aquí desde su sección de multi-empresa cuando se actualice. - La landing de `/firmas-digitales` puede citar desde su FAQ el caso de uso "poderes y autorizaciones en despachos". - Las keywords *software despacho profesional*, *software asesoría* y *software gestoría* entran en el sitemap con prioridad 0.7. - **Sector prioritario para el primer testimonio publicado del sitio**: tiene la mejor historia de reemplazo de stack y el comprador es reconocible para otros del sector. - La decisión de vocabulario de esta landing (expediente > proyecto, trámite > tarea) se reutiliza cuando se redacte la landing de `/sectores/consultoria-y-servicios`; no así en `/sectores/construccion-y-reformas` ni en `/sectores/agencias-creativas`, que tienen vocabulario propio. ## legal # Documentos legales, OfiHQ > Las tres páginas legales del sitio público de OfiHQ. Cada sección H2 (`## privacidad`, `## terminos`, `## cookies`) corresponde a una página y se sirve en su `.md` companion vía `LandingMarkdownResponder#extract_section`. La página HTML renderiza el cuerpo Markdown a través del partial `shared/landing/_legal_article` (Redcarpet + auto-TOC). ## privacidad *Última actualización: 21 de marzo de 2026* Tu privacidad nos importa. Esta política explica qué datos recoge OfiHQ, por qué los recogemos, cómo los usamos y qué derechos tienes. La hemos escrito en lenguaje claro porque los documentos legales no deberían requerir un abogado para entenderlos. OfiHQ es operado por HappyMoodScore S.L., con sede en Madrid, España. Cuando decimos "OfiHQ", "nosotros" o "nuestro", nos referimos a HappyMoodScore S.L. Cuando decimos "tú" o "tu", nos referimos a ti, la persona u organización que usa nuestro servicio. ### Qué datos recogemos #### Información que nos proporcionas Cuando creas una cuenta o usas OfiHQ, nos facilitas: - **Información de cuenta:** Tu nombre, dirección de correo electrónico, nombre de empresa y contraseña al registrarte. - **Información de facturación:** Datos de pago cuando te suscribes a un plan de pago. Usamos un procesador de pagos externo, nunca vemos ni almacenamos tu número de tarjeta completo. - **Datos de negocio:** La información que introduces en los módulos de OfiHQ, facturas, contactos, proyectos, gastos, documentos, tareas, objetivos, notas y registros de empleados. Estos datos son tuyos. Te pertenecen. - **Comunicaciones:** Mensajes que envías a nuestro equipo de soporte o a través de nuestro formulario de contacto. #### Información que recogemos automáticamente Cuando usas OfiHQ, recogemos automáticamente: - **Datos de uso:** Qué funciones usas, con qué frecuencia y cómo navegas por el producto. Esto nos ayuda a mejorar OfiHQ. - **Información de dispositivo y navegador:** Tipo de navegador, sistema operativo, resolución de pantalla y preferencias de idioma. Lo usamos para asegurar que OfiHQ funcione correctamente en tu dispositivo. - **Dirección IP y ubicación:** Tu dirección IP y ubicación geográfica aproximada. Lo usamos por seguridad (detectar actividad de inicio de sesión inusual) y para cumplir con requisitos legales. - **Cookies y tecnologías similares:** Consulta nuestra [política de cookies](/es/cookies) para ver qué cookies usamos y por qué. #### Información de terceros - **Procesador de pagos:** Nuestro proveedor de pagos comparte el estado de la transacción (correcta, fallida) pero no tus datos de pago completos. - **Proveedores de analítica:** Podemos usar herramientas de analítica respetuosas con la privacidad para entender cómo la gente encuentra y usa OfiHQ. ### Cómo usamos tus datos Usamos tus datos para estos fines y ningún otro: | Finalidad | Datos utilizados | Base legal (RGPD) | |---|---|---| | Prestar el servicio OfiHQ | Info de cuenta, datos de negocio | Ejecución del contrato | | Procesar pagos | Info de facturación | Ejecución del contrato | | Mejorar el producto | Datos de uso, info de dispositivo | Interés legítimo | | Enviar actualizaciones del servicio | Correo electrónico | Ejecución del contrato | | Enviar emails comerciales (solo con tu consentimiento) | Correo electrónico | Consentimiento | | Atención al cliente | Comunicaciones, info de cuenta | Ejecución del contrato | | Detectar y prevenir fraude | Dirección IP, patrones de uso | Interés legítimo | | Cumplir obligaciones legales | Varios, según se requiera | Obligación legal | > **Lo que no hacemos:** > > - No vendemos tus datos a nadie. Nunca. > - No usamos tus datos de negocio para entrenar modelos de IA de uso general. > - No compartimos tus datos con anunciantes. > - No leemos tus datos de negocio a menos que nos lo pidas (para soporte técnico). ### El asistente de IA y tus datos El asistente de IA de OfiHQ funciona accediendo a los datos de tu espacio de trabajo para realizar las tareas que solicitas, como crear facturas, asignar tareas o categorizar gastos. #### Lo que debes saber - El asistente de IA solo accede a datos dentro de tu espacio de trabajo. No puede ver datos de otros clientes. - El asistente de IA procesa tus solicitudes para completar tareas. No usa tus datos de negocio para mejorar modelos para otros clientes. - El procesamiento de IA se realiza en servidores seguros. Tus datos están cifrados en tránsito y en reposo. - Tú controlas lo que hace el asistente de IA. Solo ejecuta acciones que tú o los miembros de tu equipo soliciten. ### Cómo protegemos tus datos #### Medidas de seguridad - **Cifrado:** Tus datos están cifrados en tránsito (TLS 1.2+) y en reposo (AES-256). - **Controles de acceso:** Solo miembros autorizados del equipo OfiHQ pueden acceder a la infraestructura. El acceso a datos de clientes requiere autorización explícita y queda registrado. - **Copias de seguridad:** Copias de seguridad cifradas regulares para proteger contra la pérdida de datos. - **Monitorización:** Monitorizamos amenazas de seguridad e intentos de acceso no autorizado. ### Cuándo compartimos tus datos Compartimos tus datos solo en estas circunstancias limitadas: - **Proveedores de servicios:** Usamos proveedores de confianza para alojamiento, procesamiento de pagos, envío de correo y analítica. Cada proveedor está obligado contractualmente a proteger tus datos y usarlos solo para el servicio que nos presta. - **Requisitos legales:** Si lo exige la ley, regulación o un proceso legal válido (como una orden judicial), podemos divulgar datos. Te notificaremos a menos que la ley nos lo prohíba. - **Transferencias de negocio:** Si OfiHQ es adquirido o se fusiona con otra empresa, tus datos pueden ser transferidos. Te notificaremos antes de que tus datos estén sujetos a una política de privacidad diferente. - **Con tu consentimiento:** Si nos pides que compartamos datos con un tercero (por ejemplo, una integración que actives), lo haremos. No compartimos tus datos en ninguna otra circunstancia. ### Tus derechos Dependiendo de tu ubicación, tienes los siguientes derechos: - **Acceso:** Solicitar una copia de los datos que tenemos sobre ti. - **Rectificación:** Pedirnos que corrijamos datos inexactos. - **Supresión:** Pedirnos que eliminemos tus datos. Lo haremos a menos que estemos obligados legalmente a conservarlos. - **Exportación:** Descargar tus datos en un formato estándar. Tus datos son tuyos, puedes llevártelos contigo. - **Limitación del tratamiento:** Pedirnos que dejemos de usar tus datos para ciertos fines. - **Oposición:** Oponerte a nuestro tratamiento de tus datos basado en interés legítimo. - **Retirada del consentimiento:** Si nos diste consentimiento para algo (como emails comerciales), puedes retirarlo en cualquier momento. - **Portabilidad:** Solicitar tus datos en un formato legible por máquina para transferirlos a otro servicio. **Para ejercer cualquiera de estos derechos:** Escríbenos a privacy@ofihq.com. Responderemos en un plazo de 30 días (o antes si la ley lo exige). **Para residentes en la UE/EEE:** Tienes derecho a presentar una reclamación ante tu autoridad de protección de datos local si consideras que no estamos tratando tus datos correctamente. En España, la autoridad competente es la **Agencia Española de Protección de Datos (AEPD)**. ### Retención de datos #### Cuánto tiempo conservamos tus datos - **Cuentas activas:** Conservamos tus datos mientras tu cuenta esté activa. - **Cuentas cerradas:** Cuando cierras tu cuenta, eliminamos tus datos de negocio en un plazo de 30 días. Podemos conservar información básica de cuenta (nombre, email, historial de facturación) hasta 2 años por motivos legales y contables. - **Copias de seguridad:** Los datos en copias de seguridad se sobrescriben en un ciclo rotativo y se eliminan completamente en un plazo de 90 días tras el cierre de la cuenta. - **Conversaciones de soporte:** Conservadas hasta 2 años para ayudar con problemas recurrentes, después se eliminan. Si quieres que eliminemos tus datos antes, escríbenos a privacy@ofihq.com y nos encargamos. ### Transferencias internacionales OfiHQ tiene su sede en España (UE). Tus datos se almacenan principalmente dentro del Espacio Económico Europeo (EEE). Si transferimos datos fuera del EEE (por ejemplo, a un proveedor de servicios en Estados Unidos), usamos garantías adecuadas: - Cláusulas contractuales tipo de la UE (CCT) - Decisiones de adecuación de la Comisión Europea cuando corresponda ### Privacidad de menores OfiHQ es una herramienta de negocio. No está diseñada ni dirigida a menores de 16 años. No recogemos conscientemente datos de menores. Si crees que un menor nos ha proporcionado datos personales, contacta con nosotros en privacy@ofihq.com y los eliminaremos. ### Cambios en esta política Podemos actualizar esta política de privacidad de vez en cuando. Cuando lo hagamos: - Actualizaremos la fecha de "Última actualización" de arriba. - Para cambios significativos, te notificaremos por email o mediante un aviso dentro de OfiHQ. - No reduciremos tus derechos bajo esta política sin tu consentimiento explícito. ### Contacto ¿Preguntas sobre tu privacidad? - **Email:** privacy@ofihq.com - **Dirección:** HappyMoodScore S.L., Madrid, España ## terminos *Última actualización: 21 de marzo de 2026* Estos términos regulan tu uso de OfiHQ. Al crear una cuenta, los aceptas. Los hemos escrito lo más claro posible, si algo no tiene sentido, pregúntanos en legal@ofihq.com. OfiHQ es operado por HappyMoodScore S.L., registrada en Madrid, España. En estos términos, "OfiHQ", "nosotros" y "nuestro" se refieren a HappyMoodScore S.L. "Tú" y "tu" se refieren a ti y a la organización que representas. ### Tu cuenta #### Crear y gestionar tu cuenta - Necesitas una dirección de correo electrónico válida para crear una cuenta en OfiHQ. - Eres responsable de mantener tus credenciales de acceso seguras. Si crees que alguien ha accedido a tu cuenta sin permiso, contacta con nosotros inmediatamente. - Una persona u organización por cuenta. Puedes invitar a miembros de tu equipo a tu espacio de trabajo. - La persona que crea la cuenta es la propietaria. El propietario puede transferir la titularidad a otro miembro del equipo. - Debes tener al menos 16 años para crear una cuenta. - Proporcionarás información veraz al registrarte. Si tus datos cambian, actualízalos. ### Tus datos #### Tus datos son tuyos Los datos de negocio que introduces en OfiHQ, facturas, contactos, proyectos, gastos, documentos, tareas y todo lo demás, te pertenecen. No reclamamos su propiedad. Punto. #### Qué significa "tus datos son tuyos" en la práctica - Puedes exportar tus datos en cualquier momento en formatos estándar. - No usaremos tus datos de negocio para entrenar modelos de IA de uso general. - No venderemos tus datos a nadie. - No compartiremos tus datos excepto como se describe en nuestra [política de privacidad](/es/privacidad). - Si cierras tu cuenta, eliminaremos tus datos en un plazo de 30 días (consulta nuestra [política de privacidad](/es/privacidad) para más detalles sobre retención). #### Lo que necesitamos para operar el servicio Nos concedes una licencia limitada para almacenar, procesar, mostrar y transmitir tus datos exclusivamente para prestarte el servicio OfiHQ. Esta licencia existe solo mientras tu cuenta esté activa. Finaliza cuando tu cuenta se cierra y tus datos se eliminan. ### Asistente de IA #### Cómo funciona el asistente de IA El asistente de IA de OfiHQ realiza tareas en tu espacio de trabajo según tus instrucciones, crear facturas, asignar tareas, categorizar gastos y más. #### Lo que debes saber - **Tu responsabilidad.** El asistente de IA sigue tus instrucciones. Eres responsable de revisar el trabajo que produce. Revisa las facturas antes de enviarlas, comprueba las asignaciones de tareas y verifica las categorizaciones de gastos. - **Precisión.** El asistente de IA es útil pero no perfecto. Puede cometer errores ocasionalmente. Revisa siempre los resultados importantes antes de actuar sobre ellos. - **Alcance de datos.** El asistente de IA solo accede a datos dentro de tu espacio de trabajo. No puede acceder a datos de otros clientes. - **Sin decisiones independientes.** El asistente de IA actúa según tus solicitudes. No toma acciones por su cuenta a menos que hayas configurado reglas de automatización que activen flujos específicos. - **Mejoras.** Mejoramos regularmente las capacidades del asistente de IA. Te notificaremos de cambios significativos que afecten a su funcionamiento. ### Uso aceptable #### Lo que puedes hacer Usa OfiHQ para gestionar tu negocio. Para eso está. En concreto: - Gestionar facturas, proyectos, contactos, gastos, documentos y todas las demás operaciones de negocio. - Invitar a miembros de tu equipo a colaborar. - Usar el asistente de IA para automatizar trabajo rutinario. - Exportar tus datos cuando quieras. - Conectar OfiHQ con otras herramientas a través de nuestra API (cuando esté disponible). #### Lo que no puedes hacer - **Actividad ilegal.** No uses OfiHQ para nada ilegal en tu jurisdicción. - **Causar daño.** No uses OfiHQ para acosar, amenazar o hacer daño a otras personas. - **Abuso del servicio.** No intentes sobrecargar, hackear, hacer ingeniería inversa o interferir con la infraestructura de OfiHQ. - **Suplantación de identidad.** No crees cuentas con identidades falsas ni te hagas pasar por otros. - **Reventa sin permiso.** No revendas el acceso a OfiHQ sin nuestro consentimiento por escrito. - **Eludir límites.** No crees múltiples cuentas para evitar límites de uso o de precio. Si detectamos que estás incumpliendo estas reglas, podemos suspender o cancelar tu cuenta. Te diremos por qué y te daremos la oportunidad de corregirlo cuando sea posible. ### Facturación y pagos #### Cómo funciona la facturación - **Periodo de prueba gratuito.** Las cuentas nuevas empiezan con un periodo de prueba gratuito de 14 días. Sin tarjeta de crédito. Todas las funciones disponibles. - **Planes de suscripción.** Después de tu prueba, eliges un plan y pagas por usuario al mes. Consulta nuestra página de [precios](/es/precios) para ver los precios actuales. - **Ciclo de facturación.** Se te factura mensualmente en el aniversario de la fecha de inicio de tu suscripción. - **Añadir usuarios.** Cuando añades un usuario a mitad de ciclo, se te cobra un importe prorrateado por el resto del periodo. - **Eliminar usuarios.** Cuando eliminas un usuario, el cambio se aplica en el siguiente ciclo de facturación. No hay reembolso prorrateado por meses parciales. - **Pagos fallidos.** Si un pago falla, te notificaremos y lo reintentaremos. Si el pago no se resuelve en 14 días, podemos suspender tu cuenta. Tus datos se mantienen seguros, simplemente no puedes acceder a ellos hasta que se resuelva el pago. - **Cambios de precio.** Te avisaremos con al menos 30 días de antelación antes de cambiar los precios. El nuevo precio se aplica a tu siguiente ciclo de facturación después del periodo de aviso. #### Cancelación - Puedes cancelar tu suscripción en cualquier momento desde los ajustes de tu cuenta. - La cancelación se aplica al final de tu periodo de facturación actual. Mantienes el acceso hasta entonces. - No ofrecemos reembolsos por meses parciales. Si cancelas el día 5 de un ciclo de 30 días, sigues teniendo acceso durante los 25 días restantes. - Después de la cancelación, tus datos permanecen accesibles durante 30 días para que puedas exportarlos. Después, se eliminan según nuestra [política de privacidad](/es/privacidad). ### Disponibilidad del servicio #### Lo que nos proponemos Trabajamos para mantener OfiHQ disponible y fiable. Pero no podemos prometer un 100% de disponibilidad. - Aspiramos a una disponibilidad del 99,9% para el servicio principal. - Realizamos mantenimientos en horas de bajo tráfico y te avisamos con antelación cuando es posible. - Si hay una caída, comunicaremos a través de nuestra página de estado y por email. #### Lo que no está cubierto No somos responsables de interrupciones causadas por: - Tu conexión a internet o problemas de red local. - Servicios de terceros que uses junto con OfiHQ. - Eventos de fuerza mayor (desastres naturales, caídas generalizadas de internet, etc.). - Mantenimientos programados comunicados con antelación. ### Propiedad intelectual #### Qué pertenece a quién - **Tus datos:** Tuyos. Ver la sección "Tus datos" más arriba. - **Software y marca OfiHQ:** Nuestros. El software, diseño, código, documentación y materiales de marca de OfiHQ están protegidos por leyes de propiedad intelectual. Tu suscripción te da una licencia para usar el servicio, no la propiedad del software. - **Sugerencias:** Si nos sugieres una funcionalidad o mejora, podemos usar esa idea sin obligación hacia ti. Valoramos las sugerencias, hacen que el producto sea mejor para todos. ### Limitación de responsabilidad #### De qué somos responsables Somos responsables de prestar el servicio OfiHQ tal como se describe y de tratar tus datos según nuestra [política de privacidad](/es/privacidad). #### De qué no somos responsables En la medida máxima permitida por la ley: - OfiHQ se proporciona "tal cual". No hacemos garantías más allá de lo establecido en estos términos. - No somos responsables de daños indirectos, incidentales o consecuentes, como pérdida de ingresos, pérdida de datos (más allá de nuestras obligaciones de backup) o interrupción del negocio. - Nuestra responsabilidad total por cualquier reclamación relacionada con el servicio se limita al importe que nos hayas pagado en los 12 meses anteriores a la reclamación. - El asistente de IA proporciona resultados basados en tus datos e instrucciones. No somos responsables de las decisiones de negocio que tomes basándote en los resultados del asistente de IA. Revisa siempre antes de actuar. Estas limitaciones se aplican en la medida permitida por la legislación aplicable. Algunas jurisdicciones no permiten ciertas limitaciones, y en esos casos la limitación correspondiente no te será aplicable. ### Terminación #### Cuándo podemos cancelar tu cuenta Podemos suspender o cancelar tu cuenta si: - Incumples estos términos. - No pagas tu suscripción tras nuestro periodo de gracia. - La ley nos obliga a hacerlo. Antes de cancelar, te avisaremos y te daremos la oportunidad de corregir el problema (excepto en casos de actividad ilegal o abuso grave). Si cancelamos tu cuenta, tendrás 30 días para exportar tus datos. #### Cuándo puedes cancelar tú Puedes cerrar tu cuenta en cualquier momento. Cancela tu suscripción, exporta tus datos y elimina tu cuenta desde los ajustes. Eliminaremos tus datos en un plazo de 30 días tras el cierre de la cuenta. ### Resolución de disputas #### Cómo gestionamos las discrepancias Si hay una disputa sobre estos términos: 1. **Habla con nosotros primero.** Escríbenos a legal@ofihq.com. La mayoría de los problemas se resuelven con una conversación. 2. **Mediación.** Si no podemos resolverlo directamente, intentaremos mediación a través de un mediador mutuamente aceptado. 3. **Procedimientos legales.** Si la mediación falla, las disputas se rigen por las leyes de España y están sujetas a la jurisdicción exclusiva de los tribunales de Madrid, España. Para consumidores de la UE: nada en estos términos limita tus derechos bajo las leyes de protección al consumidor de la UE ni tu derecho a presentar reclamaciones ante tus tribunales locales. ### Términos generales - **Acuerdo completo.** Estos términos (más nuestra [política de privacidad](/es/privacidad) y [política de cookies](/es/cookies)) constituyen el acuerdo completo entre tú y OfiHQ. - **Cambios.** Podemos actualizar estos términos. Te notificaremos con al menos 30 días de antelación antes de que entren en vigor cambios significativos. El uso continuado después de los cambios significa que aceptas los nuevos términos. - **Divisibilidad.** Si un tribunal considera que alguna parte de estos términos es inaplicable, el resto sigue vigente. - **No renuncia.** Si no ejercemos un derecho bajo estos términos, eso no significa que hayamos renunciado a él. - **Cesión.** No puedes transferir tu cuenta ni estos términos a otra persona sin nuestro consentimiento. Nosotros podemos transferir estos términos como parte de una adquisición o reestructuración empresarial. ### Contacto ¿Preguntas sobre estos términos? - **Email:** legal@ofihq.com - **Dirección:** HappyMoodScore S.L., Madrid, España ## cookies *Última actualización: 21 de marzo de 2026* Esta política explica qué cookies usa OfiHQ, por qué las usamos y cómo puedes controlarlas. Lo resumimos fácil: usamos las cookies necesarias para que OfiHQ funcione, y te pedimos permiso antes de usar cualquier otra. ### Qué son las cookies Las cookies son pequeños archivos de texto que los sitios web almacenan en tu dispositivo. Ayudan al sitio web a recordar cosas, como tu estado de inicio de sesión, tu preferencia de idioma o cómo encontraste el sitio. No todas las cookies son iguales. Algunas son necesarias para que el sitio funcione. Otras nos ayudan a entender cómo la gente usa OfiHQ. Explicamos cada tipo a continuación. ### Cookies que usamos #### Cookies esenciales (siempre activas) Estas cookies son necesarias para que OfiHQ funcione. Sin ellas, no podrías iniciar sesión, navegar entre páginas o usar el producto. No pedimos consentimiento para estas porque el servicio no funciona sin ellas. | Cookie | Finalidad | Duración | |---|---|---| | ID de sesión | Mantiene tu sesión iniciada mientras navegas por OfiHQ | Sesión (expira al cerrar el navegador) | | Token CSRF | Protege contra ataques de falsificación de solicitudes | Sesión | | Consentimiento de cookies | Recuerda tus preferencias de cookies | 1 año | | Preferencia de idioma | Recuerda tu idioma elegido | 1 año | #### Cookies de analítica (solo con tu consentimiento) Estas cookies nos ayudan a entender cómo la gente usa OfiHQ, qué páginas se visitan más, dónde se atascan los usuarios y cómo nos encuentran. Estos datos son agregados y anónimos. Los usamos para mejorar el producto. > **No usamos cookies de analítica hasta que nos des tu consentimiento.** Si las rechazas, OfiHQ funciona exactamente igual. #### Cookies de marketing (solo con tu consentimiento) Podemos usar cookies de marketing para medir la efectividad de nuestra publicidad, por ejemplo, para entender si alguien que hizo clic en un anuncio se registró después. No usamos cookies para crear perfiles publicitarios ni mostrar anuncios dirigidos. > **No usamos cookies de marketing hasta que nos des tu consentimiento.** Si las rechazas, nada cambia en tu experiencia con OfiHQ. ### Cookies de terceros Cuando usas OfiHQ, algunos servicios de terceros pueden establecer sus propias cookies. Estos incluyen: - **Procesador de pagos:** Nuestro procesador de pagos puede establecer cookies de prevención de fraude cuando introduces datos de pago. - **Proveedor de analítica:** Nuestro proveedor de analítica puede establecer cookies si consientes a las cookies de analítica. Elegimos proveedores de terceros que respetan la privacidad. No permitimos que terceros usen cookies en OfiHQ para sus propios fines de publicidad o rastreo. ### Cómo gestionar las cookies #### Tus opciones **Banner de cookies:** Cuando visitas OfiHQ por primera vez, verás un banner de cookies. Puedes aceptar todas las cookies, rechazar las opcionales (solo las esenciales se mantienen) o personalizar tus preferencias. **Cambiar tus preferencias:** Puedes actualizar tus preferencias de cookies en cualquier momento desde el enlace de configuración de cookies en el pie de página de nuestro sitio web. **Configuración del navegador:** La mayoría de los navegadores permiten bloquear o eliminar cookies. Así se hace: - **Chrome:** Configuración → Privacidad y seguridad → Cookies y otros datos de sitios - **Firefox:** Configuración → Privacidad y seguridad → Cookies y datos del sitio - **Safari:** Preferencias → Privacidad → Gestionar datos de sitios web - **Edge:** Configuración → Cookies y permisos del sitio **Nota:** Bloquear las cookies esenciales impedirá que OfiHQ funcione correctamente. Las cookies de analítica y marketing pueden bloquearse sin ningún impacto en la funcionalidad. ### Do Not Track Algunos navegadores envían una señal "Do Not Track" (DNT). OfiHQ respeta las señales DNT, si tu navegador envía una, la tratamos igual que si rechazas las cookies opcionales. ### Cambios en esta política Podemos actualizar esta política de cookies cuando añadamos o eliminemos cookies, o cuando cambiemos nuestras herramientas de analítica o marketing. Cuando lo hagamos: - Actualizaremos la fecha de "Última actualización" de arriba. - Para cambios significativos, restableceremos tus preferencias de cookies y te pediremos de nuevo. ### Contacto ¿Preguntas sobre las cookies? - **Email:** privacy@ofihq.com - **Dirección:** HappyMoodScore S.L., Madrid, España