Space

Estudio independiente de webs, apps y vídeo.

← Todo el trabajo

Mikyö Dorje

Un solo sistema para todo el centro.

Una web pública en cuatro idiomas y un panel de gestión completo para un centro de budismo tibetano abierto desde 1986: enseñanzas, visitas, reservas de pago con entradas QR, donativos, socios, un TPV y la app que usa el personal en la puerta.

Qué hicimos
Web · App
Cliente
Centro de Estudios y Meditación Budista Karmapa Mikyö Dorje
Sector
Centro budista
Año
2026 · Gulina, Navarra
Visitar la web
La portada pública: la explanada, los cuatro idiomas y el camino de entrada
La portada pública: la explanada, los cuatro idiomas y el camino de entrada
La misma portada en modo oscuro
La misma portada en modo oscuro
Reserva en cuatro pasos, sin cuenta
Reserva en cuatro pasos, sin cuenta
El panel: el día de hoy de un vistazo
El panel: el día de hoy de un vistazo
Socios, con roles y permisos
Socios, con roles y permisos
Móvil primero: la portada en un teléfono
Móvil primero: la portada en un teléfono
Cómo trabajamos

Un centro llevado por voluntarios, abierto desde 1986, con una web que no podía vender una entrada, recibir un donativo ni decir al personal quién estaba en la puerta. Necesitaba un solo sistema que cualquier voluntario pudiera manejar sin formación, y en el que confiaran visitantes de cuatro idiomas.

Lo que tenía que conseguir
  • Que cualquiera pueda reservar, donar o pedir una oración sin crear cuenta.
  • Dar al centro un solo panel para calendario, acceso, socios, dinero y contenido.
  • Hacer la puerta rápida y fiable, incluso cuando se cae la red.
  • Sentirse como un templo, no como un software: silencio, espacio, calidez.

El centro nos dio su símbolo del nudo y su nombre. Los limpiamos en seis vectoriales de los que se deriva todo lo demás, y construimos una paleta de papel marfil, azul marino profundo y azafrán: los colores de una sala de oración, con un modo oscuro tan cuidado como el claro.

  • Contemplativo
  • Sencillo
  • Cálido
  • De confianza
Paleta
  • Ivory #FBF7EE Fondo

    Papel cálido en lugar del blanco de pantalla: tranquilo para leer mucho rato.

  • Ink #172944 Texto y modo oscuro

    Un azul marino profundo que recuerda a la noche de montaña, no al negro.

  • Saffron #F1BF55 Acento de marca

    El color del hábito monástico, reservado a botones, marcas y fondo del logo.

  • Blue #356395 Acciones y foco

    Un azul sereno para todo lo pulsable, con contraste comprobado en ambos modos.

Tipografía
  • Fraunces Titulares y encabezados

    Abierto a todos desde 1986

  • Mulish Interfaz y texto

    Reserva una visita, haz un donativo, envía una oración

Escribimos el diseño en cuatro reglas antes de dibujar una pantalla, para que un voluntario y un desarrollador tomen la misma decisión.

Las reglas que fijamos
  1. 01

    Primero el móvil

    La mayoría llega desde el móvil, así que cada pantalla se diseña primero allí.

  2. 02

    Comprensible sin formación

    Palabras sencillas, patrones conocidos, nada que haya que explicar a un voluntario nuevo.

  3. 03

    Quitar adorno, nunca señal

    El color siempre va con una palabra; los iconos nunca llevan solos el significado.

  4. 04

    Contención, incluso por encima de la persuasión

    Sin urgencia, sin cuentas atrás, sin «no te lo pierdas». Un centro de silencio no grita.

01

Web

Dos superficies sobre una misma base. La web pública explica el centro, vende enseñanzas y visitas con una reserva en cuatro pasos, recibe donativos y peticiones de oración, y nunca pide registrarse: tu email y un enlace con caducidad son tu llave. Detrás, un panel con roles granulares que lleva el día a día: calendario de hoy, control de acceso, clientes y socios, finanzas, facturas, correo, contenido con cambios versionados y un TPV táctil para voluntarios.

  • La autorización se comprueba dos veces, en el código y en la base de datos, así que un fallo en una no expone datos.
  • Pagos con Stripe, cupones, descuentos de socios, certificados de donación y facturas con la serie propia del centro.
  • Cada cambio de contenido queda versionado, se puede deshacer y programar para una hora concreta.
  • Modo claro y oscuro, contraste comprobado y un lenguaje de diseño escrito en palabras sencillas.
  • ES
  • EN
  • FR
  • EU
  • Hecho con
  • Astro
  • Tailwind CSS
  • TypeScript
  • Supabase
  • Stripe
  • Docker
  • Cloud Run
02

App

La app que lleva el personal de la puerta. Lee cada QR de entrada, decide al momento si la persona puede pasar y lo dice con una palabra grande, un color, una vibración y un sonido. Si se cae la red sigue decidiendo sin conexión, y cada lectura se guarda en disco antes de decir «Vale». También hace el recuento en una evacuación y ayuda en la tienda.

  • Motor sin conexión: QR firmado verificado en el dispositivo, antirretorno y lecturas enviadas después en lotes idempotentes.
  • Dos identidades: el dispositivo y la persona que lo desbloquea con PIN. El servidor decide qué puede hacer cada una.
  • Colores y reglas salen de los tokens de diseño y el contrato de la web, generados y nunca copiados a mano.
  • Objetivos táctiles grandes, texto nunca menor de 15 sp y el color siempre con una palabra: pensada para una puerta con prisa.
  • Android
  • App de personal para los lectores del centro · distribución privada
  • Hecho con
  • Kotlin
  • Jetpack Compose
  • Material 3 Expressive
  • CameraX
  • ML Kit
  • Tink
03Vídeo y fotoNo en este proyecto
05

Resultado

Lo que se ve, se usa y se comparte, y lo que consigue.

Visitar la web ↗
  • 4idiomas en la web pública
  • 76tablas, cada una con sus reglas de seguridad
  • 0cuentas que el público tiene que crear
  • 46pruebas para que web y app lean cada entrada igual
Web
mikyodorje.com
La portada pública: la explanada, los cuatro idiomas y el camino de entrada
La portada pública: la explanada, los cuatro idiomas y el camino de entrada
La misma portada en modo oscuro
La misma portada en modo oscuro
Reserva en cuatro pasos, sin cuenta
Reserva en cuatro pasos, sin cuenta
El panel: el día de hoy de un vistazo
El panel: el día de hoy de un vistazo
Socios, con roles y permisos
Socios, con roles y permisos
Móvil primero: la portada en un teléfono
Móvil primero: la portada en un teléfono
App
Puerta Vale Meditación · 18:001 de 24 dentro
Puerta Ya ha entrado Leído a las 17:52¿Dejar pasar igualmente?
Recuento Faltan 3 21 de 24 marcadosFunciona sin conexión
Un lugar para el silencio, la práctica del Dharma y el reencuentro con uno mismo.

Tu proyecto podría ser el siguiente.

Cuéntanos qué necesitas: una web, una app o un vídeo. Lo exploramos juntos y pagas fase a fase.

Hablemos