Hola! 👋🏼 Somos Blue Express, una empresa filial de Copec, que se dedica al mercado logístico E-Commerce. Nos encargamos de proveer las mejores soluciones en servicios de distribución, transporte y logística para nuestros clientes. En Blue nos motiva construir día a día una cultura corporativa flexible y dinámica, de la mano de equipos jóvenes, comprometidos con fortalecer su desarrollo personal y profesional frente a proyectos desafiantes y de gran impacto dentro del mercado.
¡No sigas buscando! Postula al Programa de Prácticas de Blue Express Enero 2026 y sé parte de la empresa líder en la Logística E-Commerce.
Tu joven talento es primordial para nosotros, por eso que te invitamos a vivir la #ExperienciaBlue al igual que aquellos #Bluers que nos han escogido y convertido en unas de las mejores empresas para practicantes según el ranking Best Internship de FirstJob.
¡Postula, vive la experiencia de ser un(a) Bluers y deja tu huella que aquí!
¿Cuál será tu rol en nuestra área?👀🧐
El estudiante se integrará al equipo de Productividad y desarrollo de Blue Express. Participará activamente en la creación de un Design System que servirá como fuente única de verdad para todos los productos digitales de la empresa. Esta práctica le proporcionará experiencia práctica y profunda en la arquitectura de componentes reusables, la metodología Atomic Design, la aplicación de estilos de utilidad con Tailwind CSS, la documentación de componentes con Storybook y el uso de buenas prácticas de desarrollo transversal.
¿Qué funciones realizarás?🤓
Fase 1: Investigación y Configuración del Entorno (Setup)
- Estudiar los requerimientos de diseño (Brand Guidelines, principios UX/UI) de Blue Express e investigar las mejores prácticas de Design Systems a nivel global.
- Definir la arquitectura inicial de la librería de componentes (estructura de carpetas, estándares de nomenclatura, sistema de versionamiento).
- Configurar el entorno de desarrollo inicial, incluyendo:
- Integración de React (o Next.js/Vite) como framework base.
- Instalación y configuración de Tailwind CSS y daisyUI para un desarrollo rápido y escalable.
- Configuración de Storybook como herramienta de documentación y sandbox para los componentes.
Fase 2: Desarrollo de Componentes Base
- Priorizar y desarrollar los componentes de nivel atómico más fundamentales (botones, tipografía, inputs, alerts), asegurando que sean 100% responsivos y accesibles (WCAG).
- Implementar los estilos siguiendo la filosofía de Tailwind CSS, utilizando daisyUI como plugin para clases preconstruidas y personalización temática.
- Escribir los componentes con TypeScript y aplicar buenas prácticas de React (uso de hooks, optimización de renders, patrones de composición).
- Establecer el sistema de themificación de la librería para facilitar futuros cambios de identidad visual.
Fase 3: Documentación y Buenas Prácticas
- Documentar cada componente desarrollado en Storybook, incluyendo:
- Ejemplos de uso (stories) con diferentes estados y variaciones.
- Descripción de las propiedades (props) y sus tipos.
- Guías de uso e integración.
- Implementar linters (ESLint) y formateadores (Prettier) para asegurar la calidad y consistencia del código a nivel transversal.
- Configurar el control de versiones con Git y GitHub, asegurando un flujo de trabajo de desarrollo colaborativo (Pull Requests, Code Reviews).
- Crear guías técnicas sobre cómo el equipo de desarrollo de Blue Express debe consumir e integrar la librería en sus proyectos.
Fase 4: Evaluación y Despliegue
- Realizar pruebas de integración manual y/o automáticas para validar el correcto funcionamiento y la compatibilidad con los navegadores objetivos.
- Preparar la librería para su publicación interna (e.g., usando un registro de NPM privado o similar) para que pueda ser consumida por otros proyectos.
- Recopilar feedback de desarrolladores y diseñadores para realizar ajustes y mejoras continuas en la librería (ej. optimización de bundling, tree-shaking).
- Participar en ceremonias ágiles (dailys, plannings) aportando desde la perspectiva del Design System.
Necesitamos de ti:
- Herramientas Clave Utilizadas:
Categoría | Herramientas
Frameworks / Librerías: React, Tailwind CSS, daisyUI
Documentación / Sandbox: Storybook
Lenguajes: JavaScript / TypeScript
Control de Versiones: Git, GitHub
Metodología: Atomic Design, Buenas Prácticas de Desarrollo Transversal
Gestión: Jira, Confluence (para documentación de diseño)
Entornos: Entorno local de desarrollo, despliegue simulado (Staging) - Carreras: Ingeniería Informática, Ingeniería Civil Industrial TI, Ingeniería en Software, etc.
- Modalidad Hibrida.
- 3 meses o mas.
- Disponibilidad desde Enero 2026.
- Seguro escolar vigente.
Todas las postulaciones están sujetas a la Ley 21.015, creando día a día en un ambiente #inclusivo y #tolerante donde ✨todas las personas son bienvenidas✨. En caso de necesitar adaptaciones para ser parte de nuestro proceso de selección, por favor comunícalo en la sección de preguntas.