Las fases de la colaboración
El proceso de creación de un sitio web, desde los objetivos hasta las pruebas y la publicación.
Cada proyecto parte de las necesidades reales del negocio. Definimos qué hay que crear, qué es opcional, qué cuentas crearemos junto con el cliente y cómo comprobaremos el resultado antes de publicarlo.
Resumen
Un proceso claro dividido en seis fases.
El orden exacto puede variar según el proyecto. La autenticación, el panel de administración, la base de datos, el checkout y los pagos solo se incluyen cuando son necesarios y figuran expresamente en el presupuesto.
Fase 01
Definimos el resultado esperado y el alcance del proyecto.
Identificación de los objetivos
Determinamos qué debe conseguir el sitio: presentar el negocio, generar solicitudes de presupuesto, llamadas, mensajes, reservas, ventas o una combinación con prioridades claras. Definimos el público, la zona en la que se prestan los servicios y la acción principal que debe realizar el visitante.
Definición de las funcionalidades necesarias
Separamos las funciones imprescindibles de las opcionales. Analizamos las páginas, los formularios, las integraciones, los idiomas, las cuentas de usuario, la gestión de contenidos, el checkout y los pagos únicamente en relación con el objetivo del proyecto.
Definición del precio
El precio se establece después de aclarar la estructura y las funcionalidades, en función de la complejidad. El presupuesto especifica qué está incluido, qué es opcional y qué servicios o costes de terceros se abonan por separado.
Fase 02
Preparamos los datos, los accesos y la infraestructura del proyecto.
Tratamiento de los datos necesarios para el proyecto
Identificamos únicamente los datos necesarios para las configuraciones acordadas. Según el proyecto, pueden incluir el nombre del titular o representante, el número de teléfono, la zona de servicio y las direcciones de correo electrónico profesionales existentes.
Estos datos pueden ser necesarios para la cuenta del dominio, el alojamiento, el correo profesional, una cuenta de Google específica y, si el negocio cumple los requisitos, la gestión del Perfil de Empresa de Google que aparece en Google Maps. Antes de cualquier configuración, los documentos del proyecto explican por qué se necesitan estos datos, las responsabilidades, los proveedores implicados y los accesos necesarios mientras dura el proyecto.
Creación y gestión de las cuentas necesarias
CERB crea junto con el cliente todas las cuentas necesarias para el proyecto y las gestiona mientras dura el proyecto. En la entrega, el cliente cambia todas las contraseñas o se cambian junto con él. Las nuevas contraseñas quedan únicamente en conocimiento del cliente, el acceso de CERB finaliza y las cuentas quedan íntegramente bajo la gestión y el control del cliente. Las opciones de recuperación y la autenticación en dos pasos se configuran cuando están disponibles.
Elección del dominio
Si todavía no existe un dominio, elegimos una opción relevante para la marca, fácil de reconocer y disponible para su registro. El dominio se registra mediante una cuenta creada junto con el cliente y después se conecta a la plataforma de alojamiento.
Fase 03
Creamos la estructura, la interfaz y las interacciones.
Creación de la estructura de las páginas
Definimos las páginas, las secciones y el orden de la información. La navegación, los encabezados, los enlaces internos y los botones se organizan para que el visitante entienda la oferta y llegue fácilmente a la acción principal.
Creación del diseño
Definimos la paleta de colores, la tipografía, el diseño de página, el espaciado y el estilo de los componentes. Los efectos de transparencia y las transiciones solo se utilizan cuando preservan la legibilidad, el contraste, el rendimiento y la preferencia del usuario por reducir el movimiento.
Incorporación de interacciones con JavaScript
JavaScript se añade cuando una interacción no puede resolverse correctamente solo con HTML y CSS. Los menús, la validación, los filtros y otros componentes interactivos deben tener estados claros, funcionar con el teclado y ofrecer una alternativa adecuada a la importancia de su función.
Fase 04 · Opcional
Añadimos funcionalidades dinámicas solo cuando el proyecto las necesita.
Estas funciones no se incluyen automáticamente en todos los sitios. Afectan a la arquitectura, la seguridad, las pruebas y el coste del proyecto, y se indican expresamente en el presupuesto.
Si es necesario
Cuentas de administrador y cliente
Implementamos la creación de cuentas, la autenticación y la gestión de usuarios cuando el flujo del proyecto realmente requiere identidades y áreas privadas. El hecho de pagar no implica automáticamente que el cliente deba crear una cuenta; la decisión se toma según la experiencia y los datos que necesite el servicio.
Si es necesario
Interfaz de gestión del sitio
Podemos crear una interfaz protegida en la que el administrador modifique los elementos acordados como editables: imágenes, textos, datos de contacto, direcciones, información de la empresa, el logotipo u otros datos convenidos.
Esta opción requiere autenticación, autorización y una base de datos que gestione las cuentas y el contenido dinámico. Las acciones disponibles y los campos editables se definen antes del desarrollo.
Si es necesario
Funcionalidad de checkout
En proyectos que venden productos o servicios, podemos crear el recorrido de checkout: selección de elementos, comprobación de la información, presentación clara del pedido y confirmación del resultado. Los flujos de éxito, cancelación y error se diseñan y prueban por separado.
Si es necesario
Integración del proveedor de pagos
Si el proyecto incluye checkout, elegimos juntos un proveedor de pagos compatible con la actividad y lo integramos mediante sus métodos oficiales. Los datos de pago sensibles no se guardan en el código del sitio y las confirmaciones se validan mediante los flujos seguros del proveedor.
Fase 05
Conectamos el sitio con las personas y hacemos que pueda utilizarse de distintas formas.
Formularios e integraciones de contacto
Según el proyecto, creamos formularios de contacto, integramos Google Maps, añadimos enlaces de correo electrónico y botones de llamada directa, además de formularios que preparan un mensaje y redirigen al usuario a WhatsApp. El destino de los datos y el último paso del envío se explican con claridad.
Compatibilidad con lectores de pantalla
Un lector de pantalla es un programa de apoyo que se utiliza en el dispositivo del visitante. El sitio se prepara para que pueda interpretarse mediante HTML semántico, regiones de página identificables, encabezados en un orden lógico, etiquetas para los formularios, alternativas textuales y nombres accesibles para los controles.
Navegación con teclado
Las funciones interactivas deben poder utilizarse sin ratón, en un orden lógico y con un indicador de foco visible. Los menús y elementos superpuestos ofrecen mecanismos para cerrarlos, y la interfaz no depende únicamente del color, el hover, el movimiento o los iconos para transmitir información.
Fase 06
Auditamos el proyecto antes de publicarlo.
Las pruebas abarcan tanto lo que el visitante ve y utiliza como la información técnica que interpretan los navegadores, las tecnologías de apoyo y los motores de búsqueda.
Auditoría de las cuentas
Comprobamos que cada cuenta tenga los datos necesarios, el titular correcto, opciones de recuperación y las medidas de seguridad disponibles. Durante la entrega confirmamos que todas las contraseñas se hayan cambiado por el cliente o junto con él, que las nuevas contraseñas queden únicamente en conocimiento del cliente y que el acceso de CERB haya finalizado. Las contraseñas y los códigos de recuperación no se incluyen en el informe de auditoría.
Auditoría del código y las funcionalidades
Probamos la navegación, los enlaces, los formularios, las interacciones, la autenticación, la administración, el checkout y los pagos que existan en el proyecto. También comprobamos el diseño responsive, el uso con teclado, el foco, los errores, el rendimiento y el comportamiento en los navegadores acordados para el proyecto.
Revisión de los textos y la información SEO
Revisamos los textos visibles, la ortografía, los datos de contacto y la coherencia de los mensajes. También comprobamos los títulos de las páginas, las descripciones, la estructura de encabezados, los textos alternativos, las URL canónicas, los enlaces entre páginas y los datos estructurados que utilizan los motores de búsqueda.
Publicación y soporte posterior
Después de corregir los problemas detectados y confirmar la versión final, el sitio se publica en el dominio acordado. Para los sitios creados por CERB pueden ofrecerse mantenimiento y monitorización opcional durante 30 días, según el presupuesto del proyecto.
El siguiente paso
¿Tienes un proyecto y quieres saber qué fases necesita?
Envíanos el objetivo, el tipo de negocio y las funcionalidades que tienes en mente. El presupuesto se prepara después de separar las necesidades de las opciones.