Servicio · Construcción

Implementación: del plan a la entrega

Ejecutamos lo acordado con un proceso claro, comunicación en cada paso y un resultado documentado que puedes verificar.

La implementación construye sobre lo que ya se decidió. El alcance está fijado en la propuesta y cualquier cambio se discute antes de ejecutarlo: nunca recibes trabajo que no aprobaste ni facturas inesperadas.

Entregamos un sitio Astro estático: rápido, editable en Markdown y publicado en Cloudflare Pages. El código y el contenido son tuyos — sin dependencia del proveedor, sin licencias que pagar.

Definición

¿Qué es la implementación?

La ejecución del alcance acordado: del repositorio vacío al sitio publicado, documentado y verificado contigo.

La implementación es la etapa de construcción: levantamos el sitio sobre el diagnóstico o propuesta aprobados. Configuramos el repositorio, integramos las colecciones de contenido, conectamos el dominio, desplegamos en Cloudflare Pages y hacemos la verificación final contigo.

La diferencia con «hacemos un sitio» es que aquí el alcance está delimitado por escrito desde antes de empezar. Cada entregable tiene un nombre y una definición de terminado; cuando todos están listos, la implementación cierra.

Por qué importa

¿Para qué sirve?

Las tres razones concretas por las que implementación pertenece en todo proyecto bien hecho.

Cada beneficio sale de la misma fuente: la claridad antes de empezar. Cuando el alcance está definido, el proceso documentado y la comunicación es directa, los problemas se reducen a una fracción.

El denominador común es la confianza: saber qué va a pasar antes de que pase. No es un lujo de proyectos grandes — es lo mínimo que cualquier cliente merece.

Velocidad real

Sitio estático Astro: Lighthouse > 95, TTFB < 300 ms en Cloudflare CDN global. Sin plugins que ralenticen ni bases de datos que fallen.

Contenido en tus manos

Todo el contenido vive en archivos Markdown. Puedes editarlo tú mismo desde el primer día, sin tocar código ni depender del proveedor.

Sin sorpresas en la factura

Cada cambio fuera del alcance se comunica con su impacto antes de ejecutarse. Nunca recibes trabajo que no aprobaste.

Anatomía

Qué recibes

Los cuatro entregables de implementación: qué es cada uno, para qué sirve y cómo llega.

Cada pieza tiene un propósito — no son pasos burocráticos, sino los elementos que hacen el trabajo verificable.

Incluye: Ejecución del alcance acordado, Comunicación clara en cada etapa, Entrega documentada y verificación final. · Bajo cotización según el alcance definido en la propuesta.

1

Configuración del entorno

Repositorio, estructura de proyecto, Astro 6, integraciones y variables. La base sobre la que todo corre.

Dato GitHub · Node 22 · Astro 6

2

Colecciones y contenido

Cada tipo de contenido en su colección Markdown con esquema Zod. Separar el dato del diseño es lo que hace el sitio editable.

Dato src/content/ · Zod schema

3

Deploy y dominio

Publicación en Cloudflare Pages, configuración de dominio y DNS. El sitio es verificable desde el primer build parcial.

Dato Cloudflare Pages · GitHub Actions

4

Verificación y entrega

Revisión conjunta, guía de edición y sesión de transferencia. El cliente opera con autonomía desde el primer día.

Dato Checklist de entrega · Guía .md

Cuándo usarlo

Escenarios y modalidades

En qué situaciones implementación encaja mejor y cómo varía según el punto del proyecto.

No hay un caso único: el mismo servicio se usa de formas distintas según el contexto. Lo que cambia es el punto de entrada, no el proceso ni los entregables.

Cuatro escenarios reales — cada uno con su señal de cuándo encaja mejor.

  • Sitio nuevo completo

    Desde propuesta

    El caso más común: sitio completo sobre propuesta aprobada. Home, servicios o productos, blog y contacto. Entrega en 3 a 5 semanas.

  • Landing de lanzamiento

    MVP rápido

    Una sola página de alta conversión para validar una propuesta de valor. Sin blog ni catálogo. Una semana de trabajo, lista para probar.

  • Migración a Astro

    Desde WordPress

    Contenido migrado a Markdown, tema reemplazado por componentes Astro, publicado en Cloudflare. Sin tiempo de caída y con mejor rendimiento.

  • Módulo adicional

    Sitio existente

    Se agrega una sección que no estaba en el alcance original: catálogo de productos, sección de blog, integración de reseñas o formulario.

Conversión y móvil

Cómo contacta el cliente desde el teléfono

El 70% de los primeros contactos llegan desde el móvil. El CTA de WhatsApp tiene que funcionar a un toque.

La conversión en este catálogo es WhatsApp-first: el cliente no llena un formulario, escribe por WhatsApp con su necesidad. El enlace siempre se construye con waUrl() y el mensaje sale de WA_MESSAGES en site.ts — centralizado, sin wa.me escrito a mano.

En el teléfono el botón tiene que ser fácil de alcanzar, tener al menos 44 px de alto y estar siempre visible. La barra de safe-area del iPhone evita que quede tapado por la barra de gestos.

1 · CTA de WhatsApp en el cierre — siempre a la vista

El botón de WhatsApp cierra la página (SectionMenu) y también flota de respaldo. En el teléfono ocupa el ancho completo para maximizar el área táctil.

CSS · CTA full-width + safe-area-inset 
/* CTA principal: full-width en móvil, auto en escritorio.
   safe-area evita que lo tape la barra de gestos del iPhone. */
.cta-wa {
  display: grid; place-items: center;
  width: 100%; min-height: 52px;
  padding-bottom: env(safe-area-inset-bottom);
}
@media (min-width: 640px) {
  .cta-wa { width: auto; min-width: 220px; }
}

2 · waUrl() con mensaje precargado — nunca wa.me a mano

El enlace de WhatsApp se construye con waUrl() y el mensaje sale de WA_MESSAGES en site.ts. Centraliza el número y el texto — cambia una vez y se actualiza en todo el sitio.

Astro · waUrl() con mensaje precargado 
<!-- waUrl() construye el enlace — nunca wa.me a mano.
     El mensaje precargado sale de WA_MESSAGES en site.ts. -->
<a href={waUrl(WA_MESSAGES.servicios)}
   class="btn-wa" target="_blank" rel="noopener noreferrer">
  Cotizar por WhatsApp
</a>

// site.ts:
export const WA_MESSAGES = {
  servicios: 'Hola, quiero cotizar un servicio',
}

En el flujo del proyecto

¿Dónde encaja?

Cómo se relaciona con los otros dos servicios y en qué punto del proyecto entra este.

La implementación es el paso 2: entra cuando la consultoría terminó o cuando el cliente llega con el alcance definido. Sin un alcance claro no puede comprometerse a tiempos ni a entregables concretos — por eso la propuesta previa no es opcional.

Cuando termina, abre el soporte. La implementación cierra con la guía de edición y la sesión de transferencia precisamente para que el siguiente paso sea fluido: el cliente sabe operar el sitio y el soporte sabe de dónde partir.

El proceso

Del repositorio al sitio en vivo

Sin pasos ocultos: así se desarrolla el trabajo desde el primer mensaje hasta el cierre.

Arrancamos con la revisión de la propuesta y la configuración del entorno. Desde el inicio tienes acceso al repositorio para seguir el avance. A mitad del proyecto publicamos en un subdominio de staging para que revises con calma antes de la entrega final.

La entrega incluye el sitio en tu dominio, la guía de edición en Markdown y una sesión de transferencia donde explicamos cómo actualizar contenido, agregar páginas y publicar en el blog. El sitio es 100 % tuyo: código, dominio y contenido.

Implementación: de la propuesta a la entrega

Con el alcance definido, ejecutamos. Trabajamos sobre un proceso probado y te mantenemos informado en cada etapa, para que no haya sorpresas a mitad del camino.

Al terminar, te entregamos el trabajo documentado y hacemos una verificación final contigo: que todo quede como se acordó.

Buenas prácticas

Qué hacer y qué evitar

Los hábitos que hacen funcionar implementación — y los que lo hacen fallar.

Cada punto sale de lo que realmente pasa en los proyectos. Los que van bien comparten los de la izquierda; los que se complican tienen en común alguno de los errores de la derecha.

No son normas arbitrarias: son el patrón que emerge cuando el alcance está claro, la comunicación es directa y el trabajo se documenta.

Sí conviene

  • Aprueba el alcance por escrito antes de que empiece el trabajo: es tu garantía de lo que recibirás.
  • Aprovecha el staging para revisar con tiempo: los cambios antes de la entrega final no tienen costo adicional.
  • Haz la sesión de transferencia aunque creas que no la necesitas: vale más de lo que parece.
  • Pide la guía de edición en texto y guárdala: es el manual de operación de tu sitio.

Mejor evita

  • No agregues requerimientos nuevos durante la ejecución sin acordar el impacto en tiempos y costo primero.
  • No ignores las preguntas técnicas del equipo: cada duda sin respuesta detiene el avance.
  • No saltes la verificación final: es el momento para señalar lo que no quedó como se acordó.
  • No pierdas acceso al repositorio ni al dashboard de Cloudflare — son tuyos, no los cedas.
¿Necesitas ayuda?