Banyoles, Girona · ES Disponibles para nuevos proyectos · 2026
info@disgrafic.com |
CA / ES
Inicio / Proceso

Cómo trabajamos, paso a paso.

01

Briefing & estrategia

1—2 sem.

Entendemos el negocio, los objetivos y el público. Salimos con un mapa claro del proyecto.

02

Diseño & prototipo

3—4 sem.

Dirección de arte, sistema visual y prototipo navegable. Ninguna línea de código.

03

Desarrollo

4—8 sem.

Construimos con la tecnología adecuada. Tests, accesibilidad y rendimiento.

04

Lanzamiento & soporte

Continuo

Puesta en marcha, formación y acompañamiento. Evolucionamos contigo.

Fase
01
Fase 01

Briefing estrategia

1—2 sem.

Una reunión a fondo para entender el negocio, los objetivos y el público. Salimos con un documento de estrategia, requisitos y mapa del sitio acordado por escrito.

Qué hacemos nosotros

  • Reunión inicial de una a dos horas para entender el contexto
  • Investigación del sector, competencia y referentes
  • Definición de objetivos medibles e indicadores de éxito
  • Definición del público, recorridos y casos de uso
  • Mapa del sitio y arquitectura de información
  • Presupuesto detallado y calendario de trabajos

Qué necesitamos de ti

  • Una persona referente disponible para la reunión inicial
  • Documentación interna existente (marca, brief si tienes)
  • Acceso a datos actuales: visitas, ventas, conversiones
  • Listado de competidores y webs que te gustan
  • Validación del mapa del sitio en menos de una semana
Entregables ▸ Documento de estrategiaMapa del sitioCalendarioPresupuesto detallado
02
Fase 02

Diseño prototipo

3—4 sem.

Dirección de arte, sistema visual y prototipo navegable. Iteraciones hasta que la dirección queda validada. Ninguna línea de código antes de este punto.

Qué hacemos nosotros

  • Dirección de arte y moodboards iniciales
  • Diseño de pantalla clave (home + 2-3 plantillas)
  • Sistema de diseño: tipografía, colores, componentes
  • Prototipo navegable a alta fidelidad (Figma)
  • Diseño responsive validado en dispositivos reales
  • Microinteracciones y estados hover/error documentados

Qué necesitamos de ti

  • Materiales de marca: logo, fuentes, fotografías
  • Contenidos reales (textos e imágenes) — no Lorem ipsum
  • Feedback escrito y centralizado por ronda de iteración
  • Validación de pantalla por pantalla, no solo "general"
  • Una sola persona responsable de aprobar la dirección
Entregables ▸ Dirección de arteSistema de diseñoPrototipo FigmaDocumentación UI
03
Fase 03

Desarrollo

4—8 sem.

Construcción con la tecnología adecuada al caso. Integración con CMS, sistemas externos y pasarelas. Tests de accesibilidad y rendimiento en el pipeline.

Qué hacemos nosotros

  • Configuración de repositorio, CI/CD y entornos
  • Desarrollo del front-end siguiendo el prototipo
  • Configuración del CMS y estructura de contenidos
  • Integración con APIs externas (pagos, ERP, CRM)
  • Tests automáticos, accesibilidad WCAG 2.2 AA y Core Web Vitals
  • Demos semanales con el entorno de staging accesible

Qué necesitamos de ti

  • Acceso a sistemas existentes (ERP, CRM, cuentas cloud)
  • Contratación del registrador de dominio a tu nombre
  • Carga de contenidos al CMS conforme avanzamos
  • Sesiones semanales de revisión del staging
  • Decisiones rápidas sobre cambios de última hora
Entregables ▸ Código fuente GitEntorno stagingCMS configuradoAuditoría a11y & perf
04
Fase 04

Lanzamiento soporte

Continuo

Puesta en marcha, formación del equipo y posicionamiento. Acompañamos el proyecto con mantenimiento continuado y evoluciones periódicas.

Qué hacemos nosotros

  • Migración de datos y puesta en marcha coordinada
  • Configuración de redirecciones, analítica y Search Console
  • Formación del equipo de contenidos y administradores
  • Monitorizaciones automáticas y alertas proactivas
  • Revisión trimestral de oportunidades de mejora
  • Bolsa de horas para nuevas funcionalidades a tu ritmo

Qué necesitamos de ti

  • Equipo designado para la formación (1-2 horas)
  • Comunicación de cambios internos que afecten a la web
  • Validación de los informes mensuales de evolución
  • Visión a 6-12 meses para priorizar las evoluciones
Entregables ▸ Manual de usuarioSesión de formaciónInformes mensualesPlan anual
— Herramientas

Con qué trabajamos.

Mismas herramientas para todos los proyectos. Tú tienes acceso a todo — el día que quieras ver dónde estamos, lo puedes hacer en directo.

/ Fase 01

Notion

/ Fase 01—04

Slack & email

/ Fase 02

Figma

/ Fase 03

GitHub

/ Fase 03

Linear

/ Fase 04

Sentry & Looker

— Nuestro compromiso

Seis promesas que no cambian nunca.

i.

Un solo contacto

hablas directamente con quien diseña y programa.

ii.

Presupuesto cerrado

no cambia una vez firmado. Los extras se valoran aparte.

iii.

Calendario realista

si un hito se desplaza, te avisamos antes, no después.

iv.

Código abierto al cliente

repositorio a tu nombre desde el primer día.

v.

Iteraciones ilimitadas hasta que la dirección queda validada.

vi.

Documentado por escrito

cada decisión clave queda registrada y accesible.

— Preguntas frecuentes

Lo que la gente nos pregunta.

Quant triga un projecte des de zero?

Una web corporativa estàndard la lliurem en 10—12 setmanes. Una botiga virtual amb integracions, entre 14 i 20. Una intranet o portal a mida, entre 16 i 24. Sempre depèn de l'abast — t'ho concretem al pressupost amb un calendari de fites.

Treballeu en remot o presencial?

Híbrid. La reunió inicial i les fites importants les fem presencials a l'estudi a Banyoles o a les vostres oficines. La resta, en remot per videoconferència. Tenim clients d'arreu d'Europa que mai han trepitjat Banyoles.

Què passa si vull canviar de proveïdor un cop acabat?

Cap problema. Tot el codi és al teu repositori des del primer dia, els accessos cloud són al teu nom i la documentació tècnica acompanya el projecte. T'ajudem a fer la transició sense penalitzacions.

Subcontracteu alguna part?

No. Tot es fa internament, amb les 5 persones de l'estudi. Si un projecte requereix una capacitat especialitzada (per exemple, fotografia o vídeo), et recomanem proveïdors de confiança però els contractes els fas tu directament.

Com gestioneu els canvis durant el projecte?

Canvis dins de l'abast acordat i de la mateixa magnitud entren al ritme normal. Canvis significatius (noves seccions, integracions noves) els valorem per escrit i els afegim al pressupost com a "extres" amb la teva aprovació prèvia.

Com és el pagament?

Habitualment: 40% a l'inici, 30% a la validació del disseny, 30% al lliurament. Per a projectes llargs (> 6 mesos), els pagaments es fraccionen en fites mensuals. IVA no inclòs. Acceptem transferència i domiciliació SEPA.

Quins serveis de manteniment oferiu?

Tres plans: Bàsic (còpies, actualitzacions de seguretat, suport en hores feiners), Pro (Bàsic + monitorització 24/7 + 5h/mes per a evolucions) i Strategic (Pro + 20h/mes + revisió trimestral). Veure detalls a Serveis.

Empecemos

El primer paso es hablar.

Escríbenos con una breve descripción del proyecto. Te respondemos en menos de 24h laborables con una primera valoración y una propuesta de reunión.

info@disgrafic.com (+34) 972 107 677