Cargando
promti
Demos en vivo

La web de tu estudio de diseño, como una exposición

A un estudio de diseño se le contrata por su trabajo y por los clientes para los que lo ha hecho. Quien busca estudio para rehacer su marca repasa tus proyectos, reconoce un nombre o dos y decide; el proceso se lee después.

Hazla tuya — la ves antes de pagarAbrir la demo en vivo

El kit Studio — Una web inmersiva para un estudio, presentada como una exposición de su trabajo.

El kit Studio se hizo justo para eso. Tu trabajo se expone en una galería blanca — carteles, envases, identidades, pantallas —, cada pieza con su foco y una cartela impresa en la pared, y tu nombre en vinilo al fondo. Y la tipografía se mueve: el nombre se estrecha al entrar y tus disciplinas se estiran al pasar.

Después, el equipo, los clientes compuestos en tipografía y un formulario de briefing que pregunta el presupuesto. Todo sale en archivos normales que cualquier desarrollador entiende.

Qué muestra tu web

  1. El nombre, en movimiento

    El nombre del estudio cruza la pantalla por abajo, muy ancho y muy negro, y se estrecha y aligera según se entra: una sola tipografía variable hace todo el trabajo. Encima, tu presentación en una línea.

  2. La exposición

    Carteles, packaging, pantallas y fotogramas cuelgan enmarcados a lo largo de una galería blanca, cada pieza bajo su foco y con una pequeña cartela impresa en la pared: número, título, cliente, disciplina y año. Al fondo, tu nombre y tu eslogan en vinilo.

  3. Disciplinas

    Identidad, packaging, digital, motion: hasta seis palabras a un tamaño enorme que se ensanchan y se vuelven más gruesas al atravesar la mitad de la pantalla, cada una con una frase al lado que dice qué abarca.

  4. Clientes en tipografía

    Tus clientes, compuestos en tipografía: los nombres van uno tras otro, cada uno distinto del anterior en peso, anchura o inclinación, y nunca como una fila de logos grises. Justo antes, el equipo y el año de apertura.

  5. El briefing

    El formulario hace la pregunta de la demo — «¿Qué vamos a hacer?» — junto a un presupuesto de tus propias franjas, un nombre y un email. Detrás, la galería vista desde su extremo, con la entrada iluminada.

Ten esto a mano

  • Entre tres y ocho trabajos, una imagen por cada uno: el cartel, el envase en el lineal, la web en pantalla, un fotograma de la pieza.
  • De cada uno: título, cliente, disciplinas («Identidad · Web»), año y una línea sobre el problema.
  • De dos a seis disciplinas en palabras sueltas de hasta 14 caracteres, cada una con su frase.
  • El equipo, hasta doce nombres con su rol, el año en que abrió el estudio y los clientes que aceptan salir.
  • Franjas de presupuesto que empiecen en el encargo más pequeño que aceptas: cada briefing llega con la suya marcada.
  • La clave de acceso de Web3Forms para el briefing, y tu página en Cal.com o Calendly para las llamadas de presentación.

Conviene saber

Cuelga solo lo que puedes enseñar

El trabajo bajo acuerdo de confidencialidad se queda fuera hasta que el cliente diga que puede colgarse. Con la lista de clientes, igual: nombra solo a quien sabe que está en ella y hablaría bien de ti si le preguntaran.

Enséñalo en uso

Un logo sobre blanco le dice poco a un cliente. La identidad en un escaparate, el envase en el lineal, el cartel en la calle, la web en un móvil: una foto del trabajo viviendo en algún sitio lo defiende mejor que el arte final solo.

Una línea por proyecto, no un caso de estudio

Cada proyecto tiene 110 caracteres. Gástalos en el problema, no en los entregables, que tienen su propio campo. «Un bar de vinos naturales que quería parecer tan honesto como su vino» trabaja más que la lista de todo lo que hiciste.

Preguntas

¿Nuestra web no se parecerá a la de cualquier estudio que compre el kit?
La sala, el paseo y la tipografía son los mismos para todos los que compran Studio. El trabajo de las paredes, tus textos, los tres colores y el nombre de la puerta son tuyos. Una web diseñada desde cero es un encargo aparte, con su propio precio.
¿Podemos usar nuestra tipografía?
Desde el asistente, no. El kit va compuesto en Archivo, una familia variable cuyo eje de anchura mueve la página: el nombre que se estrecha, las disciplinas que se estiran. Lo que eliges es el color — papel, tinta y acento —, con cuatro paletas para empezar.
¿Podemos poner los logos de los clientes?
No, a propósito: la sección de clientes compone sus nombres en tipografía, uno tras otro, con pesos y anchuras cambiantes. Sin nombres en la lista no hay sección de clientes, y eso es mejor que una lista de relleno.
Trabajamos con clientes de fuera. ¿Puede estar la web en inglés?
Sí. La primera pregunta fija el idioma de la web, inglés o español, y los menús, el formulario, la página legal y la 404 lo siguen. Es un idioma por web, y lo que escribes entra tal cual lo escribes.
Nuestro desarrollador quiere alojarla junto a nuestros otros proyectos. ¿Puede?
Sí. La descarga es una carpeta de HTML, CSS y JS normales, con las tipografías, un README y las licencias de código abierto. Cualquier sitio que sirva archivos la aloja — Cloudflare Pages, Netlify, Vercel o tu servidor — y nada en ella depende de Promti.