Observatorio
Sebastián IG

Proyectos

Ideas que puedes explorar.

Doce demos de sitios web en cuatro sectores. Explora su diseño, sus interacciones y su tecnología, y entra en la experiencia completa.

  • 12 demos web
  • 4 sectores
  • Experiencias completas

Selección de trabajo

Ideas para imaginar tu próximo sitio.

Explora muestras por rubro, compara estilos y cuéntame qué recorrido te gustaría para tu negocio.

44Desarrollo web

Empieza por lo que quieres conseguir

¿Qué te gustaría que hiciera tu web?

Puedes escribir con tus palabras o elegir un objetivo. Buscamos también expresiones relacionadas y pequeñas erratas.

44 demos para explorar

Demo para KALVO EléctricosVer resultado ↗

Demo para KALVO EléctricosAutomotriz · 2026

KALVO Eléctricos

Un automóvil configurable en 3D y un cálculo de ahorro.

Tecnológico e interactivo

Un automóvil configurable en 3D y un cálculo de ahorro. Marca ficticia creada para explorar una propuesta de diseño y sus interacciones.

  • HTML
  • CSS
  • JavaScript
  • Three.js

Composición del código

  • HTML64,2%
  • JavaScript35,8%
Ver resultado
Demo para Nóvola StudioVer resultado ↗

Demo para Nóvola StudioAgencias y estudios creativos · 2026

Nóvola Studio

Proyectos creativos con una identidad que orbita en 3D.

Tecnológico e interactivo

Proyectos creativos con una identidad que orbita en 3D. Marca ficticia creada para explorar una propuesta de diseño y sus interacciones.

  • HTML
  • CSS
  • JavaScript
  • Three.js

Composición del código

  • HTML53,4%
  • CSS29,2%
  • JavaScript17,3%
Ver resultado
Demo para TramaflowVer resultado ↗

Demo para TramaflowSoftware y plataformas · 2026

Tramaflow

Una landing de software con funciones, integraciones y planes.

Minimalista y sobrio

Una landing de software con funciones, integraciones y planes. Marca ficticia creada para explorar una propuesta de diseño y sus interacciones.

  • HTML
  • CSS
  • JavaScript

Composición del código

  • HTML100,0%
Ver resultado
Demo para Kuyu WalletVer resultado ↗

Demo para Kuyu WalletFinanzas y contabilidad · 2026

Kuyu Wallet

Una billetera digital presentada como producto interactivo.

Tecnológico e interactivo

Una billetera digital presentada como producto interactivo. Marca ficticia creada para explorar una propuesta de diseño y sus interacciones.

  • HTML
  • CSS
  • JavaScript

Composición del código

  • HTML93,2%
  • JavaScript6,8%
Ver resultado
Demo para Ovillo NorteVer resultado ↗

Demo para Ovillo NorteTiendas y productos · 2026

Ovillo Norte

Tejidos con tienda, historia de marca y diario.

Editorial y narrativo

Tejidos con tienda, historia de marca y diario. Marca ficticia creada para explorar una propuesta de diseño y sus interacciones.

  • HTML
  • CSS
  • JavaScript

Composición del código

  • HTML100,0%
Ver resultado
Demo para Inticora Energía SolarVer resultado ↗

Demo para Inticora Energía SolarEnergía y sostenibilidad · 2026

Inticora Energía Solar

Energía solar con calculadora y visualización del impacto.

Tecnológico e interactivo

Energía solar con calculadora y visualización del impacto. Marca ficticia creada para explorar una propuesta de diseño y sus interacciones.

  • HTML
  • CSS
  • JavaScript
  • Three.js

Composición del código

  • HTML50,4%
  • CSS27,6%
  • JavaScript22,0%
Ver resultado
Demo para La ChinganaVer resultado ↗

Demo para La ChinganaRestaurantes y cafés · 2026

La Chingana

Una taberna marina con carta y recorrido visual.

Enérgico y expresivo

Estudio de interfaz inspirado en La Chingana. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML56,1%
  • CSS43,9%
Ver resultado
Demo para Dogtor MushuVer resultado ↗

Demo para Dogtor MushuVeterinarias · 2026

Dogtor Mushu

Una experiencia veterinaria cercana y fácil de recorrer.

Amigable e ilustrado

Estudio de interfaz inspirado en Dogtor Mushu. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML62,3%
  • CSS37,7%
Ver resultado
Demo para JC RamírezVer resultado ↗

Demo para JC RamírezAutomotriz · 2026

JC Ramírez

Servicios automotrices con una consulta clara.

Enérgico y expresivo

Estudio de interfaz inspirado en JC Ramírez. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML71,1%
  • CSS26,5%
  • JavaScript2,4%
Ver resultado
Demo para Arias Castro AbogadosVer resultado ↗

Demo para Arias Castro AbogadosServicios legales · 2026

Arias Castro Abogados

Una presentación jurídica sobria y ordenada.

Minimalista y sobrio

Estudio de interfaz inspirado en Arias Castro Abogados. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML59,8%
  • CSS37,7%
  • JavaScript2,6%
Ver resultado
Demo para GOU InmobiliariaVer resultado ↗

Demo para GOU InmobiliariaInmobiliarias · 2026

GOU Inmobiliaria

Exploración de inmuebles y consultas con contexto.

Elegante y sofisticado

Estudio de interfaz inspirado en GOU Inmobiliaria. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML70,9%
  • CSS29,1%
Ver resultado
Demo para Florería D’tallosVer resultado ↗

Demo para Florería D’tallosFlorerías · 2026

Florería D’tallos

Composiciones florales en una experiencia editorial.

Elegante y sofisticado

Estudio de interfaz inspirado en Florería D’tallos. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML71,8%
  • CSS28,2%
Ver resultado
Demo para Reyes TravelersVer resultado ↗

Demo para Reyes TravelersViajes · 2026

Reyes Travelers

Destinos y recorridos para imaginar un viaje.

Editorial y narrativo

Estudio de interfaz inspirado en Reyes Travelers. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML70,0%
  • CSS30,0%
Ver resultado
Demo para NOLF Fitness StudioVer resultado ↗

Demo para NOLF Fitness StudioFitness · 2026

NOLF Fitness Studio

Entrenamiento funcional con identidad y movimiento.

Enérgico y expresivo

Estudio de interfaz inspirado en NOLF Fitness Studio. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML66,2%
  • CSS31,7%
  • JavaScript2,2%
Ver resultado
Demo para Flor de Fuego CaféVer resultado ↗

Demo para Flor de Fuego CaféRestaurantes y cafés · 2026

Flor de Fuego Café

Una cafetería de barrio con un recorrido cálido.

Editorial y narrativo

Estudio de interfaz inspirado en Flor de Fuego Café. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML65,3%
  • CSS34,7%
Ver resultado
Demo para La Casona AzulVer resultado ↗

Demo para La Casona AzulHospedaje · 2026

La Casona Azul

Una propuesta de hospedaje con secciones para explorar.

Elegante y sofisticado

Estudio de interfaz inspirado en La Casona Azul. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis

Composición del código

  • HTML63,3%
  • CSS36,7%
Ver resultado
Demo para Mundos de bloques · estudio sobre MinecraftVer resultado ↗

Demo para Mundos de bloques · estudio sobre MinecraftEstudios de videojuegos · 2026

Mundos de bloques · estudio sobre Minecraft

Navegación multipágina y una escena de bloques original.

Tecnológico e interactivo

Estudio de interfaz inspirado en Mundos de bloques · estudio sobre Minecraft. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis
  • Three.js

Composición del código

  • HTML100,0%
Ver resultado
Demo para Reino fantástico · estudio sobre SilksongVer resultado ↗

Demo para Reino fantástico · estudio sobre SilksongEstudios de videojuegos · 2026

Reino fantástico · estudio sobre Silksong

Una composición fantástica con capas y transiciones.

Editorial y narrativo

Estudio de interfaz inspirado en Reino fantástico · estudio sobre Silksong. Explora navegación, composición y acciones de consulta con contenido de ejemplo y visuales originales.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis
  • WebGL

Composición del código

  • HTML100,0%
Ver resultado
Demo para Barbershop A&SVer resultado ↗

Demo para Barbershop A&SBelleza y estética · 2026

Barbershop A&S

Un recorrido de barbería entre el atardecer y el oficio.

Enérgico y expresivo

Demo conceptual para Barbershop A&S: identidad clásica, servicios y galería en un recorrido con atardecer WebGL y un poste de barbería 3D.

  • React 19
  • Vite 8
  • TypeScript
  • React Three Fiber
  • GSAP
  • Motion
  • Tailwind CSS

Composición del código

  • TypeScript82,1%
  • JavaScript8,8%
  • CSS4,0%
  • HTML3,4%
  • Python1,6%
Ver resultado
Demo para VOCÊ Salon & SpaVer resultado ↗

Demo para VOCÊ Salon & SpaBelleza y estética · 2026

VOCÊ Salon & Spa

Una portada editorial donde el acento es protagonista.

Elegante y sofisticado

Demo conceptual para VOCÊ Salon & Spa: seda 3D, tipografía cinética, servicios desplegables y un lookbook que adapta su recorrido a pantallas táctiles.

  • React 19
  • Vite 8
  • TypeScript
  • React Three Fiber
  • GSAP
  • Motion
  • Tailwind CSS

Composición del código

  • TypeScript82,2%
  • JavaScript10,5%
  • CSS4,3%
  • HTML3,0%
Ver resultado
Demo para Kimona SalonVer resultado ↗

Demo para Kimona SalonBelleza y estética · 2026

Kimona Salon

El cruce del kimono convertido en una experiencia digital.

Elegante y sofisticado

Demo conceptual para Kimona Salon: un frasco de esmalte 3D entre cintas y pétalos, servicios por categorías y una galería con profundidad visual.

  • React 19
  • Vite 8
  • TypeScript
  • React Three Fiber
  • GSAP
  • Motion
  • Tailwind CSS

Composición del código

  • TypeScript86,2%
  • JavaScript5,9%
  • CSS4,3%
  • HTML3,5%
Ver resultado
Demo para Colegio San Francisco de BorjaVer resultado ↗

Demo para Colegio San Francisco de BorjaEducación · 2026

Colegio San Francisco de Borja

Una ruta escolar que avanza por etapas.

Amigable e ilustrado

Demo conceptual para el Colegio San Francisco de Borja: escudo 3D, recorrido por niveles educativos, galería de vida escolar y presentación de admisiones.

  • React 19
  • Vite 8
  • TypeScript
  • React Three Fiber
  • GSAP
  • Motion
  • Tailwind CSS

Composición del código

  • TypeScript88,0%
  • JavaScript5,5%
  • CSS3,3%
  • HTML3,2%
Ver resultado
Demo para Nido Terra EncantadaVer resultado ↗

Demo para Nido Terra EncantadaEducación · 2026

Nido Terra Encantada

Aprender, crecer y divertirse en un pequeño planeta.

Amigable e ilustrado

Demo conceptual para Nido Terra Encantada: planeta 3D inspirado en su logo, programas por edades y una galería que acompaña la exploración de sus talleres.

  • React 19
  • Vite 8
  • TypeScript
  • React Three Fiber
  • GSAP
  • Motion
  • Tailwind CSS

Composición del código

  • TypeScript85,0%
  • JavaScript4,0%
  • HTML4,0%
  • CSS3,5%
  • Python3,5%
Ver resultado
Demo para I.E.P. Santa María de SurcoVer resultado ↗

Demo para I.E.P. Santa María de SurcoEducación · 2026

I.E.P. Santa María de Surco

Un libro que se abre para contar la vida escolar.

Minimalista y sobrio

Demo conceptual para Santa María de Surco: emblema 3D, transiciones inspiradas en páginas, niveles educativos y una galería de actividades escolares.

  • React 19
  • Vite 8
  • TypeScript
  • React Three Fiber
  • GSAP
  • Motion
  • Tailwind CSS

Composición del código

  • TypeScript81,0%
  • JavaScript11,0%
  • CSS4,4%
  • HTML3,6%
Ver resultado
Demo para Constructora MallorcaVer resultado ↗

Demo para Constructora MallorcaConstrucción · 2026

Constructora Mallorca

Una experiencia inmobiliaria para explorar y elegir.

Elegante y sofisticado

Demo para Constructora Mallorca: presentación de viviendas y locales con fichas de proyecto, planos y galerías. El recorrido conecta la exploración visual con una consulta por WhatsApp.

  • Nuxt 4
  • Vue 3
  • Tailwind CSS
  • OGL
  • GSAP
  • Lenis

Composición del código

  • Vue63,7%
  • TypeScript16,7%
  • JavaScript14,4%
  • CSS4,9%
  • Shell0,3%
Ver resultado
Demo para UPKEEPVer resultado ↗

Demo para UPKEEPConstrucción · 2026

UPKEEP

Obras y mantenimiento con una estructura clara.

Minimalista y sobrio

Demo para UPKEEP: servicios de infraestructura, mantenimiento y oficinas en un sitio con edificio 3D, proyectos filtrables y solicitud de visita técnica.

  • SvelteKit 2
  • Svelte 5
  • Three.js
  • GSAP
  • Tailwind CSS
  • Lenis

Composición del código

  • Svelte68,8%
  • TypeScript16,2%
  • JavaScript11,0%
  • CSS3,1%
  • HTML0,6%
  • Shell0,3%
Ver resultado
Demo para KEMATYSAVer resultado ↗

Demo para KEMATYSAConstrucción · 2026

KEMATYSA

Configurar una casa antes de pedir una cotización.

Tecnológico e interactivo

Demo para KEMATYSA: catálogo de casas prefabricadas con un configurador interactivo. Permite elegir modelo, techo y acabado y preparar una consulta con esa selección.

  • React 19
  • Vite 8
  • React Three Fiber
  • GSAP
  • Tailwind CSS
  • Lenis

Composición del código

  • TypeScript81,5%
  • JavaScript11,3%
  • CSS4,1%
  • HTML3,1%
Ver resultado
Demo para Odonto ArtsVer resultado ↗

Demo para Odonto ArtsOdontología · 2026

Odonto Arts

Arte, estética y una experiencia de atención cercana.

Editorial y narrativo

Demo para Clínica Dental Odonto Arts: presentación de tratamientos, equipo y enfoque de atención. Combina una portada con fondo WebGL, comparadores y una página de servicios.

  • Astro 7
  • Preact
  • Tailwind CSS
  • GSAP
  • WebGL
  • Lenis

Composición del código

  • Astro56,4%
  • TypeScript37,2%
  • CSS6,1%
  • JavaScript0,3%
Ver resultado
Demo para Dental KiddoVer resultado ↗

Demo para Dental KiddoOdontología · 2026

Dental Kiddo

Una primera visita que empieza con una sonrisa.

Amigable e ilustrado

Demo para Dental Kiddo: odontopediatría con una identidad lúdica para niños y una navegación clara para familias. Incluye mascotas 3D, aparatos personalizables y un comparador de resultados.

  • React 19
  • Vite 8
  • React Three Fiber
  • Framer Motion
  • GSAP
  • Tailwind CSS

Composición del código

  • TypeScript91,1%
  • JavaScript3,7%
  • CSS2,5%
  • Python1,7%
  • HTML1,0%
Ver resultado
Demo para Platinum DentalVer resultado ↗

Demo para Platinum DentalOdontología · 2026

Platinum Dental

Una experiencia clínica con detalle y calidez.

Minimalista y sobrio

Demo para Platinum Dental: tratamientos, equipo, primera visita y contacto en un recorrido con molar 3D, galería y animaciones que acompañan la identidad del consultorio.

  • Next.js 16
  • React 19
  • React Three Fiber
  • Framer Motion
  • GSAP
  • Tailwind CSS

Composición del código

  • TypeScript92,2%
  • JavaScript4,7%
  • CSS2,8%
  • Shell0,3%
Ver resultado

Los porcentajes representan bytes de código detectados por GitHub; consulta la metodología en cada ficha.

El siguiente caso podría ser el tuyo

Si te interesa ver cómo trabajo antes de comprometerte, puedo preparar una maqueta corta del tramo que más te preocupa.

Hablemos por WhatsApp