# Análisis Completo del Sitio Web: Escuelas Deportivas de Chile ## 📋 Información General - **URL:** https://escuelasdeportivaschile.cl - **Tipo:** Plataforma de directorio y registro para escuelas deportivas en Chile - **Tecnología detectada:** WordPress (basado en la estructura de URLs con `/index.php/`) - **Responsivo:** Sí - **Fecha de análisis:** Noviembre 4, 2025 --- ## 1. 🗂️ Estructura de Páginas ### Páginas Principales: #### 1.1 **Inicio** (`/`) - Página principal del sitio - Contiene hero section, formulario de búsqueda avanzada y CTA - URL: `https://escuelasdeportivaschile.cl` #### 1.2 **Nosotros** (`/index.php/3903-2/`) - Información sobre el equipo - Resumen programático - Tres columnas de información para diferentes públicos - URL: `https://escuelasdeportivaschile.cl/index.php/3903-2/` #### 1.3 **Acerca de...** (`/index.php/3913-2/`) - Información institucional completa - Misión, visión y valores - Video institucional - Historias de escuelas deportivas - Información sobre membresías y beneficios - URL: `https://escuelasdeportivaschile.cl/index.php/3913-2/` ### Páginas/Funcionalidades Adicionales: - **Registro Instructor** (formulario/página) - **Registro Institución** (formulario/página) - **Registro Jugador** (formulario/página) - **Sistema de búsqueda** (integrado en la página principal) --- ## 2. 📝 Contenido Detallado por Sección ### 2.1 PÁGINA DE INICIO #### Banner Superior ``` Teléfono: +56 9 7196 6555 Email: contacto@escuelasdeportivaschile.cl ``` #### Hero Section **Título Principal:** ``` BIENVENIDOS A ESCUELAS DEPORTIVAS ``` **Subtítulo/Descripción:** ``` Somos el primer y único centro nacional que unifica y respalda a todas las escuelas deportivas del país, creando un puente entre el talento deportivo juvenil y las oportunidades de desarrollo profesional. ``` **Call-to-Actions:** - Botón: "Registro Instructor" - Botón: "Registro Institución" #### Sección de Búsqueda **Título:** ``` Búsqueda de Instructores y Escuelas Deportivas Encuentra el instructor o escuela deportiva perfecta para ti ``` **Campos del Formulario:** 1. **¿Qué estás buscando?** (Tipo de búsqueda) - Dropdown con opciones: - Instructores y Escuelas - Solo Instructores - Solo Escuelas/Clubes 2. **Tipo de Enseñanza** - Dropdown extenso con más de 100 deportes incluyendo: - Fútbol (Futsal, 11, Playa, Adaptado) - Básquetbol (3x3, 5x5, Silla de Ruedas) - Tenis (Dobles, Mixto, Playa) - Natación (Aguas abiertas, Clásica, Artística) - Atletismo (Campo, Trail, Cross Country, Pista) - Gimnasia (Acrobática, Artística, Rítmica) - Artes marciales (Karate, Judo, Taekwondo, Aikido, etc.) - Deportes de aventura (Escalada, Surf, Rafting, Parapente) - Deportes adaptados/paralímpicos - Y muchos más... 3. **Días y Horarios** - **Días de la semana:** Checkboxes para Lunes, Martes, Miércoles, Jueves, Viernes, Sábado, Domingo - **Rango de horario:** Dos campos de tiempo (desde - hasta) 4. **Ubicación** - **Provincia:** Dropdown "Todas las provincias" (incluye todas las provincias de Chile) - **Comuna:** Dropdown dependiente (se activa al seleccionar provincia) 5. **Grupo Etario** - **Edad dirigida:** Campo de texto libre (ej: "6-12 años", "Adultos", etc.) 6. **Período de Búsqueda** - **Rango de fechas:** Dos campos de fecha (desde - hasta) formato mm/dd/yyyy **Botones del Formulario:** - 🔍 "Buscar" (verde) - 🗑️ "Limpiar" (gris) #### Sección Footer (Llamado a la Acción) **Título:** ``` ¿Quieres ser parte de Escuelas Deportivas de Chile? ``` **Subtítulo:** ``` Nuestra Misión Somos una institución pionera dedicada a centralizar, validar y respaldar a las escuelas deportivas de Chile, facilitando el desarrollo del talento deportivo nacional desde sus bases. ``` **Botones:** - "Registro Institución" - "Registro Instructor" --- ### 2.2 PÁGINA "NOSOTROS" #### Hero Section **Título:** ``` ESCUELAS DEPORTIVAS DE CHILE ``` #### Resumen Programático ``` En nuestra plataforma puedes encontrar todos los programas y enlaces hacia las escuelas deportivas inscritas, obtener información de las actividades deportivas que ellas entregan. De estar disponible la información, también podrás saber si aún quedan cupos para el ingreso a los programas deportivos de cada una. ``` #### Team de Escuelas Deportivas **Director EDChile: Daniel Arestizábal** - Foto de perfil circular - Descripción: "Gran amante de los deportes, Entrenador de Fútbol, administrador de escuelas deportivas." **Administrador Web** - Foto de perfil circular - Descripción: "Gran amante de los deportes, Ex Árbitro de Básquetbol, administrador de sitio web, escuelas deportivas." #### Sección: Escuelas Deportivas Chile **Tres Columnas de Información:** **Columna 1: Escuelas Deportivas** ``` «Únete a la red más grande de escuelas deportivas de Chile» «Obtén tu certificación oficial» «Regístrate y forma parte del futuro del deporte» ``` - Botón: "REGÍSTRATE AHORA" **Columna 2: Padres y Apoderados** ``` «Encuentra la escuela deportiva ideal para tu hijo» «Accede a información verificada y confiable» «Conoce las mejores opciones deportivas en tu zona» ``` - Botón: "REGÍSTRATE AHORA" **Columna 3: Patrocinadores** ``` «Apoya el desarrollo del deporte chileno» «Conecta con las mejores escuelas deportivas del país» «Sé parte del crecimiento deportivo nacional» ``` - Botón: "REGÍSTRATE AHORA" --- ### 2.3 PÁGINA "ACERCA DE..." #### Hero Section **Título:** ``` ACERCA DE ESCUELAS DEPORTIVAS DE CHILE ``` **Descripción:** ``` Somos el primer y único centro nacional que unifica y respalda a todas las escuelas deportivas del país, creando un puente entre el talento deportivo juvenil y las oportunidades de desarrollo profesional. ¿Sabías que muchos talentos deportivos chilenos nunca llegan a desarrollar todo su potencial por falta de visibilidad y oportunidades? En Escuelas Deportivas de Chile trabajamos para cambiar esta realidad. ``` #### Video Institucional - Video embebido con imagen de portada (arco de fútbol) - Botón de play centrado #### Misión y Visión **Nuestra Misión:** ``` Somos una institución pionera dedicada a centralizar, validar y respaldar a las escuelas deportivas de Chile, facilitando el desarrollo del talento deportivo nacional desde sus bases. ``` **Nuestra Visión:** ``` Ser el referente nacional en la certificación y respaldo de escuelas deportivas, garantizando estándares de calidad que impulsen el desarrollo del deporte chileno. ``` #### Nuestros Valores - Confiabilidad - Transparencia - Veracidad - Compromiso #### Sección: La Mejor Forma de Crecer **Cuatro Públicos Objetivo:** 1. **Escuelas** ``` En Escuelas Deportivas de Chile, sabemos que cada escuela deportiva es un pilar fundamental en el desarrollo del talento nacional. Por eso, te invitamos a formar parte de nuestra red, donde podrás acceder a beneficios exclusivos como certificación oficial, respaldo institucional y visibilidad ante patrocinadores y organizaciones deportivas. Al unirte, no solo estarás fortaleciendo tu escuela, sino también contribuyendo al crecimiento del deporte chileno. ¡Sé parte de esta comunidad que impulsa el futuro del deporte en nuestro país! Además, nuestra plataforma te permitirá conectar con otros actores clave del ámbito deportivo, facilitando la organización de eventos, torneos y actividades conjuntas. Juntos, podemos crear un ecosistema deportivo más sólido, inclusivo y lleno de oportunidades para todos. ``` 2. **Instituciones Educacionales** ``` ¿Eres parte de una institución educacional interesada en fomentar el deporte entre tus estudiantes? En Escuelas Deportivas de Chile, te ofrecemos la oportunidad de colaborar con escuelas deportivas certificadas y profesionales altamente capacitados. A través de nuestra red, podrás integrar programas deportivos de calidad en tu institución, promoviendo el desarrollo integral de tus estudiantes y fortaleciendo su formación física y emocional. Además, al trabajar con nosotros, tu institución podrá acceder a recursos, eventos y actividades que enriquecerán la experiencia deportiva de tus alumnos. Juntos, podemos construir una base sólida para el desarrollo del talento deportivo desde las aulas, contribuyendo al bienestar y al futuro de las nuevas generaciones. ``` 3. **Instructores Deportivos** ``` ¿Eres instructor o entrenador en cualquier disciplina deportiva? ¡Este es tu momento! En Escuelas Deportivas de Chile, te invitamos a unirte a nuestra red nacional de profesionales del deporte. Aquí podrás conectar con escuelas deportivas certificadas, compartir tus conocimientos, y ser parte del desarrollo del talento deportivo chileno. Además, tendrás la oportunidad de dar visibilidad a tu trabajo y acceder a nuevas oportunidades de crecimiento profesional. ¡Regístrate hoy y forma parte de la comunidad que está transformando el deporte en Chile! ``` 4. **Padres y Apoderados** ``` Sabemos que como padre o apoderado, buscas lo mejor para tus hijos. En Escuelas Deportivas de Chile, te ofrecemos una plataforma confiable donde podrás encontrar escuelas deportivas certificadas que cumplen con los más altos estándares de calidad y seguridad. Aquí podrás explorar opciones en diversas disciplinas, asegurándote de que tus hijos estén en un entorno que fomente su desarrollo físico, emocional y social. ¡Confía en nosotros para guiarte en este importante paso hacia el futuro deportivo de tus hijos! ``` #### Membresía Institucional ``` - Registro oficial en nuestra plataforma nacional - Respaldo institucional para eventos y actividades - Visibilidad en nuestra red nacional ``` #### Beneficios ``` - Reconocimiento oficial como escuela deportiva validada - Acceso a red de contactos deportivos - Participación en eventos y torneos oficiales - Visibilidad ante patrocinadores y organizaciones deportivas ``` #### Compromiso con la Seguridad de Datos ``` En Escuelas Deportivas de Chile, la protección de la información es nuestra prioridad máxima, especialmente cuando se trata de menores de edad. ``` **Transparencia en el Manejo de Datos:** - Consentimiento informado para uso de datos - Acceso controlado a información institucional - Protocolos específicos para información de menores - Actualizaciones regulares de políticas de privacidad #### Historias de Escuelas **Título:** ``` Escuelas Deportivas en Chile: Un Movimiento que Transforma Vidas ``` **Contenido:** ``` Chile es un país donde el deporte late con fuerza, y las escuelas deportivas son el corazón de este movimiento. Según datos recientes, existen más de 500 escuelas deportivas a lo largo del país, desde Arica hasta Punta Arenas, formando a miles de niños, jóvenes y adultos en distintas disciplinas. Estas escuelas cuentan con más de 2,000 entrenadores certificados, muchos de ellos avalados por federaciones nacionales y programas gubernamentales, garantizando una formación de calidad. ``` **Una Historia de Esfuerzo y Superación:** ``` Todo comenzó en las canchas de barrio, donde niños y niñas soñaban con ser los próximos Alexis Sánchez o Christiane Endler. Con el tiempo, esas canchas se convirtieron en escuelas deportivas organizadas, espacios donde no solo se enseña a jugar, sino también valores como el trabajo en equipo, la disciplina y la perseverancia. ``` **Los Deportes Más Practicados:** ``` El fútbol lidera como el deporte más popular, seguido de cerca por el básquetbol, el voleibol y el atletismo. Sin embargo, en los últimos años, disciplinas como el tenis, el hockey y el ciclismo han ganado terreno, reflejando la diversidad y pasión de los chilenos por el deporte. Hoy, estas escuelas son más que lugares de entrenamiento: son comunidades que inspiran. Muchos de los grandes deportistas chilenos dieron sus primeros pasos en una escuela local, demostrando que el talento, cuando se cultiva con dedicación, puede llegar lejos. ``` **Llamado a la Acción:** ``` Si diriges una escuela deportiva, eres entrenador o simplemente crees en el poder transformador del deporte, te invitamos a registrarte en nuestro sitio web. Aquí podrás: - Dar visibilidad a tu escuela o proyecto - Conectar con otras instituciones y patrocinadores - Acceder a recursos para mejorar la formación de tus alumnos ¡Juntos podemos hacer crecer el deporte en Chile! Regístrate hoy y sé parte de esta gran comunidad. Este es solo el comienzo. El futuro del deporte chileno se escribe en cada cancha, en cada entrenamiento y en cada historia de superación. ¿Serás parte de ella? ``` --- ## 3. 🎨 Diseño Visual ### 3.1 Paleta de Colores #### Colores Principales: **Azul Cyan (Primary):** - Código estimado: `#00B8D4` o `#00BCD4` - Uso: Banner superior, títulos destacados, botones CTA, bordes destacados - RGB aproximado: rgb(0, 184, 212) **Azul Oscuro (Background Principal):** - Código estimado: `#0A2240` o `#1A2B4A` - Uso: Hero section, fondos de secciones principales - RGB aproximado: rgb(10, 34, 64) **Gris Azulado Oscuro (Secondary Background):** - Código estimado: `#2C3E50` o `#34495E` - Uso: Footer, secciones secundarias, headers de formularios - RGB aproximado: rgb(44, 62, 80) **Verde (Success/Action):** - Código estimado: `#4CAF50` o `#2ECC71` - Uso: Botón "Buscar", estados de éxito - RGB aproximado: rgb(76, 175, 80) **Gris Claro (Neutral):** - Código estimado: `#95A5A6` o `#B0BEC5` - Uso: Botón "Limpiar", texto secundario - RGB aproximado: rgb(149, 165, 166) **Amarillo Lima (Accent):** - Código estimado: `#C4D600` o `#CDDC39` - Uso: Barra de acento en footer - RGB aproximado: rgb(196, 214, 0) **Blanco:** - Código: `#FFFFFF` - Uso: Texto principal, fondos de formularios, secciones claras **Negro/Gris muy Oscuro:** - Código estimado: `#1A1A1A` o `#2D2D2D` - Uso: Texto en secciones claras, elementos de contraste #### Gradientes y Efectos: - El hero section usa un overlay oscuro sobre la imagen de fondo - Bordes de color cyan en elementos destacados (formularios, videos) - Sombras sutiles en tarjetas y botones ### 3.2 Tipografía #### Fuentes: **Títulos/Headings:** - Familia: Sans-serif (posiblemente "Teko", "Bebas Neue" o similar) - Peso: Bold/Extra Bold (700-800) - Estilo: Mayúsculas para títulos principales - Tamaño estimado: - H1 (Hero): 48-60px - H2: 36-42px - H3: 28-32px - H4: 20-24px **Texto del Cuerpo:** - Familia: Sans-serif (posiblemente "Roboto", "Open Sans" o "Lato") - Peso: Regular (400) y Medium (500) - Tamaño estimado: - Párrafos: 16-18px - Texto pequeño: 14px - Botones: 14-16px **Características:** - Interlineado generoso (1.5-1.8) - Espaciado de letras normal - Alto contraste entre texto y fondo ### 3.3 Estilo General **Diseño:** - Moderno y limpio - Enfoque en la legibilidad - Uso de espacios blancos generosos - Diseño en bloques/secciones claramente definidas **Elementos de UI:** - Botones con bordes redondeados (border-radius: ~25-30px para botones grandes) - Inputs con bordes sutiles - Dropdowns y selects personalizados - Checkboxes estándar - Iconos de redes sociales simples **Estilo Visual:** - Imágenes de fondo con overlay oscuro - Fotos de deportes y actividades deportivas - Fotos de perfil circulares para el equipo - Estilo deportivo y dinámico --- ## 4. 🖼️ Imágenes ### 4.1 Ubicación de Imágenes #### Página de Inicio: 1. **Hero Background:** - Ubicación: Sección hero principal - Descripción: Imagen de un niño/joven jugando fútbol con fondo azul oscuro - Efecto: Overlay oscuro semi-transparente - Tamaño: Full width, altura ~500-600px #### Página Nosotros: 1. **Hero Background:** - Ubicación: Sección hero - Descripción: Fondo difuminado con temática deportiva - Efecto: Difuminado y overlay oscuro 2. **Foto de Perfil - Director:** - Ubicación: Sección Team - Formato: Circular - Descripción: Foto de Daniel Arestizábal - Tamaño estimado: 150x150px 3. **Foto de Perfil - Administrador Web:** - Ubicación: Sección Team - Formato: Circular - Descripción: Foto del administrador web - Tamaño estimado: 150x150px #### Página Acerca de: 1. **Hero Background:** - Ubicación: Sección hero - Descripción: Fondo azul oscuro con textura 2. **Video/Imagen Institucional:** - Ubicación: Después del hero section - Descripción: Arco de fútbol visto desde abajo contra el cielo - Formato: Video embebido con thumbnail - Borde: Cyan en la parte superior - Tamaño: Ancho completo del contenedor, proporción 16:9 ### 4.2 Logo **Logo Principal:** - Ubicación: Header, esquina superior izquierda - Descripción: Logo/escudo con iconografía deportiva (no completamente visible en el análisis) - Color: Parece ser oscuro/negro con detalles - Formato sugerido: SVG o PNG con transparencia - Tamaño aproximado en header: 50-60px de alto ### 4.3 Iconos **Iconos de Redes Sociales (Footer):** - Twitter (X) - Instagram - Vimeo - Facebook - RSS **Iconos de UI:** - Icono de teléfono (📞) - Icono de email (✉️) - Icono de búsqueda (🔍) - Icono de limpiar (🗑️) **Estilo de Iconos:** - Blancos sobre fondo oscuro - Simples y minimalistas - Tamaño: ~20-24px --- ## 5. 🧭 Menús y Navegación ### 5.1 Header/Top Bar #### Banner Superior (Top Bar) ``` +56 9 7196 6555 | contacto@escuelasdeportivaschile.cl ``` - Color de fondo: Azul cyan (#00B8D4) - Color de texto: Blanco - Iconos: Teléfono y email - Altura estimada: 35-40px - Posición: Fixed en la parte superior #### Barra de Navegación Principal **Elementos:** - Logo (izquierda) - Menú de navegación (derecha): - Inicio - Nosotros - Acerca de... - Icono de búsqueda (🔍) **Características:** - Fondo: Blanco - Texto: Negro/Gris oscuro - Hover: Texto en azul cyan - Posición: Sticky/Fixed - Altura: ~60-70px - Sombra sutil en scroll ### 5.2 Navegación Móvil - Hamburger menu (asumido para responsive) - Botones adaptados para touch ### 5.3 Botones CTA (Call-to-Action) **Botones Principales del Sitio:** 1. **"Registro Instructor"** - Color: Azul cyan con gradiente - Texto: Blanco - Border-radius: ~25-30px - Padding: 12px 30px - Ubicación: Hero section, sidebar izquierdo, footer 2. **"Registro Institución"** - Color: Azul cyan con gradiente - Texto: Blanco - Border-radius: ~25-30px - Padding: 12px 30px - Ubicación: Hero section, sidebar izquierdo, footer 3. **"Registro Jugador"** - Color: Azul cyan - Texto: Blanco - Border-radius: ~25-30px - Padding: 12px 30px - Ubicación: Footer 4. **"Buscar"** (Formulario) - Color: Verde (#4CAF50) - Texto: Blanco - Icono: 🔍 - Border-radius: ~25-30px - Padding: 10px 25px 5. **"Limpiar"** (Formulario) - Color: Gris (#95A5A6) - Texto: Blanco - Icono: 🗑️ - Border-radius: ~25-30px - Padding: 10px 25px 6. **"REGÍSTRATE AHORA"** (Páginas internas) - Color: Gris oscuro (#34495E) - Texto: Blanco - Estilo: Más rectangular - Ubicación: Columnas de información **Efectos:** - Hover: Ligero cambio de tono y/o elevación (box-shadow) - Transición suave (~0.3s) - Cursor: pointer --- ## 6. ⚙️ Funcionalidades ### 6.1 Sistema de Búsqueda Avanzada **Descripción:** El corazón funcional del sitio es un sistema de búsqueda complejo y multifacético que permite a los usuarios encontrar instructores y escuelas deportivas según múltiples criterios. **Campos de Búsqueda:** 1. **Tipo de búsqueda** (Dropdown) - Instructores y Escuelas - Solo Instructores - Solo Escuelas/Clubes 2. **Tipo de Enseñanza** (Dropdown multiselect) - Más de 100 deportes diferentes - Cada deporte con subcategorías específicas - Incluye deportes tradicionales, extremos, adaptados y paralímpicos 3. **Días y Horarios** - 7 checkboxes (uno por cada día de la semana) - 2 campos de tiempo (rango desde-hasta) - Formato: HH:MM 4. **Ubicación Geográfica** - Dropdown de provincias (todas las provincias de Chile) - Dropdown de comunas (dependiente de la provincia seleccionada) - Cascada de selección 5. **Grupo Etario** - Campo de texto libre - Ejemplos: "6-12 años", "Adultos", "Adolescentes" 6. **Período de Búsqueda** - 2 campos de fecha (rango desde-hasta) - Formato: mm/dd/yyyy - Selector de calendario **Acciones:** - Botón "Buscar": Ejecuta la búsqueda - Botón "Limpiar": Resetea todos los campos **Comportamiento:** - Validación de campos - Filtros combinables - Resultados dinámicos (AJAX asumido) - Indicador de carga ("Buscando...") ### 6.2 Formularios de Registro **Tipos de Formularios:** 1. **Registro de Instructor** - Datos personales - Especialidad deportiva - Certificaciones - Experiencia 2. **Registro de Institución/Escuela** - Datos de la escuela - Tipo de institución - Deportes ofrecidos - Infraestructura - Información de contacto 3. **Registro de Jugador/Alumno** - Datos personales - Edad - Deporte de interés - Nivel - Datos de contacto (padres si es menor) **Características Generales:** - Validación de campos - Campos obligatorios marcados - Mensajes de error/éxito - Protección de datos (GDPR/privacidad) - Consentimiento para menores ### 6.3 Sistema de Visualización de Resultados **Elementos (asumidos):** - Cards o tarjetas con información de escuelas/instructores - Filtros aplicados visibles - Paginación - Ordenamiento (relevancia, distancia, alfabético) - Vista de mapa (posible integración de Google Maps) ### 6.4 Integración de Video **Página Acerca de:** - Video institucional embebido - Thumbnail personalizado - Controles de reproducción - Posible integración con YouTube o Vimeo ### 6.5 Funcionalidades Adicionales 1. **Búsqueda Global** (Icono en el header) - Búsqueda rápida - Autocompletado (posible) 2. **Redes Sociales** - Enlaces a perfiles sociales - Compartir contenido (posible) 3. **Responsive Design** - Adaptación a móviles y tablets - Menú hamburguesa en móvil - Formularios optimizados para touch 4. **Accesibilidad** - Contraste adecuado - Navegación por teclado (asumido) - Textos alternativos (recomendado) --- ## 7. 📐 Layout y Estructura ### 7.1 Estructura General del Sitio ``` ┌─────────────────────────────────────────────┐ │ TOP BAR (Banner Info Contacto) │ │ +56 9 7196 6555 | contacto@... │ ├─────────────────────────────────────────────┤ │ HEADER (Navegación) │ │ [Logo] ............ [Inicio][Nosotros] │ │ [Acerca de...][🔍] │ ├─────────────────────────────────────────────┤ │ │ │ CONTENIDO PRINCIPAL │ │ (Variable según página) │ │ │ ├─────────────────────────────────────────────┤ │ FOOTER │ │ [CTA + Botones + Redes Sociales] │ │ [Barra Amarilla con iconos] │ │ [Copyright] │ └─────────────────────────────────────────────┘ ``` ### 7.2 Layout de la Página de INICIO ``` ┌─────────────────────────────────────────────┐ │ TOP BAR + HEADER │ ├─────────────────────────────────────────────┤ │ │ │ HERO SECTION │ │ [Fondo: Imagen deportiva con overlay] │ │ │ │ ┌───────────────────────────────────┐ │ │ │ BIENVENIDOS A ESCUELAS DEPORTIVAS │ │ │ └───────────────────────────────────┘ │ │ │ │ Texto descriptivo... │ │ │ ├─────────────────────────────────────────────┤ │ SECCIÓN DE BÚSQUEDA │ │ │ │ ┌─────┐ ┌──────────────────────────┐ │ │ │ Reg │ │ │ │ │ │ Ins │ │ Búsqueda de Instructores│ │ │ │ tru │ │ y Escuelas Deportivas │ │ │ │ cto │ │ │ │ │ │ r │ │ [Formulario de Búsqueda]│ │ │ ├─────┤ │ • Tipo de búsqueda │ │ │ │ Reg │ │ • Tipo de Enseñanza │ │ │ │ Ins │ │ • Días y Horarios │ │ │ │ tit │ │ • Ubicación │ │ │ │ uci │ │ • Grupo Etario │ │ │ │ ón │ │ • Período de Búsqueda │ │ │ └─────┘ │ │ │ │ │ [Buscar] [Limpiar] │ │ │ └──────────────────────────┘ │ │ │ ├─────────────────────────────────────────────┤ │ FOOTER (CTA) │ │ ¿Quieres ser parte de...? │ │ [Registro Institución][Registro Instructor]│ │ [Iconos Redes Sociales] │ └─────────────────────────────────────────────┘ ``` **Características:** - Sidebar izquierdo con botones CTA fijos (posición sticky) - Formulario central ocupando la mayor parte del ancho - Fondo blanco para el formulario sobre fondo de la página - Espaciado generoso entre secciones ### 7.3 Layout de la Página NOSOTROS ``` ┌─────────────────────────────────────────────┐ │ TOP BAR + HEADER │ ├─────────────────────────────────────────────┤ │ │ │ HERO SECTION │ │ [Fondo: Imagen difuminada] │ │ │ │ ESCUELAS DEPORTIVAS DE CHILE │ │ │ ├─────────────────────────────────────────────┤ │ RESUMEN PROGRAMÁTICO │ │ [Texto descriptivo] │ ├─────────────────────────────────────────────┤ │ TEAM DE ESCUELAS DEPORTIVAS │ │ │ │ ┌────────────┐ ┌────────────┐ │ │ │ [Foto] │ │ [Foto] │ │ │ │ Director │ │ Admin Web │ │ │ │ Nombre │ │ Descripción│ │ │ │ Descripción│ │ │ │ │ └────────────┘ └────────────┘ │ │ │ ├─────────────────────────────────────────────┤ │ ESCUELAS DEPORTIVAS CHILE │ │ [Fondo oscuro] │ │ │ │ ┌───────┬───────────┬────────────┐ │ │ │Escuelas│Padres y │Patrocina- │ │ │ │Deporti-│Apoderados │dores │ │ │ │vas │ │ │ │ │ │ │ │ │ │ │ │[Texto] │[Texto] │[Texto] │ │ │ │ │ │ │ │ │ │[Botón] │[Botón] │[Botón] │ │ │ └───────┴───────────┴────────────┘ │ │ │ ├─────────────────────────────────────────────┤ │ FOOTER │ └─────────────────────────────────────────────┘ ``` **Características:** - Layout de dos columnas para el equipo - Tres columnas iguales para la sección de públicos objetivo - Fondo oscuro para destacar la sección de información ### 7.4 Layout de la Página ACERCA DE ``` ┌─────────────────────────────────────────────┐ │ TOP BAR + HEADER │ ├─────────────────────────────────────────────┤ │ │ │ HERO SECTION │ │ ACERCA DE ESCUELAS DEPORTIVAS DE CHILE │ │ [Texto descriptivo] │ │ │ ├─────────────────────────────────────────────┤ │ VIDEO INSTITUCIONAL │ │ ┌─────────────────────────────────┐ │ │ │ [Video con thumbnail] │ │ │ │ [▶ Play] │ │ │ └─────────────────────────────────┘ │ ├─────────────────────────────────────────────┤ │ MISIÓN Y VISIÓN │ │ ┌────────────┐ ┌────────────┐ │ │ │ Nuestra │ │ Nuestra │ │ │ │ Misión │ │ Visión │ │ │ │ [Texto] │ │ [Texto] │ │ │ └────────────┘ └────────────┘ │ ├─────────────────────────────────────────────┤ │ NUESTROS VALORES │ │ • Confiabilidad • Transparencia │ │ • Veracidad • Compromiso │ ├─────────────────────────────────────────────┤ │ LA MEJOR FORMA DE CRECER │ │ [Tabs o acordeón] │ │ • Escuelas │ │ • Instituciones Educacionales │ │ • Instructores Deportivos │ │ • Padres y Apoderados │ │ [Contenido expandido] │ ├─────────────────────────────────────────────┤ │ MEMBRESÍA Y BENEFICIOS │ │ [Listas de características] │ ├─────────────────────────────────────────────┤ │ COMPROMISO CON LA SEGURIDAD DE DATOS │ │ [Texto y lista] │ ├─────────────────────────────────────────────┤ │ HISTORIAS DE ESCUELAS │ │ [Artículo largo con estadísticas] │ ├─────────────────────────────────────────────┤ │ FOOTER │ └─────────────────────────────────────────────┘ ``` **Características:** - Contenido largo en formato de artículo - Secciones claramente delimitadas - Uso de dos columnas para misión/visión - Video destacado con borde cyan ### 7.5 Footer Detallado ``` ┌─────────────────────────────────────────────┐ │ SECCIÓN CTA (Fondo oscuro #2C3E50) │ │ │ │ ¿Quieres ser parte de Escuelas │ │ Deportivas de Chile? │ │ │ │ Nuestra Misión │ │ [Texto descriptivo] │ │ │ │ [Registro Institución][Registro Instructor]│ │ │ │ [🐦] [📷] [▶] [f] │ │ (Twitter/Instagram/Vimeo/Facebook) │ │ │ ├─────────────────────────────────────────────┤ │ BARRA INFERIOR (Fondo amarillo #C4D600) │ │ │ │ Copyright ©2024 Todos los derechos │ │ Escuelas Deportivas Chile │ │ │ │ [f] [🐦] [📷] [RSS] │ │ (Enlaces adicionales de redes sociales) │ │ │ └─────────────────────────────────────────────┘ ``` **Elementos del Footer:** 1. Sección CTA principal (fondo oscuro) 2. Título llamativo 3. Texto de misión 4. Dos botones CTA grandes 5. Iconos de redes sociales 6. Barra inferior amarilla/lima 7. Copyright y enlaces sociales adicionales ### 7.6 Ancho del Contenedor **Medidas estimadas:** - Ancho máximo del contenedor: 1200-1400px - Padding lateral: 15-30px - Breakpoints responsive: - Desktop: 1200px+ - Tablet: 768px - 1199px - Mobile: < 768px ### 7.7 Espaciado **Márgenes y Padding:** - Entre secciones: 60-80px - Dentro de secciones: 30-40px - Entre elementos pequeños: 15-20px - Padding de contenedores: 40-50px (desktop), 20-30px (mobile) --- ## 8. 🔧 Consideraciones Técnicas para NextJS ### 8.1 Estructura de Proyecto Sugerida ``` escuelas-deportivas-nextjs/ ├── app/ │ ├── page.tsx # Página de inicio │ ├── nosotros/ │ │ └── page.tsx # Página Nosotros │ ├── acerca-de/ │ │ └── page.tsx # Página Acerca de │ ├── registro-instructor/ │ │ └── page.tsx # Formulario instructor │ ├── registro-institucion/ │ │ └── page.tsx # Formulario institución │ ├── registro-jugador/ │ │ └── page.tsx # Formulario jugador │ ├── buscar/ │ │ └── page.tsx # Resultados de búsqueda │ ├── layout.tsx # Layout principal │ └── globals.css # Estilos globales ├── components/ │ ├── Header/ │ │ ├── TopBar.tsx │ │ └── Navigation.tsx │ ├── Footer/ │ │ └── Footer.tsx │ ├── Hero/ │ │ └── HeroSection.tsx │ ├── Forms/ │ │ ├── SearchForm.tsx │ │ ├── InstructorForm.tsx │ │ ├── InstitucionForm.tsx │ │ └── JugadorForm.tsx │ ├── UI/ │ │ ├── Button.tsx │ │ ├── Input.tsx │ │ ├── Select.tsx │ │ └── Checkbox.tsx │ └── Sections/ │ ├── TeamSection.tsx │ ├── ValuesSection.tsx │ └── CTASection.tsx ├── lib/ │ ├── deportes.ts # Lista de deportes │ ├── provincias.ts # Lista de provincias/comunas │ └── api.ts # Funciones de API ├── public/ │ ├── images/ │ │ ├── logo.svg │ │ ├── hero-bg.jpg │ │ ├── team/ │ │ └── icons/ │ └── videos/ │ └── institucional.mp4 ├── styles/ │ ├── colors.ts # Paleta de colores │ └── typography.ts # Configuración de tipografías └── types/ ├── deporte.ts ├── ubicacion.ts └── busqueda.ts ``` ### 8.2 Componentes Principales a Crear #### Layout Components 1. **TopBar** - Banner azul superior con info de contacto 2. **Navigation** - Barra de navegación principal 3. **Footer** - Footer con CTA y redes sociales #### Page Components 1. **HeroSection** - Hero section reutilizable 2. **SearchForm** - Formulario de búsqueda complejo 3. **TeamCard** - Tarjeta de miembro del equipo 4. **InfoColumn** - Columna de información (Nosotros) 5. **VideoPlayer** - Reproductor de video institucional #### Form Components 1. **CustomSelect** - Dropdown personalizado 2. **DateRangePicker** - Selector de rango de fechas 3. **TimeRangePicker** - Selector de rango de horarios 4. **CheckboxGroup** - Grupo de checkboxes para días #### UI Components 1. **Button** - Botón reutilizable con variantes 2. **Input** - Input field personalizado 3. **Card** - Tarjeta genérica 4. **Modal** - Modal para formularios ### 8.3 Datos Estáticos **Archivos de Configuración:** 1. **deportes.ts** - Array con 100+ deportes ```typescript export const deportes = [ { id: 1, nombre: "Fútbol", categorias: ["Futsal", "11", "Playa", "Adaptado"] }, { id: 2, nombre: "Básquetbol", categorias: ["3x3", "5x5", "Silla de Ruedas"] }, // ... más deportes ]; ``` 2. **provincias.ts** - Provincias y comunas de Chile ```typescript export const ubicaciones = [ { provincia: "Santiago", comunas: ["Santiago Centro", "Providencia", "Las Condes", ...] }, // ... más provincias ]; ``` ### 8.4 API Routes (NextJS) **Rutas de API sugeridas:** 1. **`/api/search`** - Búsqueda de instructores/escuelas - POST con criterios de búsqueda - Retorna resultados filtrados 2. **`/api/registro-instructor`** - Registro de instructor - POST con datos del formulario - Validación y guardado 3. **`/api/registro-institucion`** - Registro de institución - POST con datos del formulario 4. **`/api/registro-jugador`** - Registro de jugador - POST con datos del formulario ### 8.5 Estado y Gestión de Datos **Opciones:** - **React Context** para estado global (búsqueda activa, filtros) - **React Hook Form** para formularios complejos - **Zod** para validación de esquemas - **SWR o React Query** para fetching de datos ### 8.6 Styling **Opciones recomendadas:** 1. **Tailwind CSS** - Utility-first CSS framework - Configurar los colores personalizados - Definir breakpoints - Extensiones personalizadas 2. **CSS Modules** - Para componentes específicos 3. **Styled Components o Emotion** - CSS-in-JS (alternativa) **Configuración de Tailwind (tailwind.config.js):** ```javascript module.exports = { theme: { extend: { colors: { primary: '#00B8D4', secondary: '#0A2240', accent: '#C4D600', success: '#4CAF50', neutral: '#95A5A6', }, fontFamily: { heading: ['Teko', 'sans-serif'], body: ['Roboto', 'sans-serif'], }, }, }, }; ``` ### 8.7 Optimizaciones 1. **Imágenes:** - Usar `next/image` para optimización automática - Formatos modernos (WebP, AVIF) - Lazy loading 2. **Fonts:** - `next/font` para Google Fonts - Font display: swap 3. **Performance:** - Static Generation (SSG) para páginas informativas - Server Components donde sea posible - Dynamic imports para componentes pesados (formularios) 4. **SEO:** - Metadata API de NextJS 13+ - Sitemap dinámico - Structured data (JSON-LD) ### 8.8 Dependencias Recomendadas ```json { "dependencies": { "next": "^14.x", "react": "^18.x", "react-dom": "^18.x", "react-hook-form": "^7.x", "zod": "^3.x", "@radix-ui/react-select": "^2.x", "@radix-ui/react-checkbox": "^1.x", "date-fns": "^2.x", "lucide-react": "^0.x", "clsx": "^2.x", "tailwind-merge": "^2.x" }, "devDependencies": { "@types/node": "^20.x", "@types/react": "^18.x", "typescript": "^5.x", "tailwindcss": "^3.x", "autoprefixer": "^10.x", "postcss": "^8.x" } } ``` --- ## 9. 📊 Lista Completa de Deportes
Ver lista completa (100+ deportes) 1. Aeromodelismo (varios tipos) 2. Aikido (Buki-waza, Taijutsu) 3. Ajedrez 4. Andinismo (Escalada, Ski de montaña) 5. Arnis (Kali, Eskrima) 6. Atletismo (Campo, Trail, Cross Country, Pista) 7. Automovilismo (Pista/Karting, Ruta/Rally) 8. Aviación Deportiva (Acrobacia, Vuelo Rally) 9. Badminton (Dobles, Individual, Mixto) 10. Baile Deportivo (Coreográfico, Sincronizado, Show Dance) 11. Balonmano (Indoor, Playa, Silla de Ruedas) 12. Biathlon (Individual, Persecución, Salida en masa) 13. Billar (3 bandas, Americano, Chileno, Pool, Snooker) 14. Boccia Paralímpica (Dobles, Equipos, Singles) 15. Bochas (Petanca, Raffa, Zerbin-Volo) 16. Bowling (Cuarta, Duplas, Equipos) 17. Boxeo (Categoría por peso) 18. Brazilian Jiu Jitsu 19. Bridge (Equipos, Individual, Parejas) 20. Básquetbol (3x3, 5x5, Silla de Ruedas) 21. Béisbol (Equipos) 22. Canotaje (Velocidad, Polinésico) 23. Caza Deportiva (Lanzamiento, Long Casting) 24. Cheerleading/Cheerleaders 25. Chessboxing 26. Ciclismo (BMX, Montaña, Pista, Ruta) 27. Críquet (Beach, T20, Soft Ball) 28. Dardos 29. Deportes Subacuáticos (Apnea, Buceo, Hockey subacuático) 30. Ecuestre (Adiestramiento, Enduro, Saltos) 31. Escalada Deportiva (Boulder, Dificultad, Velocidad) 32. Esgrima (Espada, Florete, Sable) 33. Esquí Náutico (Figuras, Slalom, Wakeboard) 34. Footgolf 35. Fútbol (Futsal, 11, Playa, Adaptado) 36. Fútbol Americano (Flag, Tackle) 37. Gimnasia (Acrobática, Artística, Rítmica) 38. Goalball (Discapacidad Visual) 39. Golf (Individual, Mixto) 40. Halterofilia (Arranque, Envión) 41. Hockey (Césped, Patín) 42. Jiu Jitsu 43. Judo (Incluye Paralímpico) 44. Karate (Estilos, Kata, Kumite) 45. Kayakismo (Aguas Blancas) 46. Kendo 47. Kickboxing (Full Contact, K1, Light) 48. Kickingball 49. Lucha (Grecorromana, Libre) 50. Lucha de Brazo 51. Montañismo (Estilo alpino) 52. Motociclismo (Enduro, Motocross) 53. Muay Thai Amateur 54. Natación (Aguas abiertas, Clásica, Artística) 55. Navegación a Vela (49er, Laser, Optimist) 56. Netball 57. Para Atletismo (Calle, Pista) 58. Para Ciclismo (Bicicleta, Handcycle) 59. Para Ecuestre (Equipos, Individual) 60. Para Esgrima (Espada, Florete) 61. Para Karate (Kata adaptado) 62. Para Natación (Combinada, Individual) 63. Para Triatlón 64. Parabadminton 65. Paracaidismo (FCL4, Precisión) 66. Parapente (Biplaza, Monoplaza) 67. Parkour (Freerunning) 68. Patinaje (Artístico, Velocidad) 69. Patín Carrera (Inline, Downhill) 70. Pelota Vasca (Frontón, Jai Alai) 71. Pentathlon Moderno 72. Pesca Deportiva 73. Pickleball 74. Pitch & Putt 75. Polo 76. Pádel 77. Rafting 78. Rayuela (Tejo) 79. Remo (Banco Fijo, Móvil) 80. Rodeo 81. Rugby (13, 15, 7, Touch) 82. Rugby en Silla de Ruedas 83. Skateboarding (Bowl, Street, Vert) 84. Ski (Freestyle, Alpino, Nórdico) 85. Snowboard (Big Air, Half Pipe) 86. Softbol 87. Squash (Dobles, Mixto) 88. Street Workout 89. Strongman 90. Surf (Long board, Sup) 91. Taca Taca 92. Taekwondo (Combate, Poomsae) 93. Tenis (Dobles, Mixto, Playa) 94. Tenis de Mesa (Dobles, Equipo) 95. Teqball 96. Tiro al Blanco (Carabina, Pistola, Rifle) 97. Tiro al Vuelo (Doble foso, Skeet) 98. Tiro con Arco (Compuesto, Recurvo) 99. Triatlón (Duatlón, Estándar) 100. Ultimate Frisbee 101. Vela Adaptada 102. Velerismo Radiocontrolado 103. Voleibol (Piso, Playa, Sentado) 104. Wushu (Sanda, Taijiquan, Taolu)
--- ## 10. 🎯 Checklist de Implementación ### Fase 1: Configuración Inicial - [ ] Crear proyecto NextJS 14+ - [ ] Configurar TypeScript - [ ] Instalar y configurar Tailwind CSS - [ ] Configurar estructura de carpetas - [ ] Configurar fuentes (Google Fonts) - [ ] Crear archivo de variables de colores ### Fase 2: Componentes Base - [ ] TopBar component - [ ] Navigation component - [ ] Footer component - [ ] Button component (con variantes) - [ ] Input component - [ ] Select component - [ ] Layout principal ### Fase 3: Página de Inicio - [ ] Hero section con imagen de fondo - [ ] Botones CTA laterales (sticky) - [ ] Formulario de búsqueda completo - [ ] Dropdown de tipo de búsqueda - [ ] Dropdown de deportes (con datos) - [ ] Checkboxes de días - [ ] Time range picker - [ ] Location selectors (provincia/comuna) - [ ] Grupo etario input - [ ] Date range picker - [ ] Botones Buscar/Limpiar - [ ] Sección footer CTA ### Fase 4: Página Nosotros - [ ] Hero section - [ ] Resumen programático - [ ] Team section con cards - [ ] Sección de tres columnas - [ ] Botones de registro ### Fase 5: Página Acerca De - [ ] Hero section - [ ] Video institucional embebido - [ ] Misión y Visión (dos columnas) - [ ] Valores - [ ] Sección "La Mejor Forma de Crecer" - [ ] Membresía y beneficios - [ ] Seguridad de datos - [ ] Historias de escuelas ### Fase 6: Formularios de Registro - [ ] Formulario de Instructor - [ ] Formulario de Institución - [ ] Formulario de Jugador - [ ] Validación con Zod - [ ] Manejo de errores - [ ] Mensajes de éxito ### Fase 7: Funcionalidades - [ ] Sistema de búsqueda (API) - [ ] Página de resultados - [ ] Filtros dinámicos - [ ] Integración de base de datos (si aplica) ### Fase 8: Responsive Design - [ ] Mobile navigation (hamburger) - [ ] Formularios adaptados - [ ] Imágenes responsive - [ ] Testing en diferentes dispositivos ### Fase 9: Optimización - [ ] Optimización de imágenes - [ ] Lazy loading - [ ] SEO metadata - [ ] Performance testing - [ ] Accesibilidad (a11y) ### Fase 10: Deployment - [ ] Configurar variables de entorno - [ ] Deploy en Vercel/Netlify - [ ] Testing en producción - [ ] Analytics (opcional) --- ## 11. 📸 Referencias Visuales Capturadas Durante el análisis se capturaron las siguientes referencias visuales: 1. **Página de Inicio:** - Hero section con título - Formulario de búsqueda completo - Botones CTA laterales - Footer con CTA 2. **Página Nosotros:** - Hero section - Team section con perfiles - Tres columnas de información 3. **Página Acerca De:** - Hero section - Video institucional 4. **Elementos Comunes:** - Header y navegación - Footer con redes sociales - Paleta de colores - Tipografía --- ## 12. 📝 Notas Adicionales ### Observaciones Técnicas: - El sitio actual está construido en WordPress - Usa PHP para las URLs dinámicas - Tiene una base de datos para almacenar escuelas/instructores - El formulario de búsqueda es muy completo y robusto - Hay más de 100 deportes en la lista (impresionante nivel de detalle) ### Mejoras Sugeridas para la Versión NextJS: 1. **Performance:** - Implementar ISR (Incremental Static Regeneration) para las páginas de escuelas - Usar Server Components para partes estáticas - Optimizar las listas largas (deportes) con virtualización 2. **UX:** - Autocompletado en el campo de búsqueda - Sugerencias basadas en ubicación del usuario - Filtros persistentes en la URL (compartibles) 3. **Funcionalidades Adicionales:** - Sistema de reviews/calificaciones - Calendario de eventos deportivos - Blog o sección de noticias - Dashboard para escuelas registradas - Sistema de mensajería interna 4. **SEO:** - Páginas dinámicas por deporte - Páginas por ubicación - Schema markup para organizaciones deportivas - Breadcrumbs 5. **Accesibilidad:** - Navegación por teclado completa - ARIA labels apropiados - Contraste mejorado - Screen reader friendly ### Consideraciones de Seguridad: - Validación server-side de todos los formularios - Rate limiting para búsquedas - Protección CSRF - Sanitización de inputs - HTTPS obligatorio - Headers de seguridad (CSP, etc.) --- ## 13. 🔗 Enlaces y Recursos **Sitio Original:** - URL: https://escuelasdeportivaschile.cl - Email: contacto@escuelasdeportivaschile.cl - Teléfono: +56 9 7196 6355 **Redes Sociales:** - Twitter/X - Instagram - Vimeo - Facebook - RSS **Tecnologías Sugeridas:** - NextJS 14+ - TypeScript - Tailwind CSS - React Hook Form - Zod - Radix UI - Lucide Icons --- ## ✅ Conclusión Este análisis proporciona una base completa para recrear el sitio **Escuelas Deportivas de Chile** en NextJS. El sitio es bastante robusto con: - ✅ Tres páginas principales bien definidas - ✅ Sistema de búsqueda complejo con múltiples filtros - ✅ Contenido extenso y bien organizado - ✅ Diseño moderno y profesional - ✅ Enfoque en múltiples públicos (escuelas, instructores, padres, patrocinadores) - ✅ Más de 100 deportes catalogados - ✅ Cobertura nacional (todas las provincias de Chile) **Tiempo Estimado de Desarrollo:** - Configuración y componentes base: 1-2 semanas - Páginas principales: 2-3 semanas - Formularios y funcionalidades: 2-3 semanas - Optimización y testing: 1-2 semanas - **Total: 6-10 semanas** (dependiendo del equipo y backend) --- **Documento generado:** Noviembre 4, 2025 **Sitio analizado:** https://escuelasdeportivaschile.cl **Versión:** 1.0