{"id":1864,"date":"2020-05-06T16:03:00","date_gmt":"2020-05-06T22:03:00","guid":{"rendered":"https:\/\/www.erickcabalceta.com\/?p=1864"},"modified":"2026-03-24T22:19:42","modified_gmt":"2026-03-25T04:19:42","slug":"portfolio","status":"publish","type":"post","link":"https:\/\/www.erickcabalceta.com\/es\/portfolio\/","title":{"rendered":"Portafolio Erick Cabalceta Web Developer en Costa Rica"},"content":{"rendered":"
\n

Proyectos destacados<\/h2>\n\n \n
\n

neonnieto.com \u2014 Sitio de marca personal<\/h3>\n

Objetivo:<\/strong> Modernizar un sitio HTML est\u00e1tico con m\u00e1s de diez a\u00f1os de antig\u00fcedad y convertirlo en una plataforma escalable, accesible y de alto rendimiento\u2014sin perder los 85 a\u00f1os de legado de la marca.<\/p>\n\n

Desaf\u00edos<\/h4>\n
    \n
  • Sitio est\u00e1tico heredado sin CMS<\/li>\n
  • Sin dise\u00f1o responsivo lo que generaba una mala experiencia en dispositivos m\u00f3viles<\/li>\n
  • Sin fundamentos de SEO lo que generaba poca visibilidad<\/li>\n
  • Problemas de accesibilidad e identidad visual desactualizada<\/li>\n
  • El cliente no pod\u00eda actualizar contenido sin soporte t\u00e9cnico<\/li>\n <\/ul>\n\n

    Soluci\u00f3n<\/h4>\n

    Un redise\u00f1o y reconstrucci\u00f3n completa en WordPress utilizando una arquitectura modular, escalable y optimizada para alto rendimiento.<\/p>\n\n

    Modernizaci\u00f3n T\u00e9cnica<\/h4>\n
      \n
    • Migraci\u00f3n completa de HTML est\u00e1tico a WordPress<\/li>\n
    • Elementor Pro + estructura y dise\u00f1o \"whitelabel\"<\/li>\n
    • Rendimiento optimizado (Lighthouse > 90)<\/li>\n
    • Bloques de contenido modulares para facilitar actualizaciones<\/li>\n <\/ul>\n\n

      Dise\u00f1o UI\/UX<\/h4>\n
        \n
      • Redise\u00f1o completo en Figma<\/li>\n
      • Tipograf\u00eda accesible y contrastes conforme a WCAG<\/li>\n
      • Dise\u00f1os mobile-first y bloques de contenido basados en tarjetas (Cards)<\/li>\n
      • Secciones \"Hero\" de alto impacto + componentes reutilizables<\/li>\n
      • Microinteracciones sutiles y una jerarqu\u00eda visual clara.<\/li>\n <\/ul>\n\n

        Contenido y Arquitectura<\/h4>\n
          \n
        • Navegaci\u00f3n reorganizada para simplificar la exploraci\u00f3n del sitio.<\/li>\n
        • Actualizaci\u00f3n del storytelling y del mensaje de la marca<\/li>\n
        • Secciones m\u00e1s f\u00e1ciles de escanear y orientadas a la intenci\u00f3n del usuario<\/li>\n <\/ul>\n\n

          SEO y Rendimiento<\/h4>\n
            \n
          • SEO on-page completo: metadata, t\u00edtulos, OG, sitemap<\/li>\n
          • Compresi\u00f3n de assets, WebP, lazy loading<\/li>\n
          • Etiquetas ARIA y marcado sem\u00e1ntico<\/li>\n <\/ul>\n\n

            Resultados<\/h4>\n
              \n
            • +65% tiempos de carga m\u00e1s r\u00e1pidos<\/li>\n
            • +40% visibilidad SEO en los primeros 60 d\u00edas<\/li>\n
            • 100% de usabilidad m\u00f3vil<\/li>\n
            • 70% menos dependencia t\u00e9cnica<\/li>\n
            • Aumento del 25\u201340% en duraci\u00f3n de sesi\u00f3n<\/li>\n <\/ul>\n <\/article>\n\n \n
              \n

              legrand.cr \u2014 Sitio Web Corporativo B2B<\/h3>\n

              Objetivo:<\/strong> Desarrollar un sitio web localizado, escalable y coherente con la marca para el mercado de Costa Rica dentro de un estricto marco corporativo regional.<\/p>\n\n

              Desaf\u00edos<\/h4>\n
                \n
              • Mantener la identidad de marca regional<\/li>\n
              • Necesidad de contenido local y de funcionalidades espec\u00edficas para Costa Rica.<\/li>\n
              • Proveer herramientas para distribuidores, t\u00e9cnicos y tomadores de decisiones<\/li>\n <\/ul>\n\n

                Soluci\u00f3n<\/h4>\n

                Desarrollo de una plataforma corporativa en WordPress con un cat\u00e1logo avanzado y funciones de documentaci\u00f3n adaptadas al mercado local.<\/p>\n\n

                Tecnolog\u00eda y Arquitectura<\/h4>\n
                  \n
                • WordPress como framework con una arquitectura modular<\/li>\n
                • Elementor Pro con un tema base whitelabel<\/li>\n
                • Custom Post Types (CPTs) para cat\u00e1logos de productos<\/li>\n
                • ACF\/CFM para fichas t\u00e9cnicas, especificaciones y descargas<\/li>\n
                • Lighthouse > 90<\/li>\n <\/ul>\n\n

                  Adaptaci\u00f3n UI\/UX<\/h4>\n
                    \n
                  • Alineaci\u00f3n con lineamientos de marca regional de Legrand<\/li>\n
                  • Ajustes basados en WCAG para mejorar legibilidad<\/li>\n
                  • Iconograf\u00eda t\u00e9cnica para comprensi\u00f3n r\u00e1pida<\/li>\n <\/ul>\n\n

                    Localizaci\u00f3n (Costa Rica)<\/h4>\n
                      \n
                    • Contenidos reescritos para el mercado local<\/li>\n
                    • Secciones nuevas dise\u00f1adas espec\u00edficamente para CR<\/li>\n
                    • Navegaci\u00f3n clara para instaladores, ingenieros y distribuidores.<\/li>\n <\/ul>\n\n

                      Funciones Clave B2B<\/h4>\n
                        \n
                      • Filtros avanzados de productos<\/li>\n
                      • Centro de descargas para documentos t\u00e9cnicos<\/li>\n
                      • Arquitectura de cat\u00e1logo escalable<\/li>\n
                      • Formularios inteligentes para ventas y soporte t\u00e9cnico<\/li>\n <\/ul>\n\n

                        Resultados<\/h4>\n
                          \n
                        • +55% mejora en velocidad de carga<\/li>\n
                        • +70% m\u00e1s engagement con filtros del cat\u00e1logo<\/li>\n
                        • -65% consultas repetitivas gracias a documentaci\u00f3n t\u00e9cnica<\/li>\n
                        • +30% leads B2B calificados en los primeros 90 d\u00edas<\/li>\n <\/ul>\n <\/article>\n\n \n
                          \n

                          tortuguerocr.com \u2014 Turismo (Multilenguaje)<\/h3>\n

                          Objetivo:<\/strong> Crea una p\u00e1gina web de turismo moderna que compita con los est\u00e1ndares internacionales y mejore las tasas de reserva, especialmente desde dispositivos m\u00f3viles.<\/p>\n\n

                          Desaf\u00edos<\/h4>\n
                            \n
                          • Tendencias de dise\u00f1o desactualizadas en el segmento de turismo local<\/li>\n
                          • Experiencia m\u00f3vil deficiente en zonas con poca conectividad<\/li>\n
                          • Falta de un proceso claro de reservaci\u00f3n y consultas<\/li>\n
                          • Necesidad de contenido en varios idiomas (espa\u00f1ol\/ingl\u00e9s)<\/li>\n <\/ul>\n\n

                            Soluci\u00f3n<\/h4>\n

                            Una plataforma tur\u00edstica de alto impacto que combina visuales, flujos UX y reservas simplificadas.<\/p>\n\n

                            UI\/UX y Arquitectura<\/h4>\n
                              \n
                            • Dise\u00f1o completo en Figma inspirado en portales tur\u00edsticos internacionales<\/li>\n
                            • Storytelling fuerte basado en destinos, experiencias y expectativas.<\/li>\n
                            • Experiencia mobile-first con navegaci\u00f3n simplificada<\/li>\n
                            • Componentes reutilizables para tours, paquetes y alojamientos.<\/li>\n <\/ul>\n\n

                              Desarrollo<\/h4>\n
                                \n
                              • WordPress con Elementor sobre un tema whitelabel<\/li>\n
                              • Lighthouse > 90 en todas las m\u00e9tricas<\/li>\n
                              • Optimizaci\u00f3n WebP y carga din\u00e1mica.<\/li>\n
                              • Integraci\u00f3n de mapas y de opciones relevantes de contacto y reservaci\u00f3n<\/li>\n
                              • Configuraci\u00f3n multiling\u00fce espa\u00f1ol-ingl\u00e9s<\/li>\n <\/ul>\n\n

                                SEO para Turismo<\/h4>\n
                                  \n
                                • Datos estructurados para tours y paquetes tur\u00edsticos<\/li>\n
                                • URLs sem\u00e1nticas y optimizaci\u00f3n de los meta datos y descripciones.<\/li>\n
                                • Textos orientados a la conversi\u00f3n en las p\u00e1ginas de destino clave.<\/li>\n <\/ul>\n\n

                                  Resultados<\/h4>\n
                                    \n
                                  • +80% mejora en rendimiento<\/li>\n
                                  • +50% aumento en conversiones (formularios + WhatsApp)<\/li>\n
                                  • +35% visibilidad SEO en 3 meses<\/li>\n
                                  • +60% m\u00e1s duraci\u00f3n de sesiones<\/li>\n <\/ul>\n <\/article>\n\n \n
                                    \n

                                    smdlearning.com \u2014 Educaci\u00f3n + Integraci\u00f3n LMS<\/h3>\n

                                    Objetivo:<\/strong> Unificar el sitio web institucional y el LMS, mejorar el proceso de inscripci\u00f3n e implementar pagos en l\u00ednea para programas y cursos.<\/p>\n\n

                                    Desaf\u00edos<\/h4>\n
                                      \n
                                    • Interfaz r\u00edgida de Moodle con poca flexibilidad para personalizar la marca<\/li>\n
                                    • No existe un espacio integrado para la presentaci\u00f3n institucional y el marketing<\/li>\n
                                    • Proceso de matr\u00edcula ineficiente<\/li>\n
                                    • No hay un flujo integrado para pagos en l\u00ednea<\/li>\n <\/ul>\n\n

                                      Soluci\u00f3n<\/h4>\n

                                      Una soluci\u00f3n h\u00edbrida que combina WordPress para el front-end institucional y Moodle como LMS, con flujos integrados de matr\u00edcula y pago.<\/p>\n\n

                                      Arquitectura<\/h4>\n
                                        \n
                                      • WordPress como el front-end principal para contenido y marketing<\/li>\n
                                      • Integraci\u00f3n con Moodle\/LMS (SSO ligero o sincronizaci\u00f3n de inscripciones, seg\u00fan el caso).<\/li>\n
                                      • LMS interno opcional para cursos locales<\/li>\n
                                      • Matr\u00edcula y validaci\u00f3n de pagos totalmente automatizada<\/li>\n <\/ul>\n\n

                                        UX\/UI<\/h4>\n
                                          \n
                                        • Prototipo en Figma<\/li>\n
                                        • Cat\u00e1logo acad\u00e9mico mobile-first<\/li>\n
                                        • Tipograf\u00eda accesible (WCAG)<\/li>\n
                                        • Estructura acad\u00e9mica clara en p\u00e1ginas de curso<\/li>\n <\/ul>\n\n

                                          Pagos y Automatizaci\u00f3n<\/h4>\n
                                            \n
                                          • Integraci\u00f3n completa de pagos online (TiloPay, SINPE M\u00f3vil, transferencia bancaria).<\/li>\n
                                          • Auto-matr\u00edcula en Moodle<\/li>\n
                                          • Emails transaccionales automatizados<\/li>\n <\/ul>\n\n

                                            Rendimiento y Resultados<\/h4>\n
                                              \n
                                            • Lighthouse > 90<\/li>\n
                                            • Matr\u00edculas pasaron de d\u00edas a minutos<\/li>\n
                                            • -80% consultas administrativas<\/li>\n
                                            • +40% crecimiento en nuevas matr\u00edculas<\/li>\n
                                            • +50% retenci\u00f3n m\u00f3vil<\/li>\n <\/ul>\n <\/article>\n\n \n
                                              \n

                                              groomluxuryvetcr.com \u2014 E-commerce de productos y servicios veterinarios<\/h3>\n

                                              Objetivo:<\/strong> Crea una experiencia de comercio electr\u00f3nico moderna que refleje una marca madura, a la vez que compites en un mercado online saturado de productos y servicios para mascotas.<\/p>\n\n

                                              Descripci\u00f3n de la soluci\u00f3n<\/h4>\n

                                              Una tienda WooCommerce totalmente personalizada, dise\u00f1ada para lograr alta conversi\u00f3n, una identidad de marca s\u00f3lida y un rendimiento optimizado.<\/p>\n\n

                                              Caracter\u00edsticas Clave<\/h4>\n
                                                \n
                                              • Una tienda en l\u00ednea con integraci\u00f3n de TiloPay, dep\u00f3sito bancario y SINPE M\u00f3vil para sus pagos en l\u00ednea.<\/li>\n
                                              • Sistema completo de env\u00edos (zonas, pesos, umbrales)<\/li>\n
                                              • Cat\u00e1logo con variantes, SKUs y atributos<\/li>\n
                                              • WebP\/AVIF, lazy loading, critical CSS para mejorar el rendimiento.<\/li>\n
                                              • Lighthouse > 90<\/li>\n
                                              • P\u00e1ginas de producto centradas en UX<\/li>\n
                                              • B\u00fasqueda con autocompletado<\/li>\n
                                              • Emails transaccionales y dashboard para los clientes.<\/li>\n <\/ul>\n\n

                                                Resultados<\/h4>\n
                                                  \n
                                                • +75% tiempos de carga m\u00e1s r\u00e1pidos<\/li>\n
                                                • +50% descubrimiento de productos<\/li>\n
                                                • -60% carritos abandonados<\/li>\n
                                                • +40% conversiones en 90 d\u00edas<\/li>\n
                                                • +45% tr\u00e1fico org\u00e1nico<\/li>\n <\/ul>\n <\/article>\n\n \n
                                                  \n

                                                  Proyectos Adicionales (resumen)<\/h3>\n
                                                    \n
                                                  • plasticossirena.com<\/strong> \u2013 Cat\u00e1logo industrial con CPT, ACF\/CFM, fichas t\u00e9cnicas y optimizaciones t\u00e9cnicas SEO.<\/li>\n
                                                  • paquetesvip.com<\/strong> \u2013 Servicios y paquetes, con flujos de pago optimizados y formularios accesibles (probados con WAVE).<\/li>\n
                                                  • cacecos.org<\/strong> \u2013 Sitio institucional con un fuerte enfoque en accesibilidad: encabezados sem\u00e1nticos, enlaces para saltar contenido y puntos de referencia ARIA.<\/li>\n
                                                  • lsmachiningcr.com<\/strong> \u2013 Portafolio industrial con SEO local, arquitectura de carga r\u00e1pida y servicios estructurados.<\/li>\n
                                                  • piscinasluxart.com<\/strong> \u2013 Sitio de servicios con medios optimizados, estructura de SEO local y llamados a la acci\u00f3n claros.<\/li>\n
                                                  • mavdesignscr.com<\/strong> \u2013 Portafolio creativo con animaciones gestionadas respetando prefers-reduced-motion para garantizar la accesibilidad.<\/li>\n
                                                  • grupoeducactiva.com<\/strong> \u2013 Integraci\u00f3n de LMS, automatizaci\u00f3n de roles y una experiencia de usuario enfocada en educaci\u00f3n.<\/li>\n
                                                  • natufruit.com<\/strong> \u2013 Sitio web de una marca de impacto social con narrativa accesible y desempe\u00f1o optimizado.<\/li>\n
                                                  • oller.creativos.cr<\/strong> \u2013 Portafolio de agencia con un sistema de design tokens y un lenguaje visual consistente.<\/li>\n
                                                  • oficinascr.com<\/strong> \u2013 Sitio inmobiliario con listados de propiedades basados en CPT, filtros, mapas y schema especializado para bienes ra\u00edces.<\/li>\n <\/ul>\n <\/article>\n <\/section>","protected":false},"excerpt":{"rendered":"

                                                    Portafolio web de Erick Cabalceta en Costa Rica: sitios WordPress y tiendas WooCommerce con enfoque en SEO t\u00e9cnico, dise\u00f1o funcional y conversi\u00f3n.<\/p>","protected":false},"author":1,"featured_media":2029,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[],"class_list":["post-1864","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-portfolio"],"_links":{"self":[{"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/posts\/1864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/comments?post=1864"}],"version-history":[{"count":4,"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/posts\/1864\/revisions"}],"predecessor-version":[{"id":2030,"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/posts\/1864\/revisions\/2030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/media\/2029"}],"wp:attachment":[{"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/media?parent=1864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/categories?post=1864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.erickcabalceta.com\/es\/wp-json\/wp\/v2\/tags?post=1864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}