{ "brand": { "line1": "moises", "line2": "colman", "logoSvg": "assets/icons/logo.svg", "logoAlt": "Moisés Colman" }, "home": { "titleLine1": "Hola,", "titlePrefix": "soy", "titleHighlight": "Moisés", "subtitle": "Diseñador Gráfico | Desarrollador Web Full Stack Junior", "image": { "url": "", "alt": "Yo" } }, "contactInfo": { "qrLabel": "QR", "qrImage": "assets/icons/qr_moss.svg", "qrAlt": "Código QR de contacto", "email": "moises.colman@gmail.com", "location": "Bilbao - Bizkaia" }, "profile": { "title": "Perfil", "description": "Profesional especializado en Desarrollo Web Full Stack, con años de experiencia en Diseño Gráfico y Microinformática. Cuento con una base sólida y en constante construcción, lo que me permite abordar proyectos desde una perspectiva integral, combinando habilidades técnicas y creatividad. Apasionado por la tecnología y autodidacta. Con autonomía y mirada resolutiva para aportar soluciones para la consecución del objetivo propuesto. Capacidad colaborar dinámicamente en equipos multidisciplinares, contribuyendo a cada proyecto en el que participo.", "image": { "url": "", "alt": "Imagen de perfil" }, "curriculumUrl": "" }, "contactPage": { "title": "Contacto", "description": "¿Tienes una idea, un proyecto o una colaboración en mente? Estoy abierto a nuevas oportunidades, proyectos web y propuestas de diseño donde pueda aportar una visión técnica y creativa. Si quieres desarrollar una web, mejorar una identidad visual o hablar sobre una idea, escríbeme a través del formulario. Te responderé lo antes posible." }, "socialLinks": [ { "id": "linkedin", "name": "LinkedIn", "url": "#", "icon": "linkedin", "visible": true }, { "id": "github", "name": "GitHub", "url": "#", "icon": "github", "visible": true } ], "techStack": [ { "id": "after-effects", "name": "After Effects", "icon": "ae", "visible": true }, { "id": "illustrator", "name": "Illustrator", "icon": "ai", "visible": true }, { "id": "angular", "name": "Angular", "icon": "angular", "visible": true }, { "id": "corel", "name": "CorelDRAW", "icon": "corel", "visible": true }, { "id": "css3", "name": "CSS3", "icon": "css3", "visible": true }, { "id": "figma", "name": "Figma", "icon": "figma", "visible": true }, { "id": "flask", "name": "Flask", "icon": "flask", "visible": true }, { "id": "git", "name": "Git", "icon": "git", "visible": true }, { "id": "html5", "name": "HTML5", "icon": "html5", "visible": true }, { "id": "indesign", "name": "InDesign", "icon": "id", "visible": true }, { "id": "jakarta", "name": "Jakarta EE", "icon": "jakarta", "visible": true }, { "id": "java", "name": "Java", "icon": "java", "visible": true }, { "id": "jira", "name": "Jira", "icon": "jira", "visible": true }, { "id": "js", "name": "JavaScript", "icon": "js", "visible": true }, { "id": "lightroom", "name": "Lightroom", "icon": "lr", "visible": true }, { "id": "mongodb", "name": "MongoDB", "icon": "mongo", "visible": true }, { "id": "mysql", "name": "MySQL", "icon": "mysql", "visible": true }, { "id": "postgresql", "name": "PostgreSQL", "icon": "postgre", "visible": true }, { "id": "photoshop", "name": "Photoshop", "icon": "ps", "visible": true }, { "id": "python", "name": "Python", "icon": "python", "visible": true }, { "id": "spring", "name": "Spring", "icon": "spring", "visible": true }, { "id": "sqlite", "name": "SQLite", "icon": "sqlite", "visible": true }, { "id": "trello", "name": "Trello", "icon": "trello", "visible": true }, { "id": "vue", "name": "Vue", "icon": "vue", "visible": true }, { "id": "wordpress", "name": "WordPress", "icon": "wordpress", "visible": true } ], "projects": { "design": [ { "id": "design-01", "title": "ABL Turismo", "shortDescription": "Rebranding", "description": "Proyecto de rebranding que moderniza la identidad visual de una pequeña agencia paraguaya, tomando como inspiración la flor de mburukuja. La propuesta simplifica el símbolo floral, actualiza la tipografía y construye una paleta vibrante con tonos lila, verde y fucsia. El resultado es una marca más limpia, versátil y reconocible, preparada para aplicaciones digitales, redes sociales y material publicitario, manteniendo un fuerte vínculo con la identidad paraguaya y transmitiendo frescura, cercanía y espíritu viajero.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/01 - abl/01.jpg", "images": [ "assets/img/design/01 - abl/01.jpg", "assets/img/design/01 - abl/02.jpg", "assets/img/design/01 - abl/03.jpg", "assets/img/design/01 - abl/04.jpg", "assets/img/design/01 - abl/05.jpg", "assets/img/design/01 - abl/06.jpg", "assets/img/design/01 - abl/07.jpg", "assets/img/design/01 - abl/08.jpg", "assets/img/design/01 - abl/09.jpg", "assets/img/design/01 - abl/10.jpg", "assets/img/design/01 - abl/11.jpg", "assets/img/design/01 - abl/12.jpg", "assets/img/design/01 - abl/13.jpg", "assets/img/design/01 - abl/14.jpg", "assets/img/design/01 - abl/15.jpg", "assets/img/design/01 - abl/16.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "Photoshop", "icon": "ps" } ], "visible": true }, { "id": "design-02", "title": "Logo Fintastical", "shortDescription": "Identidad de marca", "description": "Fintastical es un logo creado para una herramienta financiera web, combinando el mundo de las inversiones con un concepto más cercano, creativo y memorable. El símbolo del unicornio representa lo fantástico, aspiracional y diferente, reforzando la idea de una plataforma capaz de hacer más atractiva la gestión financiera. Su integración con el círculo amarillo recuerda a una moneda o valor económico, conectando visualmente con el sector financiero. La tipografía gruesa y moderna aporta solidez y confianza, mientras que la paleta de morados, rosa y amarillo transmite tecnología, creatividad y energía. El resultado es una identidad amigable, distintiva y adecuada para una aplicación digital de inversión.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/02 - fintastical/01.jpg", "images": [ "assets/img/design/02 - fintastical/01.jpg", "assets/img/design/02 - fintastical/02.jpg", "assets/img/design/02 - fintastical/03.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" } ], "visible": true }, { "id": "design-03", "title": "Logo Aftersunset", "shortDescription": "Branding", "description": "After Sunset nace como una identidad visual para un resto-bar inspirado en la transición entre el atardecer y la vida nocturna. El logo combina un símbolo solar minimalista con una tipografía de líneas estilo neón, evocando luz, noche, música y sofisticación. La paleta en negro y dorado refuerza una estética elegante, cálida y exclusiva, adecuada para un espacio gastronómico pensado para disfrutar después del atardecer.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/03 - aftersunset/01.jpg", "images": [ "assets/img/design/03 - aftersunset/01.jpg", "assets/img/design/03 - aftersunset/02.jpg", "assets/img/design/03 - aftersunset/03.jpg", "assets/img/design/03 - aftersunset/07.jpg", "assets/img/design/03 - aftersunset/04.jpg", "assets/img/design/03 - aftersunset/05.jpg", "assets/img/design/03 - aftersunset/06.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "Photoshop", "icon": "ps" }, { "name": "CorelDRAW", "icon": "corel" } ], "visible": true }, { "id": "design-04", "title": "Web Begihandi", "shortDescription": "Diseño web", "description": "Begihandi fue un proyecto de diseño web desarrollado como primera propuesta de portal informativo para el evento de EIDE. El objetivo era reunir en una sola página la esencia del encuentro, la próxima edición, ediciones anteriores, sedes, colaboradores y material visual, creando una estructura clara para acercar el evento a la comunidad del diseño y la creatividad. La página actual ha evolucionado hacia una plataforma más completa, con secciones como Begihandi en cifras, ponentes, próxima edición, ediciones anteriores y espacios, manteniendo la idea original de ser un punto de encuentro abierto e inspirador para profesionales y amantes del diseño.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/04 - begihandi/01.jpg", "images": [ "assets/img/design/04 - begihandi/01.jpg", "assets/img/design/04 - begihandi/02.jpg", "assets/img/design/04 - begihandi/03.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "Figma", "icon": "figma" }, { "name": "Photoshop", "icon": "ps" } ], "visible": true }, { "id": "design-05", "title": "Cárites", "shortDescription": "Branding", "description": "Proyecto de branding desarrollado como trabajo final de máster en diseño gráfico. La propuesta parte de la mitología griega y toma como referencia a las Cárites, conocidas como Las Tres Gracias, figuras asociadas tradicionalmente a la belleza, el encanto, la alegría y la abundancia. Se reinterpreta esa idea desde una mirada más oscura y crítica: la belleza deja de mostrarse como algo puro o idealizado para convertirse en una obsesión, una presión social y una posible maldición. A partir de esta inversión conceptual, el proyecto construye una identidad visual vinculada a la estética, la superficialidad, el deseo de transformación y la búsqueda constante de perfección. Se combinan recursos clásicos y contemporáneos: tipografía elegante de inspiración romana, composición editorial limpia, ornamentación barroca, rosas rojas, texturas quirúrgicas e imágenes intervenidas con referencias a la cirugía estética. El uso del rojo, el blanco y los tonos grisáceos refuerza el contraste entre delicadeza, poder, sangre, belleza y artificio. La intención ha sido crear una identidad visual sofisticada e inquietante, donde lo femenino, lo ornamental y lo bello conviven con una lectura crítica sobre los cánones estéticos.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/05 - carites/00.png", "images": [ "assets/img/design/05 - carites/00.png", "assets/img/design/05 - carites/01.jpg", "assets/img/design/05 - carites/02.jpg", "assets/img/design/05 - carites/03.jpg", "assets/img/design/05 - carites/04.jpg", "assets/img/design/05 - carites/05.jpg", "assets/img/design/05 - carites/06.jpg", "assets/img/design/05 - carites/07.jpg", "assets/img/design/05 - carites/08.jpg", "assets/img/design/05 - carites/09.jpg", "assets/img/design/05 - carites/10.jpg", "assets/img/design/05 - carites/11.jpg", "assets/img/design/05 - carites/12.jpg", "assets/img/design/05 - carites/13.jpg", "assets/img/design/05 - carites/14.jpg", "assets/img/design/05 - carites/15.jpg", "assets/img/design/05 - carites/16.jpg", "assets/img/design/05 - carites/17.jpg", "assets/img/design/05 - carites/18.jpg", "assets/img/design/05 - carites/19.jpg", "assets/img/design/05 - carites/20.jpg", "assets/img/design/05 - carites/21.jpg", "assets/img/design/05 - carites/22.jpg", "assets/img/design/05 - carites/23.jpg", "assets/img/design/05 - carites/24.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "Photoshop", "icon": "ps" }, { "name": "InDesign", "icon": "id" } ], "visible": true }, { "id": "design-06", "title": "Green House Eventos", "shortDescription": "Diseño de marca", "description": "Identidad visual creada para un local y servicio de planificación de eventos orientado a celebraciones familiares, sociales y corporativas. La marca está pensada para adaptarse a bodas, baby showers, revelaciones de género, bautismos, cumpleaños infantiles, cumpleaños adultos y eventos empresariales. El concepto parte de la idea de un espacio natural y acogedor, donde cada celebración pueda sentirse cercana, cuidada y especial. El símbolo combina elementos vinculados con la naturaleza, como la palmera, el sol y formas orgánicas, reforzando la sensación de bienestar, frescura y armonía. La paleta de verdes transmite confianza, vida y conexión con el entorno, mientras que la tipografía principal aporta elegancia y un tono más institucional.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/06 - green house/01.jpg", "images": [ "assets/img/design/06 - green house/01.jpg", "assets/img/design/06 - green house/02.jpg", "assets/img/design/06 - green house/03.jpg", "assets/img/design/06 - green house/04.jpg", "assets/img/design/06 - green house/05.jpg", "assets/img/design/06 - green house/06.jpg", "assets/img/design/06 - green house/07.jpg", "assets/img/design/06 - green house/08.jpg", "assets/img/design/06 - green house/09.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "Photoshop", "icon": "ps" } ], "visible": true }, { "id": "design-07", "title": "La Kiki Cupcakes", "shortDescription": "Branding", "description": "Proyecto de identidad visual creado para una pastelera independiente que buscaba una marca cercana, dulce y con personalidad propia. El concepto parte de un logo con forma de cupcake, transformado en un personaje amable y reconocible mediante detalles como las gafas, la sonrisa y la cereza superior, aportando un tono tierno, artesanal y memorable. La paleta en rosa suave refuerza la sensación de dulzura, delicadeza y cuidado, mientras que los trazos oscuros aportan contraste y legibilidad. La tipografía manuscrita acompaña el carácter artesanal del negocio, transmitiendo cercanía, cariño y la idea de productos hechos a mano.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/07 - kiki/01.jpg", "images": [ "assets/img/design/07 - kiki/02.jpg", "assets/img/design/07 - kiki/03.jpg", "assets/img/design/07 - kiki/04.jpg", "assets/img/design/07 - kiki/05.jpg", "assets/img/design/07 - kiki/06.jpg", "assets/img/design/07 - kiki/07.jpg", "assets/img/design/07 - kiki/08.jpg", "assets/img/design/07 - kiki/01.jpg" ], "tech": [ { "name": "CorelDRAW", "icon": "corel" }, { "name": "Photoshop", "icon": "ps" }, { "name": "Illustrator", "icon": "ai" } ], "visible": true }, { "id": "design-08", "title": "Autobrokers", "shortDescription": "Branding", "description": "Marca creada para la venta de coches de segunda mano mediante intermediarios o brokers, con una presencia pensada principalmente para redes sociales. La identidad busca transmitir confianza, agilidad y profesionalidad, valores importantes en un servicio donde el usuario necesita sentirse seguro al comprar o vender un vehículo. El símbolo utiliza una forma simple, moderna y reconocible, vinculada visualmente al mundo del automóvil. La tipografía gruesa y redondeada refuerza una imagen cercana, actual y fácil de recordar. La paleta cromática combina azul, azul oscuro, blanco y negro. El azul principal aporta confianza, tecnología y dinamismo, el azul oscuro añade seriedad y estabilidad, el blanco genera limpieza y claridad visual.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/08 - autobrokers/05.jpg", "images": [ "assets/img/design/08 - autobrokers/01.jpg", "assets/img/design/08 - autobrokers/02.jpg", "assets/img/design/08 - autobrokers/03.jpg", "assets/img/design/08 - autobrokers/04.jpg", "assets/img/design/08 - autobrokers/06.jpg", "assets/img/design/08 - autobrokers/07.jpg", "assets/img/design/08 - autobrokers/08.jpg", "assets/img/design/08 - autobrokers/05.jpg" ], "tech": [ { "name": "Photoshop", "icon": "ps" }, { "name": "Illustrator", "icon": "ai" } ], "visible": true }, { "id": "design-09", "title": "Las Misiones", "shortDescription": "Branding", "description": "Proyecto de identidad visual desarrollado para una casa velatoria en Ciudad del Este. La marca busca transmitir respeto, serenidad y acompañamiento en momentos sensibles, mediante una estética sobria, elegante y cercana. El símbolo floral geométrico representa calma, espiritualidad y recogimiento, mientras que la composición simétrica aporta equilibrio y solemnidad. La paleta combina tonos beige, rojo profundo, dorado y gris oscuro: el beige transmite calidez y contención, el rojo aporta presencia y sensibilidad, el dorado sugiere dignidad y homenaje, y el gris refuerza la seriedad institucional. La tipografía serif elegante, junto con el espaciado amplio de “Casa Velatoria”, construye una identidad formal y confiable.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/09 - las misiones/08.jpg", "images": [ "assets/img/design/09 - las misiones/01.jpg", "assets/img/design/09 - las misiones/02.jpg", "assets/img/design/09 - las misiones/03.jpg", "assets/img/design/09 - las misiones/04.jpg", "assets/img/design/09 - las misiones/05.jpg", "assets/img/design/09 - las misiones/06.jpg", "assets/img/design/09 - las misiones/07.jpg", "assets/img/design/09 - las misiones/08.jpg" ], "tech": [ { "name": "Photoshop", "icon": "ps" }, { "name": "Illustrator", "icon": "ai" } ], "visible": true }, { "id": "design-10", "title": "AZBOX Like HD", "shortDescription": "Diseño de producto", "description": "Para este proyecto se desarrolló una propuesta integral de diseño de producto, branding y packaging para un decodificador satelital de la marca AZBOX, desarrollado por Tocomsat y Tocomlabs. La propuesta fue pensada especialmente para el mercado brasileño, teniendo en cuenta el alto consumo de este tipo de dispositivos en el microcentro de Ciudad del Este, un punto comercial estratégico donde muchos clientes brasileños adquieren productos tecnológicos. El diseño mantiene como base los colores característicos de AZBOX: el naranja, asociado con energía, tecnología, dinamismo y visibilidad comercial; y el negro, que aporta contraste, solidez y una percepción más técnica y profesional. La combinación busca reforzar el reconocimiento de marca y generar un producto llamativo dentro de un entorno de venta altamente competitivo. La identidad visual se aplicó tanto al dispositivo como al empaque, cuidando la coherencia entre el producto físico, la gráfica exterior y la experiencia de presentación. El uso de patrones, formas dinámicas y elementos inspirados en el rayo refuerza la idea de velocidad, señal, potencia y conectividad, conceptos directamente relacionados con un decodificador satelital. Este proyecto fue planteado como una propuesta de producto lista para evaluación comercial y posterior producción en China, integrando criterios de diseño industrial, identidad de marca y packaging orientado a venta masiva.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/10 - azbox-like/01.jpg", "images": [ "assets/img/design/10 - azbox-like/02.jpg", "assets/img/design/10 - azbox-like/03.jpg", "assets/img/design/10 - azbox-like/04.jpg", "assets/img/design/10 - azbox-like/05.jpg", "assets/img/design/10 - azbox-like/06.jpg", "assets/img/design/10 - azbox-like/07.jpg", "assets/img/design/10 - azbox-like/08.jpg", "assets/img/design/10 - azbox-like/09.jpg", "assets/img/design/10 - azbox-like/10.jpg", "assets/img/design/10 - azbox-like/01.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "CorelDRAW", "icon": "corel" }, { "name": "Photoshop", "icon": "ps" } ], "visible": true }, { "id": "design-11", "title": "NatuFit", "shortDescription": "Branding", "description": "NatuFit es una marca creada para representar un espacio de bienestar, productos naturales y clases de Zumba Fitness. El logo combina una figura humana en movimiento con una forma orgánica inspirada en la naturaleza, transmitiendo salud, energía y equilibrio. La paleta verde refuerza la idea de frescura, vida natural y bienestar, mientras que la tipografía fluida aporta cercanía y dinamismo. La identidad comunica un estilo de vida activo, saludable y conectado con lo natural.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/11 - natufit/01.jpg", "images": [ "assets/img/design/11 - natufit/01.jpg", "assets/img/design/11 - natufit/02.jpg", "assets/img/design/11 - natufit/03.jpg", "assets/img/design/11 - natufit/04.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "CorelDRAW", "icon": "corel" }, { "name": "Photoshop", "icon": "ps" } ], "visible": true }, { "id": "design-12", "title": "AZBOX Spyder", "shortDescription": "Diseño de producto", "description": "Desarrollo integral de la identidad visual aplicada al decodificador satelital AZBOX Spyder, abarcando el diseño de interfaz gráfica del sistema, piezas publicitarias para campaña y packaging del producto. La propuesta fue pensada para el mercado brasileño, donde este tipo de dispositivos tiene una fuerte presencia comercial, especialmente en Ciudad del Este. El concepto visual mantiene la esencia de AZBOX mediante el uso del naranja y negro, colores asociados a energía, tecnología, potencia y alto contraste visual. La interfaz fue diseñada con un estilo moderno, oscuro y dinámico, reforzando la sensación de producto avanzado, mientras que los acentos naranjas guían la navegación y destacan las funciones principales del equipo. En las piezas publicitarias y el empaque se buscó transmitir impacto, rendimiento y novedad, presentando el producto como una propuesta sólida y competitiva dentro del segmento de decodificadores satelitales. El resultado es una línea gráfica coherente entre producto, software, comunicación y packaging, preparada para su presentación comercial y posterior producción.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/12 - ui-spyder/00.jpg", "images": [ "assets/img/design/12 - ui-spyder/01.jpg", "assets/img/design/12 - ui-spyder/02.jpg", "assets/img/design/12 - ui-spyder/03.jpg", "assets/img/design/12 - ui-spyder/04.jpg", "assets/img/design/12 - ui-spyder/05.jpg", "assets/img/design/12 - ui-spyder/06.jpg", "assets/img/design/12 - ui-spyder/07.jpg", "assets/img/design/12 - ui-spyder/08.jpg", "assets/img/design/12 - ui-spyder/09.jpg", "assets/img/design/12 - ui-spyder/00.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "CorelDRAW", "icon": "corel" }, { "name": "Photoshop", "icon": "ps" } ], "visible": true }, { "id": "design-13", "title": "Signal", "shortDescription": "Identidad visual", "description": "Fue un proyecto para un evento de música electrónica realizado en Ciudad del Este, con participación de artistas regionales de Ciudad del Este y Foz de Iguazú, Brasil. El trabajo incluyó el desarrollo del logotipo, la cartelería promocional y piezas gráficas para redes sociales. La estética se construyó sobre un lenguaje visual oscuro, urbano y digital, con efectos glitch, texturas de ciudad y acentos en rojo para transmitir energía nocturna, sonido electrónico y una atmósfera underground. El logotipo utiliza formas fragmentadas y geométricas que evocan interferencias, frecuencia y señal digital, reforzando el concepto del nombre SIGNAL y conectando directamente con el universo visual de la música electrónica.", "category": "Diseño gráfico", "size": "medium", "coverImage": "assets/img/design/13 - signal/01.jpg", "images": [ "assets/img/design/13 - signal/02.jpg", "assets/img/design/13 - signal/03.jpg", "assets/img/design/13 - signal/04.jpg", "assets/img/design/13 - signal/05.jpg", "assets/img/design/13 - signal/06.jpg", "assets/img/design/13 - signal/01.jpg" ], "tech": [ { "name": "Illustrator", "icon": "ai" }, { "name": "Photoshop", "icon": "ps" } ], "visible": true } ], "web": [ { "id": "web-01", "title": "Calendula", "shortDescription": "App Web de turnos", "description": "Calendula es una aplicación web de calendario pensada para trabajadores sanitarios de Osakidetza, con el objetivo de facilitar la gestión de turnos, descansos, vacaciones y horas trabajadas. La primera versión permite registrar usuarios, crear turnos personalizados, asignarlos a fechas concretas y visualizar la planificación en un calendario interactivo. El proyecto cuenta con un frontend en HTML, CSS y JavaScript, conectado a un backend desarrollado con Python, Flask y SQLite, que gestiona la autenticación, la persistencia de datos y las operaciones principales sobre usuarios, turnos y turnos marcados. Actualmente, Calendula se encuentra en evolución hacia una versión más completa desarrollada con Java y Vue 3, con la intención de mejorar su arquitectura, experiencia de usuario y escalabilidad. El proyecto nace de una necesidad real: ofrecer una herramienta sencilla, visual y práctica para organizar horarios laborales complejos en el ámbito sanitario.", "category": "Proyecto web", "size": "web", "coverImage": "assets/img/web/01-calendula/01.jpg", "images": [ "assets/img/web/01-calendula/01.jpg", "assets/img/web/01-calendula/02.jpg", "assets/img/web/01-calendula/03.jpg" ], "tech": [ { "name": "HTML5", "icon": "html5" }, { "name": "CSS3", "icon": "css3" }, { "name": "Figma", "icon": "figma" }, { "name": "JavaScript", "icon": "js" }, { "name": "Python", "icon": "python" }, { "name": "Flask", "icon": "flask" } ], "links": [ { "label": "Código Frontend", "url": "https://github.com/moisescolman/Calendula_frontend" }, { "label": "Código Backend", "url": "https://github.com/moisescolman/Calendula_backend" } ], "visible": true }, { "id": "web-02", "title": "Fintastical", "shortDescription": "App web", "description": "Proyecto grupal desarrollado durante el bootcamp, planteado como una aplicación web para gestionar y hacer seguimiento de inversiones. La propuesta permite organizar una cartera de inversión, consultar el rendimiento del portfolio y acceder a secciones como dashboard, gestión de inversiones, gráficos, alertas, noticias, login, registro y perfil de usuario. El proyecto fue desarrollado principalmente con Vue.js, junto con JavaScript, HTML, CSS, APIs, JSON Server y pruebas con Cypress. También se trabajó con herramientas y metodologías como Figma, Jira, Git y Scrum, simulando un flujo de trabajo colaborativo real. A nivel de marca, el nombre combina “fin”, de finanzas, con “fantastic”, reforzando la idea de una herramienta financiera útil, atractiva y diferente. La identidad visual utiliza colores vibrantes asociados al universo del unicornio y un tono dorado relacionado con la moneda y el valor económico.", "category": "Proyecto web", "size": "web", "coverImage": "assets/img/web/02-fintastical/01.jpg", "images": [ "assets/img/web/02-fintastical/01.jpg", "assets/img/web/02-fintastical/02.jpg", "assets/img/web/02-fintastical/03.jpg" ], "tech": [ { "name": "HTML5", "icon": "html5" }, { "name": "CSS3", "icon": "css3" }, { "name": "JavaScript", "icon": "js" }, { "name": "Vue", "icon": "vue" }, { "name": "Figma", "icon": "figma" } ], "links": [ { "label": "Código", "url": "https://github.com/moisescolman/Fintastical_proyecto_vue3" } ], "visible": true }, { "id": "web-03", "title": "Web Deportiva", "shortDescription": "Proyecto grupal HTML + CSS", "description": "Proyecto fue desarrollado en equipo durante el bootcamp de Desarrollo Web Fullstack. La propuesta consistía en crear una web ficticia sobre un deporte elegido por el grupo, y decidimos trabajar sobre una Asociación de Pádel de Amorebieta, enfocada en promocionar el pádel como actividad deportiva, social e inclusiva. El proyecto permitió trabajar la organización de contenidos, el diseño responsive, la navegación entre páginas, el uso de HTML y CSS, además de recursos como menú hamburguesa, grid, flexbox, formulario y mapa. La identidad visual busca transmitir dinamismo, cercanía y espíritu deportivo, reforzando la idea de comunidad alrededor del pádel. Fue un ejercicio práctico de trabajo colaborativo, planificación y desarrollo web, donde cada integrante aportó una parte del sitio manteniendo una línea visual común.", "category": "Proyecto web", "size": "web", "coverImage": "assets/img/web/03-padel-amorebieta/01.jpg", "images": [ "assets/img/web/03-padel-amorebieta/01.jpg" ], "tech": [ { "name": "HTML5", "icon": "html5" }, { "name": "CSS3", "icon": "css3" } ], "links": [ { "label": "Demo", "url": "https://moisescolman.github.io/proyecto_web_deportiva/" }, { "label": "Código", "url": "https://github.com/moisescolman/proyecto_web_deportiva" } ], "visible": true }, { "id": "web-04", "title": "GHARI Relojes", "shortDescription": "Tienda Online", "description": "Proyecto grupal desarrollado durante el bootcamp Full Stack de Peñascal F5. La propuesta consistió en crear una tienda online ficticia de relojes, simulando una experiencia de compra completa con catálogo de productos, página de detalle, carrito, checkout, contacto y área de cliente. El proyecto fue desarrollado con HTML, CSS y JavaScript, incorporando funcionalidades dinámicas como carga de productos desde archivos JSON, cambio de idioma en español, inglés y euskera, gestión del carrito mediante localStorage, mensajes emergentes e interacción con el usuario. Como ejercicio de trabajo colaborativo, permitió practicar estructura multipágina, diseño responsive, organización de datos, lógica de carrito y experiencia de usuario, construyendo una tienda visualmente moderna y funcional.", "category": "Proyecto web", "size": "web", "coverImage": "assets/img/web/04-ghari/01.jpg", "images": [ "assets/img/web/04-ghari/01.jpg" ], "tech": [ { "name": "HTML5", "icon": "html5" }, { "name": "CSS3", "icon": "css3" }, { "name": "JavaScript", "icon": "js" } ], "links": [ { "label": "Demo", "url": "https://moisescolman.github.io/GHARI_proyecto_tienda_online/" }, { "label": "Código", "url": "https://github.com/moisescolman/GHARI_proyecto_tienda_online" } ], "visible": true }, { "id": "web-05", "title": "BilboGreen", "shortDescription": "Web semántica", "description": "Proyecto web desarrollado como tarea para la asignatura Lenguaje de Marcas dentro de la FP. La propuesta consiste en una página informativa sobre reciclaje y sostenibilidad en Bilbao, creada con una estructura semántica clara y organizada. El objetivo del proyecto fue aplicar conceptos de HTML, organización de contenidos y buenas prácticas de marcado, utilizando secciones como guía de reciclaje, servicios, noticias y contacto. La identidad visual se apoya en colores verdes, imágenes naturales y elementos relacionados con el reciclaje para transmitir conciencia ambiental, responsabilidad y compromiso con una ciudad más limpia y sostenible.", "category": "Proyecto web", "size": "web", "coverImage": "assets/img/web/06-bilbogreen/01.jpg", "images": [ "assets/img/web/06-bilbogreen/01.jpg" ], "tech": [ { "name": "HTML5", "icon": "html5" }, { "name": "CSS3", "icon": "css3" } ], "links": [ { "label": "Demo", "url": "https://moisescolman.github.io/BilboGreen_web_semantica/" }, { "label": "Código", "url": "https://github.com/moisescolman/BilboGreen_web_semantica" } ], "visible": true } ] }, "profileTechStack": [ { "id": "html5", "name": "HTML5", "icon": "html5", "visible": true }, { "id": "css3", "name": "CSS3", "icon": "css3", "visible": true }, { "id": "figma", "name": "Figma", "icon": "figma", "visible": true }, { "id": "js", "name": "JavaScript", "icon": "js", "visible": true }, { "id": "java", "name": "Java", "icon": "java", "visible": true }, { "id": "jakarta", "name": "Jakarta EE", "icon": "jakarta", "visible": true }, { "id": "spring", "name": "Spring", "icon": "spring", "visible": true }, { "id": "vue", "name": "Vue", "icon": "vue", "visible": true }, { "id": "angular", "name": "Angular", "icon": "angular", "visible": true }, { "id": "git", "name": "Git", "icon": "git", "visible": true }, { "id": "mysql", "name": "MySQL", "icon": "mysql", "visible": true }, { "id": "postgresql", "name": "PostgreSQL", "icon": "postgre", "visible": true }, { "id": "mongodb", "name": "MongoDB", "icon": "mongo", "visible": true }, { "id": "sqlite", "name": "SQLite", "icon": "sqlite", "visible": true }, { "id": "python", "name": "Python", "icon": "python", "visible": true }, { "id": "flask", "name": "Flask", "icon": "flask", "visible": true }, { "id": "wordpress", "name": "WordPress", "icon": "wordpress", "visible": true }, { "id": "trello", "name": "Trello", "icon": "trello", "visible": true }, { "id": "jira", "name": "Jira", "icon": "jira", "visible": true }, { "id": "photoshop", "name": "Photoshop", "icon": "ps", "visible": true }, { "id": "illustrator", "name": "Illustrator", "icon": "ai", "visible": true }, { "id": "lightroom", "name": "Lightroom", "icon": "lr", "visible": true }, { "id": "after-effects", "name": "After Effects", "icon": "ae", "visible": true }, { "id": "indesign", "name": "InDesign", "icon": "id", "visible": true }, { "id": "corel", "name": "CorelDRAW", "icon": "corel", "visible": true } ] }