I
Oficio.
Una sola mano, de principio a fin.
Cada proyecto pasa por la misma mano, desde la primera línea de copy hasta el último 404. Sin relevos, sin juniors, sin plantilla reciclada. El oficio no se delega.
Brío · EstudioMMXXVI · No. 01
Webs con firma.
Estudio de diseño y desarrollo web para empresas que quieren una presencia digital a la altura de su trabajo. La estética de una agencia premium, con la claridad de un paquete cerrado.
Scroll
Diseñamos cada web
como una pieza
de autor.
Cada tipografía, cada cursor, cada transición está por una razón. Si un elemento no aporta al conjunto, lo quitamos. Y si una petición va en contra del objetivo de la web, lo hablamos y te damos el porqué: defendemos cada decisión con un argumento, no con una moda.
Pilares · Cuatro pactos
Si firmamos un proyecto, firmamos estos cuatro. Si no podemos honrarlos, el proyecto no entra. Así de sencillo.
Cuatro pilares.
Ni uno más,
ni uno menos.
Lo que viene a continuación no son valores de slide. Son las cuatro condiciones sin las cuales no arrancamos un proyecto. Léelas despacio: si no podemos cumplir las cuatro, no entramos.
II
Sistema.
Cada decisión, justificada.
No hay capricho en el detalle. Cada tipo, cada ease, cada retícula responde a una regla escrita. Si algo sobra, se quita; si algo falta, se justifica. Cada decisión se defiende con un argumento.
III
Velocidad.
Días, no meses.
Una landing en diez. Una corporativa en dieciocho. Una tienda en veinticuatro. Plazos firmados antes del primer mockup. Si nos desviamos, se descuenta. El calendario es parte del contrato.
IV
Permanencia.
Tres años sin caducar.
Construimos sobre fundamentos que sobreviven al hype. Tipografía variable, animaciones nativas, componentes estables. La web que firmamos hoy sigue de pie cuando la moda gira cuatro veces.
Cuatro pactos · Ningún atajoBrío Studio — brio-studio.es
Paquetes de Brío Studio
Paquetes · Cuatro pliegos
Cuatro caminos. Un solo oficio.
01 / 04 · Landing
Paquete — Landing
Una página.El mensaje exacto.
Captación de leads o lanzamiento de producto, resuelto con oficio. Una sola pieza, diseñada para convertir.
Copy + diseño sistémico
Shader o vídeo hero reactivo
Formulario brief · SEO técnico
Paquete — Corporativa
Cinco secciones.Una marca que aguanta comparación.
Home más servicios, proyectos, estudio y contacto. Tu web convertida en el primer punto de confianza del ciclo comercial.
Home + 4 páginas completas
Blog MDX conectado · CMS opcional
Animaciones scroll + formulario brief
Paquete — Tienda online
Producto primero.Carrito después.
Catálogo bien fotografiado, checkout sin fricción y email transaccional afinado. Primero el deseo, luego la compra.
Catálogo · fichas con hover 3D
Checkout Stripe · email transaccional
Inventario + analítica de producto
Paquete — A medida
Sin techo.Sin plantilla. A tu medida.
Proyectos con ambición — 3D, WebGL propio, integraciones, narrativas únicas. Primera fase de descubrimiento antes del presupuesto.
Discovery extendido · dirección de arte
Animación custom · WebGL / 3D propio
Integraciones + mantenimiento
Tarifa fundadores · 50 plazas
Las primeras 50 webs que firmemos bajo la marca Brío Studio llevan tarifa fundadores: el precio de lanzamiento del estudio. Es un número cerrado — cuando se cubran las 50 plazas, se aplica la tarifa habitual.
Web corporativa completa · paquete 02
490 €
IVA no incluido · plazo 18 días firmadoPrecio de lanzamiento. Las primeras 50 webs.
- Plazas restantes
- 38 / 50
- Hasta
- 30 de julio
de 2026 - Plazo
- 18 días firmados en contrato
- Garantía
- Lighthouse ≥ 95 o reembolso
El paquete, las garantías y el plazo son los de la corporativa estándar (home + 4 páginas + blog + copy editorial completo). Extras opcionales —shader hero a medida, multidioma, integración CRM— se cotizan aparte sobre la tarifa habitual.
Del brief al lanzamiento, en cinco tiempos.
24 días firmados. Uno por uno, sin giros ni sorpresas.
- 01Día 0 — 2Tiempo 01
Brief.
Sesenta minutos contigo. Una conversación, no un interrogatorio. Salimos con la pieza escrita y el sistema de decisiones alineado.
Ventana de discovery de una hora, firmada por ambas partes. Te hacemos las preguntas que nadie te ha hecho: quién compite con tu narrativa, qué no es negociable para ti, qué no puedes permitirte perder. Salimos con un documento vivo de 3 páginas.
- Entregable
- Brief firmado · plan editorial · presupuesto cerrado
- Hitos
- Discovery de 60 minBrief vivo en 3 pliegosFirma y anticipo
- 02Día 2 — 5Tiempo 02
Arquitectura.
Sitemap, retícula, jerarquía. Antes de un píxel, un plano. Así no hay sorpresas en el tramo final.
Mapeamos cada ruta como si fuera una columna del edificio. Wireframes a baja fidelidad, retícula tipográfica, sistema modular de componentes. Te mandamos un plano navegable antes de abrir Figma siquiera.
- Entregable
- Wireframes interactivos · retícula · mapa de navegación
- Hitos
- Sitemap completoRetícula baseValidación del plano
- 03Día 5 — 11Tiempo 03
Diseño.
Dirección de arte y prototipo clicable. Validamos el tono entero antes de escribir una sola línea de código.
Dirección de arte, tres rutas tipográficas, sistema de color refinado y moodboard de elaboración propia. Prototipo navegable en Figma con estados hover, transiciones clave y micro-copy definitivo.
- Entregable
- Prototipo alta fidelidad · sistema documentado
- Hitos
- 3 rutas de direcciónPrototipo clicableAprobación formal
- 04Día 11 — 20Tiempo 04
Build.
Código propio, componentes reutilizables, animaciones serias. Nada de builders. Todo firmado por nosotros.
Next.js + Tailwind + GSAP. Componentes propios, tipado estricto, testing de interacciones críticas. Cada animación pasa por un checklist: finalidad, duración, ease, reducción de movimiento. Deploy en Vercel con previews por cada commit.
- Entregable
- Repositorio · dashboard Vercel · dominio preparado
- Hitos
- Setup técnicoMaqueta integralQA interno de Lighthouse
- 05Día 20 — 24Tiempo 05
Entrega.
QA, auditoría Lighthouse, handoff documentado. Te vas con la web tuya, el código tuyo y el mantenimiento decidido.
Auditoría completa en cinco dispositivos, validación W3C, test a11y WCAG AA, Lighthouse ≥95. Handoff con Loom explicativos, documentación propia del sistema, plan de mantenimiento opcional a partir del segundo mes.
- Entregable
- Web publicada · documentación · plan de mantenimiento
- Hitos
- Lighthouse ≥95Auditoría a11yHandoff y mantenimiento
Proceso — Paso 01 / 05
Portfolio · 10 sectores
Diez plantillas demo funcionales, una por sector. Cada una es una landing completa con su propia idea rectora. No son capturas: se navegan.
Diez plantillas. Cada una, una dirección de arte completa.
01 · GastronomíaLive
Casa Enea
Editorial gastronómico, fotos que dan hambre.
02 · InmobiliariaLive
Altamira
Editorial arquitectónico sobre blanco.
03 · Spa termalLive
Velaria
El cuerpo suspendido. Spa editorial líquido.
04 · DespachoLive
Castellán · Herrera
Editorial de alta corte. Marfil y pergamino.
05 · Hotel ruralLive
Hotel Riomoros
Slow travel cinematográfico.
06 · PerfumeríaLive
Maison Auriga
El olor que te recuerda algo. Atelier de Grasse.
07 · CreativoLive
María Osa
Brutalism editorial, blanco/negro/rojo.
08 · Mentoring estratégicoLive
Luz Beltrán
El tiempo no es lo que tienes. Es lo que decides.
09 · FitnessLive
IRON Studio
Brutalismo pálido. Hierro. Y tiempo.
10 · Distribución B2BLive
Meridiano
Catálogo comercial premium para hostelería europea.
Pliegos del oficio · El sistema en voz alta
Diez frases del manifiesto, los métodos y las cláusulas del contrato. No son testimonios — son las reglas con las que firmamos cada proyecto.
Lo que firmamos antes de tocar Figma.
Cada tipografía, cada ease, cada retícula responde a una regla escrita. Cuando algo sobra, se cae. Cuando algo falta, se debate.
Pliego IISistema · Decisión documentada · Manifiesto Brío
Plazos firmados antes del primer mockup. Si nos desviamos sin causa tuya, descuento proporcional. El calendario es parte del contrato.
Pliego IIIVelocidad · sin atajos · Manifiesto Brío
Cada proyecto pasa por la misma mano, del concepto a la última línea de código. Sin relevos que diluyan el criterio. El oficio es la firma.
Pliego IOficio · una sola mano · Manifiesto Brío
Construimos sobre fundamentos que sobreviven al hype. Tipografía variable, animaciones nativas, código tipado. Tres años después, sigue de pie.
Pliego IVPermanencia · sin caducidad · Manifiesto Brío
El copy no llega después del diseño, llega antes. Si el texto no aguanta leído en voz alta, el diseño no lo salvará. Antes del píxel, la palabra.
Método IAntes del píxel, la palabra · Cómo trabajamos
Cada tipografía, cada ease, cada retícula responde a una regla escrita. Cuando algo sobra, se cae. Cuando algo falta, se debate.
Pliego IISistema · Decisión documentada · Manifiesto Brío
Plazos firmados antes del primer mockup. Si nos desviamos sin causa tuya, descuento proporcional. El calendario es parte del contrato.
Pliego IIIVelocidad · sin atajos · Manifiesto Brío
Cada proyecto pasa por la misma mano, del concepto a la última línea de código. Sin relevos que diluyan el criterio. El oficio es la firma.
Pliego IOficio · una sola mano · Manifiesto Brío
Construimos sobre fundamentos que sobreviven al hype. Tipografía variable, animaciones nativas, código tipado. Tres años después, sigue de pie.
Pliego IVPermanencia · sin caducidad · Manifiesto Brío
El copy no llega después del diseño, llega antes. Si el texto no aguanta leído en voz alta, el diseño no lo salvará. Antes del píxel, la palabra.
Método IAntes del píxel, la palabra · Cómo trabajamos
Cada animación responde a una pregunta: ¿qué estoy comunicando? Si la respuesta es 'nada', se cae. El motion premium se mide en ausencia.
Método IIIAnimación con finalidad · Cómo trabajamos
Tras la entrega, te vas con repositorio, documentación propia y Loom de nueve minutos. Sin lock-in, sin plataforma propietaria, sin dependencia.
Creencia VIIIHandoff documentado · Lo que firmamos
Cada decisión de diseño responde a un objetivo: que tu web convenza a quien aún no te conoce. Si una petición va en contra de eso, lo hablamos y te damos el porqué.
Creencia IVSistema antes que capricho · Lo que firmamos
Dos rondas grandes incluidas en cada paquete. Si llega una tercera, se conversa antes de cobrar — el brief está diseñado para que no haga falta.
Cláusula 04Rondas de revisión · Contrato Brío
Si no podemos honrar lo que pides en plazo y forma, te lo decimos al día siguiente y te recomendamos a quien sí. Sin overbooking, sin sobrecoste.
Cláusula 05Sin overbooking · Contrato Brío
Cada animación responde a una pregunta: ¿qué estoy comunicando? Si la respuesta es 'nada', se cae. El motion premium se mide en ausencia.
Método IIIAnimación con finalidad · Cómo trabajamos
Tras la entrega, te vas con repositorio, documentación propia y Loom de nueve minutos. Sin lock-in, sin plataforma propietaria, sin dependencia.
Creencia VIIIHandoff documentado · Lo que firmamos
Cada decisión de diseño responde a un objetivo: que tu web convenza a quien aún no te conoce. Si una petición va en contra de eso, lo hablamos y te damos el porqué.
Creencia IVSistema antes que capricho · Lo que firmamos
Dos rondas grandes incluidas en cada paquete. Si llega una tercera, se conversa antes de cobrar — el brief está diseñado para que no haga falta.
Cláusula 04Rondas de revisión · Contrato Brío
Si no podemos honrar lo que pides en plazo y forma, te lo decimos al día siguiente y te recomendamos a quien sí. Sin overbooking, sin sobrecoste.
Cláusula 05Sin overbooking · Contrato Brío
Consultas · respuestas claras
Las ocho preguntas que más nos hacen, respondidas sin rodeos.
Lo que conviene saber antes de empezar.
No, y es innegociable. Las diez piezas que viste en la galería son demos de capacidad, no moldes. Cada proyecto empieza en un lienzo en blanco con dirección de arte propia. Si lo que necesitas es una plantilla estándar, herramientas como Framer lo resuelven por mucho menos y son una opción válida — nosotros trabajamos a medida.
Sí. 10 días para una landing, 18 para una corporativa, 24 para una tienda. Si nos desviamos sin causa tuya, descuento proporcional escrito en el contrato. El calendario va firmado antes del primer mockup, con cláusula de descuento por demora.
Lo escribimos íntegro y está incluido en los cuatro paquetes. Un copy bueno vale más que una animación perfecta, así que lo tratamos como trabajo de primera línea. Tú validas, nosotros firmamos lo que se publica.
Next.js 16, React 19, Tailwind v4, GSAP Club (ScrollTrigger, SplitText, DrawSVG) y Three.js cuando el proyecto lo pide. Deploy en Vercel con previews por cada commit. Todo el código te lo entregamos en tu repositorio — no hay lock-in ni plataforma propietaria.
Cada paquete incluye dos rondas grandes de revisión. Si después de eso hay que cambiar rumbo, lo valoramos como scope adicional transparente. El brief, las tres rutas de dirección y el prototipo clicable están diseñados para que la tercera ronda no haga falta — si pasa, se conversa antes de cobrar.
Sí, en tres modalidades opcionales: (1) Plan ligero anual desde 200 €/año — updates de dependencias y monitorización básica de Core Web Vitals; ideal si la web cambia poco y prefieres pagar de una vez. (2) Plan esencial mensual desde 39 €/mes — añade una hora de cambios al mes, copias de seguridad y soporte por email en 48 h; el punto medio para una pyme que quiere su web siempre al día. (3) Plan completo mensual desde 180 €/mes (landing), 320 €/mes (corporativa) y hasta 480 €/mes (tienda) — suma horas de iteración, contenido puntual y revisión continua de performance. Si prefieres gestionarlo tú, te dejamos documentación en Loom + PDF y el repositorio sigue siendo tuyo, sin lock-in.
SEO técnico (Core Web Vitals, schema, sitemap, robots, meta) y SEO on-page (estructura, copy, enlazado interno) están incluidos. Link building y campañas de contenidos no son nuestro oficio — te recomendamos con gusto a quien lo hace bien.
Sí, en partnership cuando traen brief y timeline claros. Somos su estudio técnico y de diseño de confianza. Facturación a su nombre, NDA mutuo y condiciones de reparto transparentes.
Última palabra · Brío
La primera impresión se decide en tu web.
Los primeros segundos deciden si un visitante confía en ti. Cuéntanos tu proyecto y te respondemos con un plan y un plazo cerrado.