{"id":9,"date":"2026-10-14T22:46:37","date_gmt":"2026-10-14T22:46:37","guid":{"rendered":"https:\/\/sebaforge.tech\/?page_id=9"},"modified":"2026-10-14T23:34:02","modified_gmt":"2026-10-14T23:34:02","slug":"portafolio","status":"publish","type":"page","link":"https:\/\/sebaforge.tech\/index.php\/portafolio\/","title":{"rendered":"Portafolio de desarrollo web y software"},"content":{"rendered":"\n<main class=\"sf-inner-page sf-portfolio-page\">\n  <section class=\"sf-inner-hero\">\n    <p class=\"sf-kicker\">PORTAFOLIO \/ CASOS SELECCIONADOS<\/p>\n    <h1>Desarrollo web, <span class=\"sf-gradient-text\">plataformas educativas<\/span> y software.<\/h1>\n    <p class=\"sf-inner-lead\">Proyectos de desarrollo web responsive con Bootstrap, SEO on-page, integraciones de WhatsApp, plataformas Moodle y aplicaciones de datos. Cada caso describe el trabajo realizado sin exponer informaci\u00f3n privada de clientes o sistemas internos.<\/p>\n  <\/section>\n  <section class=\"sf-inner-content sf-project-grid\" aria-label=\"Proyectos seleccionados\">\n    <article class=\"sf-detail-service sf-project-card sf-project-card-featured\">\n      <div class=\"sf-project-visual sf-project-visual-avance\" role=\"img\" aria-label=\"Vista previa del proyecto web de Avance Crecimiento Personal\" style=\"position:relative;overflow:hidden;min-height:210px;margin:-28px -28px 26px;border-radius:10px 10px 0 0;background:linear-gradient(125deg,#0b4c49,#1e6e69 48%,#f2c18e);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;\">\n        <span style=\"font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.9;\">Desarrollo web \u00b7 Bootstrap<\/span>\n        <strong style=\"display:block;max-width:340px;margin-top:9px;font-family:Georgia,serif;font-size:clamp(24px,3vw,34px);line-height:1.08;color:#fff;\">Avance Crecimiento Personal<\/strong>\n        <span style=\"display:block;margin-top:12px;font-size:11px;\">Web responsive \u00b7 UX \u00b7 Captaci\u00f3n digital<\/span>\n      <\/div>\n      <span class=\"sf-service-number\">01 \/ DESARROLLO WEB<\/span>\n      <h2>Avance Crecimiento Personal<\/h2>\n      <p>Redise\u00f1o y desarrollo del sitio de Avance Crecimiento Personal en WordPress, con una plantilla propia construida desde cero y una presentaci\u00f3n m\u00e1s atractiva, clara y adaptable a dispositivos m\u00f3viles. El trabajo abarc\u00f3 la presencia web general, incluyendo las p\u00e1ginas de Avance Uno y Avance Juvenil, que forman parte del mismo ecosistema.<\/p>\n      <ul>\n        <li>Dise\u00f1o y desarrollo de una plantilla personalizada en WordPress desde cero, con maquetaci\u00f3n responsive y Bootstrap.<\/li>\n        <li>Reorganizaci\u00f3n visual del contenido, navegaci\u00f3n y llamadas a la acci\u00f3n para destacar los programas y facilitar el siguiente paso.<\/li>\n        <li>SEO on-page en Avance Uno y Avance Juvenil: trabajo con palabras clave y contenido para mejorar la relevancia de las p\u00e1ginas.<\/li>\n        <li>Integraci\u00f3n de WhatsApp mediante JoinChat y captura autom\u00e1tica del t\u00edtulo de la p\u00e1gina para reconocer desde qu\u00e9 programa se inicia la conversaci\u00f3n.<\/li>\n      <\/ul>\n      <div class=\"sf-about-tags\"><span>WordPress<\/span><span>Plantilla propia<\/span><span>Bootstrap<\/span><span>Responsive<\/span><span>SEO on-page<\/span><span>WhatsApp<\/span><\/div>\n      <p style=\"margin-top:18px;\"><a href=\"https:\/\/avancecrecimientopersonal.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visitar el sitio p\u00fablico \u2197<\/a><\/p>\n    <\/article>\n\n    <article class=\"sf-detail-service sf-project-card\">\n      <div class=\"sf-project-visual\" aria-label=\"Representaci\u00f3n conceptual de un aula virtual\" style=\"position:relative;overflow:hidden;min-height:210px;margin:-28px -28px 26px;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#14223e,#314773);padding:23px;color:#f3f6ff;\">\n        <span style=\"font-size:10px;letter-spacing:2px;color:#bdc9ff;\">PLATAFORMA DE FORMACI\u00d3N<\/span>\n        <strong style=\"display:block;margin-top:18px;font-size:21px;color:#fff;\">Aula virtual \u00b7 Moodle<\/strong>\n        <div style=\"display:grid;gap:8px;margin-top:16px;\">\n          <div style=\"height:10px;width:84%;border-radius:5px;background:rgba(230,237,255,.82);\"><\/div>\n          <div style=\"height:7px;width:62%;border-radius:5px;background:rgba(189,201,255,.55);\"><\/div>\n          <div style=\"display:flex;gap:8px;margin-top:6px;\"><span style=\"padding:8px 10px;border:1px solid rgba(189,201,255,.42);border-radius:6px;font-size:10px;\">Cursos<\/span><span style=\"padding:8px 10px;border:1px solid rgba(189,201,255,.42);border-radius:6px;font-size:10px;\">Matr\u00edculas<\/span><span style=\"padding:8px 10px;border:1px solid rgba(189,201,255,.42);border-radius:6px;font-size:10px;\">Accesos<\/span><\/div>\n        <\/div>\n        <small style=\"display:block;margin-top:11px;color:#c3cced;\">Representaci\u00f3n conceptual, no captura del aula<\/small>\n      <\/div>\n      <span class=\"sf-service-number\">02 \/ E-LEARNING<\/span>\n      <h2>Plataforma educativa Moodle<\/h2>\n      <p>Administraci\u00f3n y soporte t\u00e9cnico de la plataforma Moodle usada para alojar cursos y talleres virtuales, con foco en que los participantes pudieran ingresar a los cursos y que los procesos de matr\u00edcula funcionaran correctamente.<\/p>\n      <ul>\n        <li>Apoyo a la gesti\u00f3n de usuarios, accesos y matr\u00edculas de cursos.<\/li>\n        <li>Diagn\u00f3stico y atenci\u00f3n de incidencias que afectaban el acceso a la plataforma y a los contenidos.<\/li>\n        <li>Recuperaci\u00f3n de la continuidad del entorno Moodle tras una incidencia cr\u00edtica y revisi\u00f3n de accesos y usuarios.<\/li>\n      <\/ul>\n      <div class=\"sf-about-tags\"><span>Moodle<\/span><span>LMS<\/span><span>Administraci\u00f3n de cursos<\/span><span>Soporte t\u00e9cnico<\/span><\/div>\n    <\/article>\n\n    <article class=\"sf-detail-service sf-project-card\">\n      <div class=\"sf-project-visual\" aria-label=\"Representaci\u00f3n gr\u00e1fica de una interfaz de datos y reportes\" style=\"position:relative;overflow:hidden;min-height:210px;margin:-28px -28px 26px;border-radius:10px 10px 0 0;background:linear-gradient(130deg,#111d32,#202f54);padding:23px;color:#fff;\">\n        <span style=\"font-size:10px;letter-spacing:2px;color:#91dfff;\">SOFTWARE CORPORATIVO<\/span>\n        <strong style=\"display:block;margin-top:17px;font-size:22px;color:#fff;\">Tabular<\/strong>\n        <div style=\"margin-top:14px;border:1px solid rgba(145,223,255,.28);border-radius:7px;overflow:hidden;\">\n          <div style=\"display:grid;grid-template-columns:1fr 1fr 1fr;background:rgba(145,223,255,.15);font-size:10px;\"><span style=\"padding:8px;\">Campo<\/span><span style=\"padding:8px;\">Datos<\/span><span style=\"padding:8px;\">Estado<\/span><\/div>\n          <div style=\"display:grid;grid-template-columns:1fr 1fr 1fr;font-size:10px;color:#d3e5f5;\"><span style=\"padding:8px;border-top:1px solid rgba(145,223,255,.16);\">Consulta<\/span><span style=\"padding:8px;border-top:1px solid rgba(145,223,255,.16);\">\u2014<\/span><span style=\"padding:8px;border-top:1px solid rgba(145,223,255,.16);\">Interno<\/span><\/div>\n        <\/div>\n        <small style=\"display:block;margin-top:9px;color:#9fb9cd;\">Representaci\u00f3n conceptual; no muestra datos del sistema<\/small>\n      <\/div>\n      <span class=\"sf-service-number\">03 \/ DESARROLLO CORPORATIVO<\/span>\n      <h2>Tabular<\/h2>\n      <p>Aplicaci\u00f3n corporativa para administrar procesos internos y consultar informaci\u00f3n estructurada desde una interfaz web. A nivel general, incluye pantallas y formularios para trabajar con procesos, personas y grupos relacionados, vacantes, tipos de contrato, responsabilidades, modalidades y ubicaciones de trabajo, conectando la interfaz con servicios backend. Por confidencialidad, no se publican capturas reales, datos, flujos espec\u00edficos ni detalles propietarios.<\/p>\n      <div class=\"sf-about-tags\"><span>Angular \u00b7 Frontend<\/span><span>C# \/ .NET \u00b7 Backend<\/span><span>Aplicaci\u00f3n corporativa<\/span><\/div>\n    <\/article>\n\n    <article class=\"sf-detail-service sf-project-card\">\n      <div class=\"sf-project-visual\" aria-label=\"Representaci\u00f3n conceptual de un comercio electr\u00f3nico\" style=\"position:relative;overflow:hidden;min-height:210px;margin:-28px -28px 26px;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#123e3a,#1b6a5e);padding:23px;color:#fff;\">\n        <span style=\"font-size:10px;letter-spacing:2px;color:#9ff0da;\">QATU \/ E-COMMERCE<\/span>\n        <strong style=\"display:block;margin-top:17px;font-size:22px;color:#fff;\">Tienda en l\u00ednea<\/strong>\n        <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;\">\n          <div style=\"height:58px;border-radius:7px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);\"><\/div>\n          <div style=\"height:58px;border-radius:7px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);\"><\/div>\n          <div style=\"height:58px;border-radius:7px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);\"><\/div>\n        <\/div>\n        <small style=\"display:block;margin-top:9px;color:#c2f5e7;\">Concepto visual del proyecto \u00b7 Actualmente en desarrollo<\/small>\n      <\/div>\n      <span class=\"sf-service-number\">04 \/ PLATAFORMA EN DESARROLLO<\/span>\n      <h2>Qatu \u00b7 Plataforma de comercio electr\u00f3nico<\/h2>\n      <p>Proyecto tecnol\u00f3gico acad\u00e9mico actualmente en desarrollo con el equipo ISAM. El objetivo es construir una plataforma de comercio electr\u00f3nico, organizando las responsabilidades del frontend, el backend y la base de datos mediante una arquitectura definida.<\/p>\n      <ul>\n        <li>Frontend en TypeScript organizado bajo el patr\u00f3n MVVM.<\/li>\n        <li>Backend con C#\/.NET y arquitectura Onion.<\/li>\n        <li>Base de datos MySQL y flujo de compra como parte del alcance del proyecto.<\/li>\n      <\/ul>\n      <div class=\"sf-about-tags\"><span>En desarrollo<\/span><span>TypeScript<\/span><span>C# \/ .NET<\/span><span>MySQL<\/span><span>MVVM<\/span><span>Onion Architecture<\/span><\/div>\n    <\/article>\n  <\/section>\n\n  <section class=\"sf-portfolio-note sf-portfolio-experience\" aria-labelledby=\"sf-experience-title\">\n    <p class=\"sf-kicker\">EXPERIENCIA \/ COLABORACIONES<\/p>\n    <h2 id=\"sf-experience-title\">Experiencia en distintos equipos y negocios.<\/h2>\n    <p>A lo largo de mi trayectoria he tenido la oportunidad de aportar en entornos profesionales y proyectos vinculados a estas empresas y marcas. Cada experiencia ha sumado nuevos retos de desarrollo, dise\u00f1o, soporte y soluciones digitales.<\/p>\n    <div class=\"sf-about-tags\" aria-label=\"Empresas y marcas con las que he trabajado\">\n      <span>People&#8217;s Voice<\/span>\n      <span>Avance Crecimiento Personal<\/span>\n      <span>Superwow Nails Colombia<\/span>\n      <span>Fuller Pinto<\/span>\n    <\/div>\n    <p style=\"margin-top:18px;font-size:12px;color:var(--sf-muted);\">Los nombres se presentan como referencias de experiencia profesional; no implican que todos los proyectos sean trabajos independientes ni autorizan el uso de sus logotipos.<\/p>\n  <\/section>\n\n  <section class=\"sf-portfolio-note\">\n    <div class=\"sf-portfolio-symbol\" aria-hidden=\"true\">{ }<\/div>\n    <p class=\"sf-kicker\">SIGUIENTE PASO<\/p>\n    <h2>\u00bfTienes un proyecto parecido?<\/h2>\n    <p>Cu\u00e9ntame qu\u00e9 necesitas resolver. Podemos revisar el objetivo, definir un alcance realista y elegir la soluci\u00f3n t\u00e9cnica adecuada.<\/p>\n    <a class=\"sf-button sf-button-primary\" href=\"\/?page_id=10\">Hablemos de tu proyecto <span aria-hidden=\"true\">\u2197<\/span><\/a>\n  <\/section>\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>Casos de desarrollo web en WordPress con plantilla propia, Bootstrap y SEO on-page; administraci\u00f3n de Moodle y aplicaciones corporativas con Angular y C#\/.NET, adem\u00e1s de un proyecto de comercio electr\u00f3nico en desarrollo.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sebaforge.tech\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sebaforge.tech\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sebaforge.tech\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sebaforge.tech\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sebaforge.tech\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":22,"href":"https:\/\/sebaforge.tech\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/sebaforge.tech\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/126"}],"wp:attachment":[{"href":"https:\/\/sebaforge.tech\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}