Proyecto Academico

e-practicás

e-prácticas (frecuentemente asociada a plataformas de intermediación de pasantías o portales educativos de gestión de prácticas) es una plataforma digital enfocada en conectar a estudiantes de educación superior y técnico-profesionales con el mercado laboral a través de ofertas de prácticas profesionales y pasantías. resumeme este parrafo

e-prácticas es una plataforma digital que conecta a estudiantes universitarios y técnicos con empresas ofreciendo prácticas profesionales y pasantías.

Duración del proyecto

1 mes y 2 semanas

Tipo de contrato

Laboral

Titulo

15 de Junio

Estado

Finalizado

Descripcion

e-prácticas (frecuentemente asociada a plataformas de intermediación de pasantías o portales educativos de gestión de prácticas) es una plataforma digital enfocada en conectar a estudiantes de educación superior y técnico-profesionales con el mercado laboral a través de ofertas de prácticas profesionales y pasantías.

Objetivo

Al desarrollar y diseñar la plataforma e-prácticas (epracticas.cl), tu trabajo consistió en construir una solución digital orientada a conectar de manera eficiente a estudiantes con oportunidades laborales y profesionales.

Mi Rol

En e-prácticas desempeñé el rol de Desarrollador Web y Diseñador UX/UI, encargándome del diseño de interfaces intuitivas en Figma y su posterior desarrollo en WordPress con Elementor. Además, gestioné contenidos, implementé estrategias de e-commerce y apliqué optimizaciones SEO para garantizar una plataforma funcional, atractiva y con un alto rendimiento digital.

Tecnologias

Utilicé principalmente WordPress como CMS, Elementor como maquetador visual para el diseño responsivo, y Figma para la creación de interfaces y prototipos UX/UI, complementado con herramientas y plugins de e-commerce y optimización SEO.

Proyecto Academico

Paso a paso de como se creo el sitio web.

1

Investigacion

Analisis de requerimientos, referencias visuales, sitios similares y definición del tono, estilo y experiencia que deberia tener el sitio.

2

Wireframes

Estructura de la información y diseño de wireframes en baja fidelidad para definir la jerarquia y distribución del contenido.

3

Diseño UI

Diseño visual de páginas, paleta de colores oscura, tipografía y componentes UI para la experiencia inmersiva.

4

Desarrollo

Maquetación y Desarrollo del sitio con HTML5, PHP, CSS y WordPress implementando animaciones y efectos para mejorar la integración.

5

Pruebas

Testing en diferentes dispositivos y navegadores. Optimización de rendimiento, accesibilidad y corrección de detalles.

6

Lanzamiento

Publicación del sitio en producción y configuración final. Documentación del proyecto código GitHub.

Resultados

  • Diseño 100% responsive
  • Navegación intuitiva y experiencia inmersiva
  • Rendimiento Optimizado
  • Código limpio y Reutilizable

Lo que aprendi

  • Gestión de estados y animaciones con JavaScript
  • Diseño de interfaces oscuras efectivas
  • Optimización de imágenes y assets
  • Mejores practicas en Desarrollo Frontend