@aluja.studio
getbunqr.com

Web  ·  Proyecto propio

bunqr

La web de una app de Windows para opositores: sella la pantalla en lo que estudias hasta que acabas la sesión. La portada lo cuenta a medida que bajas y 34 guías responden a lo que busca quien prepara una oposición.

Cliente
Proyecto propio
Año
2026
Qué hice
Diseño, desarrollo, contenido y SEO
Tecnología
HTML, CSS y JavaScript, sin framework
En línea
getbunqr.com
Ver la web
getbunqr.com

En uso La portada se cuenta al bajar: el problema, la respuesta y los tres pasos.

(01)

El encargo

Convencer a alguien que se distrae

Quien llega no busca una app: busca poder estudiar sin mirar el móvil. La portada empieza por ahí, por el problema, y solo después enseña la app.

En el móvil, el mismo relato en una columna. Y como bunqr es para Windows, «Descargar» ofrece copiar o compartir el enlace para abrirlo luego en el ordenador.

(02)

Las decisiones

Tres decisiones que explican el resto

  1. a El texto, al ritmo del scroll

    Las frases se encienden palabra a palabra mientras bajas: se leen enteras, sin saltarse ninguna.

  2. b La app, en tres pasos

    Elige dónde estudias, pon los minutos y cierra la escotilla. La demo está hecha en la propia web y se mueve como la app.

  3. c 34 guías, una por búsqueda

    Cada guía responde a una duda concreta de quien oposita y acaba con la app a un clic.

La tarjeta Sesión de estudio: qué estudiar y cuántos minutos El temporizador en marcha, con el botón Probar bunqr gratis
(03)

En cifras

Una portada y 34 guías

Medido con Lighthouse en móvil.

34
Guías para opositores
38
Páginas en total
96
Rendimiento en móvil
0
Saltos al cargar (CLS)
  • 96 Rendimiento
  • 95 Accesibilidad
  • 100 Buenas prácticas
  • 100 SEO
(04)

El sistema

La letra del sistema y una serif para leer

La portada usa la fuente del propio ordenador: no pesa nada y se ve como un programa nativo. Las guías pasan a Instrument Serif, hecha para leer largo.

Muestras de la fuente del sistema y de Instrument Serif
  • #131316Tinta
  • #F6F5F2Papel
  • #E9E4D8Hueso
  • #575E74Acero
  • #23283AAnochecer
  • #101014Noche
(05)

La web entera

De arriba abajo

Pasa el ratón por encima de cada página para recorrerla.Desliza dentro de cada página para recorrerla.

La página de inicio completa, en escritorio
Inicio
La página de una guía completa, en escritorio
Una guía
La página de inicio en un móvil
Inicio, móvil
La página de una guía en un móvil
Una guía, móvil