Estudio de diseño creativo con herramientas y materiales de trabajo

Sin misterios, sin cajas negras

Una de las quejas más comunes que escuchamos de clientes que vienen de otras agencias es: "No sabíamos en qué estaban trabajando. Nos pedían el presupuesto, desaparecían tres meses, y volvían con algo que no era lo que habíamos pedido."

Eso no pasa aquí.

En Tank Studio Lab creemos que un proceso transparente genera mejores resultados. Cuando sabes exactamente qué está pasando, en qué fase estamos y cuándo vas a ver avances, la ansiedad desaparece y las decisiones se toman mejor.

Este artículo es un recorrido detallado por nuestro proceso, desde la primera llamada hasta el día del lanzamiento y lo que viene después. Sin jerga, sin misterios, sin cajas negras.

Cada proyecto es diferente en alcance, pero la estructura es la misma. Lo que cambia son las semanas y los entregables — el proceso no.

Fase 1: Descubrimiento — Semana 1

La primera llamada (30 minutos, gratis)

Todo empieza con una conversación. No un formulario de 40 preguntas ni un brief de 20 páginas. Una llamada de 30 minutos donde hacemos algo muy simple: escuchamos.

En esta llamada queremos entender:

  • ¿Qué problema quieres resolver?
  • ¿Quién es tu audiencia?
  • ¿Cuáles son tus fechas importantes?
  • ¿Cuál es tu presupuesto aproximado?
  • ¿Qué has intentado antes y qué funcionó (o no)?

No vendemos en esta llamada. No prometemos resultados mágicos. Escuchamos más de lo que hablamos. Y al final, somos honestos: si creemos que somos el estudio indicado para tu proyecto, te lo decimos. Si creemos que no, también.

La propuesta

Si después de la llamada hay fit mutuo, en 3-5 días hábiles te enviamos una propuesta formal. No es un PDF genérico — es un documento específico para tu proyecto que incluye:

  • Alcance detallado: qué incluye y, igual de importante, qué no incluye
  • Timeline: semana por semana, con fechas de entregables y revisiones
  • Precio fijo: el monto total del proyecto, sin sorpresas de horas extra
  • Equipo: quiénes van a trabajar en tu proyecto (nombres reales, no "se asignará un equipo")

Fase 2: Kickoff — Semana 2

Firmaste el contrato. Ahora empieza el trabajo real.

El workshop de kickoff

La primera sesión de trabajo es un deep-dive de 2-3 horas con las personas clave de tu equipo. No es una presentación — es un taller colaborativo donde exploramos:

  • Tu negocio: modelo, propuesta de valor, diferenciadores, historia
  • Tu audiencia: quiénes son, qué necesitan, cómo buscan soluciones, qué los frustra
  • Tu competencia: quiénes son, qué hacen bien, dónde dejan huecos
  • Tus objetivos: qué significa "éxito" para este proyecto en 6 meses, en 1 año
  • Tus restricciones: tecnológicas, de contenido, de presupuesto, de tiempo

Al final de esta sesión, generamos el brief de proyecto — un documento corto (2-3 páginas) que resume todo lo que necesitamos saber para diseñar con dirección. Tú lo revisas, lo apruebas, y se convierte en nuestra brújula.

Fase 3: Estrategia — Semanas 2-3

Con el brief aprobado, nuestro equipo se sumerge en investigación y dirección creativa.

Qué hacemos en esta fase

  • Investigación de mercado: benchmarks de tu industria, análisis de competidores, tendencias relevantes
  • Moodboards: tableros visuales que definen la dirección estética — colores, tipografía, estilo fotográfico, tono visual
  • Propuestas de dirección: presentamos 2-3 caminos creativos diferentes, cada uno con su lógica y su estética

La presentación de dirección

Agendamos una sesión donde presentamos las opciones. No es un "¿cuál te gusta más?" — es una discusión estratégica donde explicamos el porqué de cada dirección y cómo se conecta con tus objetivos de negocio.

Tú eliges una dirección. Nosotros la refinamos hasta que esté lista para convertirse en diseño real. Este paso es crucial: es mucho más fácil (y barato) cambiar de dirección aquí que cuando ya hay diseños completos.

Equipo creativo colaborando en una reunión de trabajo

Fase 4: Diseño — Semanas 3-5

Aquí es donde las ideas se vuelven visuales.

De wireframes a diseño visual

Empezamos con wireframes de baja fidelidad — esqueletos de cada página que definen la estructura, la jerarquía del contenido y los flujos de usuario. No tienen colores ni tipografías finales. Su propósito es validar la arquitectura antes de invertir en el diseño visual.

Una vez aprobados los wireframes, pasamos al diseño de alta fidelidad: colores, tipografía, imágenes, iconografía, espaciados, estados hover, versiones responsivas. Todo pixel por pixel.

Cómo mostramos el trabajo

No hacemos "gran reveal" donde desaparecemos un mes y volvemos con un diseño terminado. Te mostramos trabajo en progreso. Cada semana ves avances, puedes comentar y podemos ajustar antes de que algo se solidifique.

Esto no significa diseño por comité. Nosotros proponemos, argumentamos y defendemos nuestras decisiones. Pero tú tienes visibilidad completa y oportunidad de dar feedback con tiempo.

Rondas de feedback

Cada proyecto incluye 2 rondas de revisión en la fase de diseño. La primera suele ser ajustes de dirección (más serio, más informal, cambiar el enfoque de una sección). La segunda son detalles (ajustar un color, cambiar una imagen, reescribir un título).

Si necesitas más rondas, podemos agregarlas — pero en nuestra experiencia, 2 son suficientes cuando el proceso de estrategia se hizo bien.

Fase 5: Desarrollo — Semanas 5-8

El diseño aprobado pasa a código. Nuestro equipo de desarrollo construye exactamente lo que fue aprobado — sin atajos, sin "se parecen".

Qué pasa durante el desarrollo

  • Semana 5: setup del proyecto, estructura, componentes base
  • Semana 6-7: construcción de páginas, funcionalidades, integraciones
  • Semana 8: responsivo, optimización, pruebas internas

Demos semanales

Cada semana agendamos un demo de 30 minutos donde te mostramos lo que se construyó. Puedes verlo en tu navegador, en tu celular, interactuar con los botones y formularios. No es un video ni screenshots — es el sitio real funcionando en un ambiente de staging.

Si algo se ve o se siente diferente a lo aprobado en diseño, lo corregimos antes de avanzar. Los problemas se resuelven en la semana que aparecen, no al final del proyecto.

Fase 6: QA + Lanzamiento — Semanas 8-9

Antes de lanzar, todo pasa por un proceso de quality assurance que es metódico y un poco obsesivo.

Testing exhaustivo

  • Dispositivos: iPhone, Android, iPad, laptop, desktop, pantallas 4K
  • Navegadores: Chrome, Safari, Firefox, Edge
  • Conexiones: simulamos 3G, 4G y Wi-Fi para verificar tiempos de carga
  • Accesibilidad: navegación por teclado, lectores de pantalla, contraste de colores
  • Formularios: cada formulario se prueba con datos reales y datos incorrectos
  • SEO: verificamos títulos, descripciones, estructura de headings, sitemap, robots.txt

Revisión de contenido

Tú revisas todo el contenido una última vez en el ambiente de staging. Errores tipográficos, datos incorrectos, imágenes que no te convencen — este es el momento de corregir.

Go live

El día del lanzamiento ejecutamos un checklist de deployment que incluye: configuración de dominio, certificado SSL, redirecciones de URLs anteriores (si aplica), activación de analytics, envío del sitemap a Google Search Console, y una última verificación de que todo funciona en producción.

No lanzamos los viernes. Si algo sale mal, queremos tener la semana entera para resolverlo.

Fase 7: Post-lanzamiento — Semana 10+

El lanzamiento no es el final. Es el inicio de la vida real de tu sitio.

30 días de soporte incluidos

Todos nuestros proyectos incluyen 30 días de soporte post-lanzamiento sin costo adicional. Esto cubre:

  • Bug fixes: si algo no funciona correctamente, lo arreglamos
  • Ajustes menores: cambiar un texto, ajustar un color, reemplazar una imagen
  • Capacitación: entrenamos a tu equipo para que pueda administrar el contenido del sitio sin depender de nosotros

Después de los 30 días, ofrecemos planes de mantenimiento mensual para actualizaciones continuas, monitoreo de rendimiento y soporte técnico. Pero no es obligatorio — tu sitio es tuyo y funciona sin nosotros.

Lo que nos hace diferentes

No somos la única agencia que puede diseñar un sitio web. Pero hay cosas que hacemos diferente y que nuestros clientes valoran consistentemente:

Equipo pequeño, trato directo

No tienes un "account manager" que es intermediario entre tú y las personas que hacen el trabajo. Hablas directamente con los diseñadores y desarrolladores de tu proyecto. Eso elimina teléfono descompuesto, reduce tiempos de respuesta y mejora la calidad del resultado.

Precio fijo, sin sorpresas

No cobramos por hora. El precio que te damos en la propuesta es el precio que pagas. Si el proyecto toma más horas de las que estimamos, es nuestro problema, no el tuyo. Esto nos obliga a ser honestos en la estimación y eficientes en la ejecución.

Opinión fundada, no complacencia

Si algo no funciona, te lo decimos. Si tu idea de poner un video autoplay con música de fondo va a espantar a tus usuarios, te lo decimos. No somos un equipo de "sí, señor" — somos tu equipo de diseño, y parte de nuestro trabajo es protegerte de decisiones que van a perjudicar tu proyecto.

Eso no significa que no escuchamos. Significa que cuando escuchamos algo que va a causar un problema, lo señalamos. Y si después de discutirlo decides seguir adelante, lo respetamos — pero al menos la decisión fue informada.

Preguntas que siempre nos hacen

"¿Qué pasa si no me gusta el diseño?"

Si hicimos bien la fase de estrategia (y siempre la hacemos), el diseño no te va a sorprender negativamente porque fuiste parte del proceso desde la dirección creativa. Las rondas de revisión existen para ajustar, no para empezar de cero. En los 5 años que llevamos, nunca hemos tenido que tirar un diseño completo.

"¿Puedo agregar cosas durante el proyecto?"

Sí, pero todo tiene un impacto en timeline y posiblemente en precio. Evaluamos cada solicitud y te decimos cuánto afecta antes de comprometernos. Cambios menores los absorbemos. Cambios significativos se cotizan por separado.

"¿El sitio es mío al final?"

Sí. El código, el diseño, el contenido — todo es tuyo. Te entregamos acceso completo a todo. Si mañana decides trabajar con otro estudio, pueden continuar sin problemas. No creemos en rehenes tecnológicos.


Si llegaste hasta aquí, probablemente tienes un proyecto en mente. Conoce más sobre nuestro equipo, explora nuestros servicios, o directamente agenda una llamada con nosotros. Los primeros 30 minutos son gratis — y te prometemos que escuchamos más de lo que hablamos.