{"id":373,"date":"2025-06-12T23:39:51","date_gmt":"2025-06-13T03:39:51","guid":{"rendered":"https:\/\/deepertech.com\/en\/?page_id=373"},"modified":"2025-09-22T03:00:16","modified_gmt":"2025-09-22T07:00:16","slug":"case-studies","status":"publish","type":"page","link":"https:\/\/deepertech.com\/en\/case-studies\/","title":{"rendered":"Success Stories"},"content":{"rendered":"\n<style>\n\/* Estilo base (m\u00f3vil primero)  \u2014 deja que el texto se ajuste si es necesario *\/\n.case-table {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: auto;         \/* permite que la tabla se contraiga *\/\n}\n\n.case-table th,\n.case-table td {\n  border: 1px solid #ccc;\n  padding: 8px 12px;\n  font-size: 0.95rem;\n  line-height: 1.35;\n}\n\n\/* ===== Escritorio y port\u00e1tiles anchos ===== *\/\n\n\/* ===== Escritorio (\u2265 1024 px) ===== *\/\n@media (min-width: 1024px) {\n\n  \/* Fijamos el ancho de columnas; table-layout:fixed reparte el espacio *\/\n  .case-table { table-layout: fixed; }\n\n  \/* Primera y \u00faltima columna m\u00e1s estrechas *\/\n  .case-table th:nth-child(1),\n  .case-table td:nth-child(1) {\n    width: 11%;\n    white-space: nowrap;          \/* mantienen una l\u00ednea *\/\n    overflow: hidden;\n  }\n\n  .case-table th:nth-child(5),\n  .case-table td:nth-child(5) {\n    width: 10%;\n    white-space: nowrap;          \/* mantienen una l\u00ednea *\/\n    overflow: hidden;\n    \n  }\n\n  \/* Columna \u201cTitle\u201d m\u00e1s ancha y con salto permitido *\/\n  .case-table th:nth-child(2),\n  .case-table td:nth-child(2) {\n    width: 24%;\n    white-space: normal;          \/* permite salto si es necesario *\/\n  }\n\n  \/* \u201cClient \/ Sector\u201d tama\u00f1o medio *\/\n  .case-table th:nth-child(3),\n  .case-table td:nth-child(3) {\n    width: 14%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  \/* \u201cBrief Description\u201d gana la mayor parte del espacio *\/\n  .case-table th:nth-child(4),\n  .case-table td:nth-child(4) {\n    width: 41%;\n    white-space: normal;          \/* permite 2-3 l\u00edneas legibles *\/\n  }\n}\n\n\/* Seguimos usando los estilos m\u00f3viles\/tablet ya definidos;\n   no cambian porque la distribuci\u00f3n flexible funciona bien *\/\n\n\n\/* ===== Tablets en horizontal (opcional) ===== *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n  .case-table th,\n  .case-table td {\n    white-space: nowrap;\n  }\n}\n\n\/* ===== M\u00f3vil \u2264 767 px \u2014 modo \u201cstacked\u201d accesible ===== *\/\n@media (max-width: 767px) {\n  .case-table thead {\n    display: none;            \/* oculta la fila de cabecera para simplificar *\/\n  }\n\n  .case-table,\n  .case-table tbody,\n  .case-table tr,\n  .case-table td {\n    display: block;\n    width: 100%;\n  }\n\n  .case-table tr {\n    margin-bottom: 1rem;      \/* separa visualmente cada fila-card *\/\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    overflow: hidden;\n  }\n\n  .case-table td {\n    white-space: normal;      \/* ahora s\u00ed se permiten saltos de l\u00ednea *\/\n    position: relative;\n    padding-left: 45%;        \/* deja espacio para la \u201cetiqueta\u201d *\/\n  }\n\n  \/* Pseudo-etiqueta con el nombre de la columna *\/\n  .case-table td::before {\n    content: attr(data-label);\n    position: absolute;\n    left: 1rem;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n}\n\n<\/style>\n<br>\n<p>Explore a brief summary our most relevant projects, ordered from most recent to oldest.<\/p>\n\n<section class=\"case-list\">\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/success-stories\/core-banking-applications-refactoring-and-cloud-migration\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/success-stories\/core-banking-applications-refactoring-and-cloud-migration\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/core-banking-cloud-migration-hero-en-680.png\" alt=\"Abstract core banking architecture connected to cloud and containers (refactoring and cloud migration).\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">Core Banking Applications Refactoring and Cloud Migration<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Client \/ Sector<\/span><span class=\"value\">Bank (confidential) \/ Banking \/ FinTech<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span><span class=\"value\">Refactored six legacy apps into cloud-native containers.<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">NAICS<\/span><span class=\"value\">541512<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/success-stories\/b2c-ecommerce-platform-for-usa-canada-and-sap-hana-integration\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/success-stories\/b2c-ecommerce-platform-for-usa-canada-and-sap-hana-integration\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/b2c-ecommerce-usa-canada-sap-hana-hero-en-680.png\" alt=\"Diverse ecommerce team coordinating cross\u2011border B2C operations for USA and Canada with enterprise database integration.\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">E-Commerce Platform USA\/Canada &amp; SAP HANA Integration<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Client \/ Sector<\/span><span class=\"value\">Clothing brand \/ Retail \/ e-Commerce<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span><span class=\"value\">Launched a cross-border store and report integration with SAP HANA.<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">NAICS<\/span><span class=\"value\">541511<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/success-stories\/wordpress-plugin-o365-routing-integration\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/success-stories\/wordpress-plugin-o365-routing-integration\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/wordpress-plugin-o365-routing-hero-en-680.png\" alt=\"Professional signing into a Microsoft Office 365 login portal on dual monitors; a custom WordPress plugin routes the user to the correct internal portal via company APIs.\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">WordPress Plugin Office 365 SSO Routing Integration<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Client \/ Sector<\/span><span class=\"value\">Insurance<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span><span class=\"value\">Launched WordPress Plugin using Office 365 SSO for Portals Routing.<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">NAICS<\/span><span class=\"value\">524113, 524114, 524126<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/success-stories\/tridion-cms-to-wordpress-divi-pricing-integrations\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/success-stories\/tridion-cms-to-wordpress-divi-pricing-integrations\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/tridion-to-custom-cms-hero-en-680.png\" alt=\"Editors migrating Tridion content into a custom WordPress\/Divi CMS; pricing documents are interpreted by custom plugins and Divi modules powering the insurer\u2019s pricing system.\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">TRIDION CMS Migration to Custom WordPress\/Divi CMS &#038; Pricing Integrations<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Client \/ Sector<\/span><span class=\"value\">Insurance<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span><span class=\"value\">Launched TRIDION CMS Migration to WordPress\/Divi CMS with Pricing calculator Integrations.<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">NAICS<\/span><span class=\"value\">524113, 524114, 524126<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/success-stories\/custom-management-maintenance-improvements-for-collection-payments-agency\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/success-stories\/custom-management-maintenance-improvements-for-collection-payments-agency\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/collection-payments-maintenance-hero-en-680.png\" alt=\"Back view of a call center with four cubicles each operator wearing a headset and working on a campaign; monitors show generic campaign interfaces with warm daylight ambiance.\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">Custom Management: Maintenance &#038; Improvements for Collection Payments Agency<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Client \/ Sector<\/span><span class=\"value\">Financial Services<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span><span class=\"value\">Maintenance &#038; Improvements of Custom Management Application for Collection Payments Agency.<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">NAICS<\/span><span class=\"value\">561440<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/success-stories\/iit-projects\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/success-stories\/iit-projects\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/iit-projects-en-680.png\" alt=\"Three-panel hero: Energy, Industry 4.0, and Railway Systems depicted in ultra-realistic style with warm daylight.\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">IIT Projects<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Client \/ Sector<\/span><span class=\"value\">Research Institute (Confidential) \/ Higher Education<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span><span class=\"value\">Multi-year portfolio: custom management apps, travel platform, EU timesheet reporting, systems integrations, VMware ESXi virtualization, hosting, GitLab &#038; Nagios.<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">NAICS<\/span><span class=\"value\">611310<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<!-- Project Start -->\n<a href=\"https:\/\/deepertech.com\/en\/success-stories\/seraweb-intranet-and-web-operations-maintenance-security-and-custom-development\/\" >\n  <article class=\"case-card\" data-href=\"\/en\/success-stories\/seraweb-intranet-and-web-operations-maintenance-security-and-custom-development\/\">\n    <span class=\"tooltip\">For More Info&nbsp;Click&nbsp;here<\/span>\n<!--  -->\n<div class=\"row\"><span class=\"label\">&nbsp;<\/span><span class=\"value\"><figure class=\"ss-hero\" style=\"max-width:680px;margin:0 auto\">\n<img src=\"https:\/\/deepertech.com\/images\/seraweb-ops-security-dev-hero-en-680.png\" alt=\"Five-panel hero showing: server operations, TLS certificate lifecycle, software development, payment gateway workflows, and web analytics dashboards - photorealistic composite.\" width=\"447\" height=\"252\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" style=\"display:block;width:100%;height:auto;border-radius:12px\"><\/figure><\/span><\/div>\n<!-- -->\n    <div class=\"row\"><span class=\"label\">Title<\/span><span class=\"value\">SeraWeb C.A. &#8211; Intranet and Web Operations, Security and Custom Development<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Client \/ Sector<\/span><span class=\"value\">SeraWeb C.A. \/ Information Services<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">Brief Description<\/span><span class=\"value\">Operations of intranet, test and production servers. TLS certificate lifecycle &#8211; inventory, renewal, deployment. Custom apps with front-end integration. Payment gateway using Authorize.Net. Internal analytics for marketing optimization.<\/span><\/div>\n    <div class=\"row\"><span class=\"label\">NAICS<\/span><span class=\"value\">541511<\/span><\/div>\n  <\/article>\n<\/a>\n<!-- Project End -->\n\n<\/section>\n\n\n<style>\n.blink_me {\n  animation: blinker 1s linear infinite;\n}\n\n@keyframes blinker {\n  50% {\n    opacity: 0;\n  }\n}\n\/*************************************\/\n\n\/* \u2014\u2014 Contenedor global \u2014\u2014 *\/\n.case-list{\n  display:grid;\n  gap:1.75rem;                   \/* espacio entre tarjetas   *\/\n}\n\n\/* \u2014\u2014 Tarjeta individual \u2014\u2014 *\/\n.case-card{\n  border:1px solid #d7dce0;\n  border-radius:8px;\n  background:#fff;\n  overflow:hidden;\n  box-shadow:0 1px 3px rgba(0,0,0,.05);\n}\n\n\/* \u2014\u2014 Fila Etiqueta : Valor \u2014\u2014 *\/\n.case-card .row{\n  display:flex;\n  padding:0.9rem 1.2rem;\n  border-bottom:1px solid #e9edf0;\n}\n.case-card .row:last-child{\n  border-bottom:none;\n}\n\n\/* Columna etiqueta *\/\n.case-card .label{\n  flex:0 0 180px;                \/* ancho fijo en desktop    *\/\n  font-weight:600;\n  color:#1c2d56;\n  margin-right:0.75rem;\n}\n\n\/* Columna valor *\/\n.case-card .value{\n  flex:1 1 auto;\n  word-break:break-word;         \/* evita desbordes largos   *\/\n}\n\n\/* \u2014\u2014 Ajuste responsive \u2014\u2014 *\/\n@media(max-width:767px){\n  .case-card .label{flex:0 0 38%;}\n}\n\/* \u2014\u2014 Tarjetas generales \u2014\u2014 *\/\n.case-list{display:grid;gap:1.75rem;}\n\n.case-card{\n  position:relative;                     \/* referencia para tooltip   *\/\n  border:1px solid #d7dce0;\n  border-radius:8px;\n  background:#fff;\n  box-shadow:0 1px 3px rgba(0,0,0,.05);\n  cursor:pointer;                        \/* mano en desktop          *\/\n  overflow:hidden;\n}\n\n.case-card .row{display:flex;padding:.9rem 1.2rem;border-bottom:1px solid #e9edf0;}\n.case-card .row:last-child{border-bottom:none;}\n.case-card .label{flex:0 0 180px;font-weight:600;color:#1c2d56;margin-right:.75rem;}\n.case-card .value{flex:1 1 auto;word-break:break-word;}\n\n\/* \u2014\u2014 Tooltip oculto por defecto \u2014\u2014 *\/\n.tooltip{\n  position:absolute;\n  top:0;left:0;                          \/* se recoloca v\u00eda JS        *\/\n  transform:translate(-110%,-110%);      \/* arriba-izquierda cursor   *\/\n  padding:6px 10px;\n  font-size:.8rem;\n  color:#fff;\n  \/* background:#1c2d56; *\/\n  background:#352293;\n  border-radius:4px;\n  white-space:nowrap;\n  pointer-events:none;                   \/* no bloquea el hover       *\/\n  opacity:0;\n  transition:opacity .15s ease;\n}\n\n\/* \u2014\u2014 Responsive etiqueta m\u00e1s estrecha \u2014\u2014 *\/\n@media(max-width:767px){\n  .case-card .label{flex:0 0 38%;}\n}\n\n<\/style>\n<script>\ndocument.querySelectorAll('.case-card').forEach(card=>{\n  const tip = card.querySelector('.tooltip');\n  \n  \/* \u2014 clic en toda la tarjeta \u2014 *\/\n  card.addEventListener('click', e=>{\n    \/* Evita que un clic en el tooltip interfiera *\/\n    if(!e.target.classList.contains('tooltip')){\n      window.location.href = card.dataset.href;\n    }\n  });\n\n  \/* \u2014 mostrar y posicionar tooltip \u2014 *\/\n  card.addEventListener('mouseenter', ()=> tip.style.opacity = 1);\n  card.addEventListener('mouseleave', ()=> tip.style.opacity = 0);\n  card.addEventListener('mousemove', e=>{\n    \/* coordenadas relativas al propio card *\/\n    const rect = card.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n    tip.style.left = x + 'px';\n    tip.style.top  = y + 'px';\n  });\n});\n<\/script>\n<!--\n<br><div class=\"blink_me\">... Under construction ...<\/div><br>\n-->\n","protected":false},"excerpt":{"rendered":"<p>Explore a brief summary our most relevant projects, ordered from most recent to oldest. For More Info&nbsp;Click&nbsp;here &nbsp; TitleCore Banking Applications Refactoring and Cloud Migration Client \/ SectorBank (confidential) \/ Banking \/ FinTech Brief DescriptionRefactored six legacy apps into cloud-native containers. NAICS541512 For More Info&nbsp;Click&nbsp;here &nbsp; TitleE-Commerce Platform USA\/Canada &amp; SAP HANA Integration Client \/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"0":"post-373","1":"page","2":"type-page","3":"status-publish","5":"entry"},"_links":{"self":[{"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/pages\/373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/comments?post=373"}],"version-history":[{"count":67,"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/pages\/373\/revisions"}],"predecessor-version":[{"id":716,"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/pages\/373\/revisions\/716"}],"wp:attachment":[{"href":"https:\/\/deepertech.com\/en\/wp-json\/wp\/v2\/media?parent=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}