---
title: "Diseño web para plataformas EdTech y formación online | Sinapsis"
description: "Diseño web para plataformas EdTech, academias digitales y formación online: hero a pantalla completa con vídeo, tipografía suiza y menú lateral deslizante, sin librerías. Mira la demo del tema Sinapsis y pide tu plataforma."
lang: es-ES
source_url:
  html: https://logic2b.com/templates/sinapsis/
  md: https://logic2b.com/templates/sinapsis/index.md
---

# Sinapsis Plantilla para plataformas de formación online

sinapsis.tudominio.com

Ruta: [Plantillas](https://logic2b.com/templates) › [Formación y colegios](https://logic2b.com/diseno-web/formacion)

## Diseño web para plataformas de formación online

Plantilla para plataformas de formación online, academias digitales y proyectos EdTech que venden método antes que catálogo: el vídeo ocupa toda la pantalla, el titular fino se apoya en la mitad inferior junto a la propuesta de valor y una barra de cristal esmerilado cierra el viewport con la noticia o el dato que da credibilidad. Blanco, negro y una escala de grises: cero ruido cromático.

**Sinapsis** es una demo navegable para plataformas de formación online. Está pensada para que quien entra entienda rápido qué ofreces y acabe contactando o reservando; la adaptamos a tu marca, tus textos y tus servicios.

El stack recomendado para este proyecto es Next.js + React. En todos cuidamos lo mismo: carga rápida, HTML semántico y contenidos bien estructurados para que tu negocio se encuentre en buscadores y asistentes de IA.

### Qué incluye

- Vídeo a sangre ocupando todo el viewport
- Titular fino (peso 300) sobre el vídeo, sin velo
- Dos columnas ancladas a la mitad inferior
- Barra inferior de cristal esmerilado con noticia destacada
- Menú lateral deslizante con entrada escalonada (75 → 500 ms)
- Botones píldora: contorno e inverso, con transición de color
- Tipografía suiza del sistema: cero webfonts, cero peticiones
- Cero dependencias: CSS puro y 10 líneas de JS

### Detalles

**Sector**

Plataformas de formación online

**Entrega**

Publicada en tu dominio

### Stack recomendado

- Next.js
- React

Adaptable a cualquier stack: elegimos el que mejor encaja con cada proyecto.

### Categorías

[Formación y colegios](https://logic2b.com/diseno-web/formacion) [SaaS, software y startups](https://logic2b.com/diseno-web/saas) Editorial Minimalista Vídeo

## Temas relacionados

[Ver todos](https://logic2b.com/templates)

[**Bucle** Software y plataformas de datos](https://logic2b.com/templates/bucle) [**Pausa** Apps de productividad y bienestar digital](https://logic2b.com/templates/pausa) [**Rumbo** SaaS y software B2B](https://logic2b.com/templates/rumbo)

Más allá de la web · Formación y colegios

## La web llena las aulas. El sistema organiza el curso.

[Sistemas del sector](https://logic2b.com/diseno-web/formacion#sistemas)

Matrículas, materiales y profesorado: un centro de formación crece cuando todo eso deja de vivir en hojas sueltas. Estas son las piezas que construimos.

1. Demo · Tiza
   **01** Cuadros de mando y analítica
   **[Horarios, asistencia y evaluación](https://logic2b.com/lab/tiza)**
   Aulas y docentes coordinados con asistencia, matrículas y un cuaderno de notas: cambiar la ponderación de una prueba recalcula las medias, los boletines y el alumnado en riesgo.
2. Demo · Tesela
   **02** Comercio y buscadores
   **[Buscador de cursos y materiales](https://logic2b.com/lab/tesela)**
   Un índice propio sobre el catálogo, los apuntes y los recursos, con corrección de erratas y resultados relacionados.
3. Demo · Cuadrante
   **03** RR. HH. y equipos
   **[Incorporación de docentes](https://logic2b.com/lab/cuadrante)**
   Altas de profesorado y personal por curso, con tareas, documentación y el porcentaje de cada incorporación a la vista.

Sistemas a medida

- [Cuadros de mando y analítica](https://logic2b.com/sistemas/cuadros-de-mando)
- [Comercio y buscadores](https://logic2b.com/sistemas/comercio-buscadores)
- [RR. HH. y equipos](https://logic2b.com/sistemas/rrhh-equipos)

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)