Portfolio Erick Cabalceta Web Developer Costa Rica

Proyectos destacados

neonnieto.com — Sitio de marca personal

Objetivo: Modernizar un sitio HTML estático con más de diez años de antigüedad y convertirlo en una plataforma escalable, accesible y de alto rendimiento—sin perder los 85 años de legado de la marca.

Desafíos

  • Sitio estático heredado sin CMS
  • Sin diseño responsivo lo que generaba una mala experiencia en dispositivos móviles
  • Sin fundamentos de SEO lo que generaba poca visibilidad
  • Problemas de accesibilidad e identidad visual desactualizada
  • El cliente no podía actualizar contenido sin soporte técnico

Solución

Un rediseño y reconstrucción completa en WordPress utilizando una arquitectura modular, escalable y optimizada para alto rendimiento.

Modernización Técnica

  • Migración completa de HTML estático a WordPress
  • Elementor Pro + estructura y diseño "whitelabel"
  • Rendimiento optimizado (Lighthouse > 90)
  • Bloques de contenido modulares para facilitar actualizaciones

Diseño UI/UX

  • Rediseño completo en Figma
  • Tipografía accesible y contrastes conforme a WCAG
  • Diseños mobile-first y bloques de contenido basados en tarjetas (Cards)
  • Secciones "Hero" de alto impacto + componentes reutilizables
  • Microinteracciones sutiles y una jerarquía visual clara.

Contenido y Arquitectura

  • Navegación reorganizada para simplificar la exploración del sitio.
  • Actualización del storytelling y del mensaje de la marca
  • Secciones más fáciles de escanear y orientadas a la intención del usuario

SEO y Rendimiento

  • SEO on-page completo: metadata, títulos, OG, sitemap
  • Compresión de assets, WebP, lazy loading
  • Etiquetas ARIA y marcado semántico

Resultados

  • +65% tiempos de carga más rápidos
  • +40% visibilidad SEO en los primeros 60 días
  • 100% de usabilidad móvil
  • 70% menos dependencia técnica
  • Aumento del 25–40% en duración de sesión

legrand.cr — Sitio Web Corporativo B2B

Objetivo: Desarrollar un sitio web localizado, escalable y coherente con la marca para el mercado de Costa Rica dentro de un estricto marco corporativo regional.

Desafíos

  • Mantener la identidad de marca regional
  • Necesidad de contenido local y de funcionalidades específicas para Costa Rica.
  • Proveer herramientas para distribuidores, técnicos y tomadores de decisiones

Solución

Desarrollo de una plataforma corporativa en WordPress con un catálogo avanzado y funciones de documentación adaptadas al mercado local.

Tecnología y Arquitectura

  • WordPress como framework con una arquitectura modular
  • Elementor Pro con un tema base whitelabel
  • Custom Post Types (CPTs) para catálogos de productos
  • ACF/CFM para fichas técnicas, especificaciones y descargas
  • Lighthouse > 90

Adaptación UI/UX

  • Alineación con lineamientos de marca regional de Legrand
  • Ajustes basados en WCAG para mejorar legibilidad
  • Iconografía técnica para comprensión rápida

Localización (Costa Rica)

  • Contenidos reescritos para el mercado local
  • Secciones nuevas diseñadas específicamente para CR
  • Navegación clara para instaladores, ingenieros y distribuidores.

Funciones Clave B2B

  • Filtros avanzados de productos
  • Centro de descargas para documentos técnicos
  • Arquitectura de catálogo escalable
  • Formularios inteligentes para ventas y soporte técnico

Resultados

  • +55% mejora en velocidad de carga
  • +70% más engagement con filtros del catálogo
  • -65% consultas repetitivas gracias a documentación técnica
  • +30% leads B2B calificados en los primeros 90 días

tortuguerocr.com — Turismo (Multilenguaje)

Objetivo: Crea una página web de turismo moderna que compita con los estándares internacionales y mejore las tasas de reserva, especialmente desde dispositivos móviles.

Desafíos

  • Tendencias de diseño desactualizadas en el segmento de turismo local
  • Experiencia móvil deficiente en zonas con poca conectividad
  • Falta de un proceso claro de reservación y consultas
  • Necesidad de contenido en varios idiomas (español/inglés)

Solución

Una plataforma turística de alto impacto que combina visuales, flujos UX y reservas simplificadas.

UI/UX y Arquitectura

  • Diseño completo en Figma inspirado en portales turísticos internacionales
  • Storytelling fuerte basado en destinos, experiencias y expectativas.
  • Experiencia mobile-first con navegación simplificada
  • Componentes reutilizables para tours, paquetes y alojamientos.

Desarrollo

  • WordPress con Elementor sobre un tema whitelabel
  • Lighthouse > 90 en todas las métricas
  • Optimización WebP y carga dinámica.
  • Integración de mapas y de opciones relevantes de contacto y reservación
  • Configuración multilingüe español-inglés

SEO para Turismo

  • Datos estructurados para tours y paquetes turísticos
  • URLs semánticas y optimización de los meta datos y descripciones.
  • Textos orientados a la conversión en las páginas de destino clave.

Resultados

  • +80% mejora en rendimiento
  • +50% aumento en conversiones (formularios + WhatsApp)
  • +35% visibilidad SEO en 3 meses
  • +60% más duración de sesiones

smdlearning.com — Educación + Integración LMS

Objetivo: Unificar el sitio web institucional y el LMS, mejorar el proceso de inscripción e implementar pagos en línea para programas y cursos.

Desafíos

  • Interfaz rígida de Moodle con poca flexibilidad para personalizar la marca
  • No existe un espacio integrado para la presentación institucional y el marketing
  • Proceso de matrícula ineficiente
  • No hay un flujo integrado para pagos en línea

Solución

Una solución híbrida que combina WordPress para el front-end institucional y Moodle como LMS, con flujos integrados de matrícula y pago.

Arquitectura

  • WordPress como el front-end principal para contenido y marketing
  • Integración con Moodle/LMS (SSO ligero o sincronización de inscripciones, según el caso).
  • LMS interno opcional para cursos locales
  • Matrícula y validación de pagos totalmente automatizada

UX/UI

  • Prototipo en Figma
  • Catálogo académico mobile-first
  • Tipografía accesible (WCAG)
  • Estructura académica clara en páginas de curso

Pagos y Automatización

  • Integración completa de pagos online (TiloPay, SINPE Móvil, transferencia bancaria).
  • Auto-matrícula en Moodle
  • Emails transaccionales automatizados

Rendimiento y Resultados

  • Lighthouse > 90
  • Matrículas pasaron de días a minutos
  • -80% consultas administrativas
  • +40% crecimiento en nuevas matrículas
  • +50% retención móvil

groomluxuryvetcr.com — E-commerce de productos y servicios veterinarios

Objetivo: Crea una experiencia de comercio electrónico moderna que refleje una marca madura, a la vez que compites en un mercado online saturado de productos y servicios para mascotas.

Descripción de la solución

Una tienda WooCommerce totalmente personalizada, diseñada para lograr alta conversión, una identidad de marca sólida y un rendimiento optimizado.

Características Clave

  • Una tienda en línea con integración de TiloPay, depósito bancario y SINPE Móvil para sus pagos en línea.
  • Sistema completo de envíos (zonas, pesos, umbrales)
  • Catálogo con variantes, SKUs y atributos
  • WebP/AVIF, lazy loading, critical CSS para mejorar el rendimiento.
  • Lighthouse > 90
  • Páginas de producto centradas en UX
  • Búsqueda con autocompletado
  • Emails transaccionales y dashboard para los clientes.

Resultados

  • +75% tiempos de carga más rápidos
  • +50% descubrimiento de productos
  • -60% carritos abandonados
  • +40% conversiones en 90 días
  • +45% tráfico orgánico

Proyectos Adicionales (resumen)

  • plasticossirena.com – Catálogo industrial con CPT, ACF/CFM, fichas técnicas y optimizaciones técnicas SEO.
  • paquetesvip.com – Servicios y paquetes, con flujos de pago optimizados y formularios accesibles (probados con WAVE).
  • cacecos.org – Sitio institucional con un fuerte enfoque en accesibilidad: encabezados semánticos, enlaces para saltar contenido y puntos de referencia ARIA.
  • lsmachiningcr.com – Portafolio industrial con SEO local, arquitectura de carga rápida y servicios estructurados.
  • piscinasluxart.com – Sitio de servicios con medios optimizados, estructura de SEO local y llamados a la acción claros.
  • mavdesignscr.com – Portafolio creativo con animaciones gestionadas respetando prefers-reduced-motion para garantizar la accesibilidad.
  • grupoeducactiva.com – Integración de LMS, automatización de roles y una experiencia de usuario enfocada en educación.
  • natufruit.com – Sitio web de una marca de impacto social con narrativa accesible y desempeño optimizado.
  • oller.creativos.cr – Portafolio de agencia con un sistema de design tokens y un lenguaje visual consistente.
  • oficinascr.com – Sitio inmobiliario con listados de propiedades basados en CPT, filtros, mapas y schema especializado para bienes raíces.

Erick Cabalceta

Diseñador Gráfico y Desarrollador con más de 20 años de experiencia, especializado en integrar de forma estratégica SEO, branding digital, UX/UI y desarrollo técnico para crear soluciones digitales completas, desde el concepto hasta su implementación.

https://www.erickcabalceta.com