Zeew Space
Desarrollo completo de la plataforma web de Zeew Space, un espacio educativo centrado en el aprendizaje práctico de tecnología, diseño y habilidades blandas. El objetivo de este sitio es proporcionar una experiencia accesible, motivadora y moderna para estudiantes autodidactas, desarrolladores y emprendedores. Desde la estructura de cursos, navegación clara y experiencia responsive hasta la integración con Discord, el diseño busca fomentar la comunidad y la acción constante.
1 de agosto de 2024
Acerca del Proyecto
Zeew Space es una plataforma educativa centrada en el aprendizaje práctico de tecnología, programación, diseño gráfico y habilidades blandas. Diseñada especialmente para autodidactas, estudiantes y emprendedores, Zeew Space ofrece un enfoque moderno, cercano y didáctico. Este proyecto consistió en la creación de un sitio web completo y visualmente atractivo que actúa como núcleo central para su comunidad educativa.
Objetivos del Proyecto
- Diseñar una plataforma intuitiva que invite al aprendizaje constante.
- Optimizar el rendimiento, navegación y tiempos de carga con Next.js y TailwindCSS.
- Construir una experiencia 100% responsive y accesible desde cualquier dispositivo.
- Reflejar la identidad de Zeew Space: práctica, motivadora y centrada en el progreso.
- Integrar elementos clave como rutas de aprendizaje, insignias, comunidad Discord y espacio de cursos.
Características de la Plataforma
- Rutas de Aprendizaje: Itinerarios guiados por niveles y temas como HTML, CSS, JavaScript, React, Backend, etc.
- Sistema de Insignias: Reconocimientos visuales por completar cursos, retos y participar en la comunidad.
- Espacio Comunidad: Integración con Discord, sistema de rangos y retos semanales para motivar la participación activa.
- Diseño Visual: Colores pastel únicos, identidad propia y estilo UI juvenil para fomentar cercanía.
- Multiformato: Cursos en video, proyectos, desafíos interactivos y blogs educativos.
Estilo Visual
- Paleta de Colores: Combinación de tonos pastel y vibrantes, como #F9E2A1, #FF67A0 y #3D2152.
- Tipografía: Moderna y amigable, con buen espaciado y legibilidad en modo oscuro.
- Animaciones Suaves: Transiciones visuales agradables y microinteracciones útiles.
- Modo Oscuro Nativo: Todo el sitio está diseñado en modo oscuro por defecto.