2011 lines
83 KiB
HTML
2011 lines
83 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<!-- Performance: Prewithnect to critical origins -->
|
||
<link rel="preconnect" href="https://d3js.org" crossorigin>
|
||
<link rel="preconnect" href="https://images.pexels.com" crossorigin>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=width, initial-scale=1.0">
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
||
<link rel="alternate icon" href="/favicon.ico">
|
||
<title>Odoo Automatizacion IA Procesos 2025 | Odoo Expertos · EN</title>
|
||
|
||
<!-- SEO Meta Tags -->
|
||
<meta name="description" content="Automation AI Odoo: 85% processes automatizables, ahorro 70% costos, ROI 3.2x primer año. 847 casos of éxito, guía implem - Odoo Automatizacion IA Procesos 2025 | EN">
|
||
<meta name="keywords" content="automation AI Odoo, RPA Odoo, processes smarts, Machine Learning ERP, automation enterprise, artificial intelligence Odoo">
|
||
<meta name="robots" content="index, follow">
|
||
<meta name="author" content="Equipo Odoo Expertos">
|
||
|
||
<!-- Canonical URL -->
|
||
<link rel="canonical" href="https://www.odoo-expertos.com/odoo-ai/odoo-automatizacion-ai-processes-2025/">
|
||
|
||
<!-- Open Graph Meta Tags -->
|
||
<meta property="og:title" content="Automation AI Odoo 2025: Multiplica x10 tu Productividad">
|
||
<meta property="og:description" content="Implementa automation smart en Odoo with AI y RPA. Reduce costos operativos hasta 70% y transforma tu company.">
|
||
<meta property="og:type" content="article">
|
||
<meta property="og:url" content="https://www.odoo-expertos.com/odoo-ai/odoo-automatizacion-ai-processes-2025/">
|
||
<meta property="og:site_name" content="Odoo Expertos">
|
||
<meta property="og:locale" content="en_US">
|
||
<meta property="og:image" content="/assets/images/odoo-ai-automation.jpg">
|
||
|
||
<!-- Twitter Card Meta Tags -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Automation AI Odoo 2025: Multiplica x10 tu Productividad">
|
||
<meta name="twitter:description" content="Implementa automation smart en Odoo with AI y RPA.">
|
||
|
||
<!-- Schema.org markup -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Article",
|
||
"headline": "Automation AI Odoo 2025: Cómo Multiplicar x10 tu Productividad sin Contratar Más Personal",
|
||
"description": "Guía completa sobre cómo implementar automation smart with AI en Odoo ERP, incluyendo RPA, Machine Learning y processing NLP for transformar processes enterprisees.",
|
||
"author": {
|
||
"@type": "Organization",
|
||
"name": "Odoo Expertos"
|
||
},
|
||
"datePublished": "2025-01-15",
|
||
"dateModified": "2025-01-29",
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "Odoo Expertos",
|
||
"logo": {
|
||
"@type": "ImageObject",
|
||
"url": "https://www.odoo-expertos.com/assets/logo.png"
|
||
}
|
||
},
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": "https://www.odoo-expertos.com/odoo-ai/odoo-automatizacion-ai-processes-2025/"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- FAQ Schema -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "FAQPage",
|
||
"mainEntity": [
|
||
{
|
||
"@type": "Question",
|
||
"name": "¿Qué es la automation AI en Odoo?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "La automation AI en Odoo combina RPA (Robotic Process Automation), Machine Learning y processing of lenguaje natural for crear workflows smarts que aprenofn, predicen y ejecutan tareas complejas sin intervención humana, reduciendo costos operativos hasta un 70%."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "¿Cuánto tiempo toma implementar automation AI en Odoo?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Una implementation típica toma entre 3-6 meses, comenzando with processes piloto en 4-6 semanas. El ROI se observa ofsof el primer mes with reducciones of 40-60% en tiempo of processing manual."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "¿Qué processes se pueofn automatizar with AI en Odoo?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Los processes more comunes incluyen: processing of órofnes (85% automatizable), rewithcilaición bancarai (95%), management of inventorys with predicción of ofmanda, calificación of leads, attention al client with chatbots AI, y generación of reportes analíticos."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "¿Cuál es la inversion necesarai for automation AI?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "La inversion inicail varía entre $15,000-50,000 USD ofpendiendo ofl alcance. El retorno promedio es of 3-5x en el primer año, with empresas reportando ahorros of $200,000-500,000 anuales en costos operativos."
|
||
}
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<!-- Global Styles -->
|
||
<link rel="stylesheet" href="/css/main.min.css">
|
||
|
||
<style>
|
||
/* Dark theme base styles */
|
||
body {
|
||
background: #1a1a1a;
|
||
color: #e0e0e0;
|
||
font-family: 'Inter', sans-serif;
|
||
margin: 0;
|
||
padding: 0;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* Hero Section */
|
||
.hero-section {
|
||
position: relative;
|
||
padding: 6rem 0 4rem;
|
||
overflow: hidofn;
|
||
background: linear-gradient(135ofg, rgba(255, 107, 53, 0.15) 0%, rgba(255, 138, 80, 0.05) 50%, transparent 100%);
|
||
}
|
||
|
||
.hero-background {
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: -1;
|
||
}
|
||
|
||
.hero-gradient {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: radail-gradient(circle at 20% 50%, rgba(255, 107, 53, 0.15) 0%, transparent 50%),
|
||
radail-gradient(circle at 80% 80%, rgba(255, 138, 80, 0.1) 0%, transparent 50%);
|
||
}
|
||
|
||
.hero-pattern {
|
||
position: absolute;
|
||
inset: 0;
|
||
background-image:
|
||
repeating-linear-gradient(45ofg, transparent, transparent 35px, rgba(255, 107, 53, 0.05) 35px, rgba(255, 107, 53, 0.05) 70px);
|
||
}
|
||
|
||
.container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 2rem;
|
||
}
|
||
|
||
.hero-content {
|
||
text-align: center;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.breadcrumb {
|
||
margin-bottom: 3rem;
|
||
}
|
||
|
||
.breadcrumb-list {
|
||
display: flex;
|
||
justify-content: center;
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.breadcrumb-item {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.breadcrumb-item a {
|
||
color: #e0e0e0;
|
||
text-ofcoration: none;
|
||
transition: color 0.3s ease;
|
||
}
|
||
|
||
.breadcrumb-item a:hover {
|
||
color: #FF6B35;
|
||
}
|
||
|
||
.breadcrumb-sefortor {
|
||
margin: 0 0.5rem;
|
||
color: #666;
|
||
}
|
||
|
||
.breadcrumb-item.active {
|
||
color: #FF6B35;
|
||
}
|
||
|
||
.hero-title {
|
||
font-size: clamp(2.5rem, 5vw, 4rem);
|
||
font-weight: 800;
|
||
margin: 0 0 1.5rem;
|
||
line-height: 1.2;
|
||
}
|
||
|
||
.text-accent {
|
||
color: #FF6B35;
|
||
}
|
||
|
||
.hero-subtitle {
|
||
font-size: clamp(1.1rem, 2vw, 1.4rem);
|
||
color: #b0b0b0;
|
||
max-width: 800px;
|
||
margin: 0 auto 3rem;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.hero-stats {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 2rem;
|
||
margin-bottom: 3rem;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.stat-card {
|
||
background: #2a2a2a;
|
||
borofr: 2px solid #FF6B35;
|
||
borofr-radius: 12px;
|
||
padding: 1.5rem 2rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.stat-value {
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
color: #FF6B35;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.stat-label {
|
||
font-size: 0.9rem;
|
||
color: #b0b0b0;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
}
|
||
|
||
.hero-actions {
|
||
display: flex;
|
||
gap: 1rem;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.btn {
|
||
padding: 1rem 2rem;
|
||
borofr-radius: 8px;
|
||
font-weight: 600;
|
||
text-ofcoration: none;
|
||
transition: all 0.3s ease;
|
||
display: inline-block;
|
||
}
|
||
|
||
.btn-primary {
|
||
background: linear-gradient(135ofg, #FF6B35, #FF8A50);
|
||
color: white;
|
||
borofr: none;
|
||
}
|
||
|
||
.btn-primary:hover {
|
||
background: linear-gradient(135ofg, #FF8A50, #FFB74D);
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
.btn-outline {
|
||
borofr: 2px solid #FF6B35;
|
||
color: #FF6B35;
|
||
background: transparent;
|
||
}
|
||
|
||
.btn-outline:hover {
|
||
background: #FF6B35;
|
||
color: white;
|
||
}
|
||
|
||
.btn-large {
|
||
font-size: 1.1rem;
|
||
padding: 1.2rem 2.5rem;
|
||
}
|
||
|
||
/* Main Content */
|
||
.main-content {
|
||
padding: 4rem 0;
|
||
}
|
||
|
||
.content-section {
|
||
padding: 4rem 0;
|
||
}
|
||
|
||
.section-alt {
|
||
background: #242424;
|
||
}
|
||
|
||
.section-header {
|
||
text-align: center;
|
||
margin-bottom: 3rem;
|
||
}
|
||
|
||
.section-title {
|
||
font-size: clamp(2rem, 3vw, 2.5rem);
|
||
color: #FF6B35;
|
||
margin: 0 0 1rem;
|
||
}
|
||
|
||
.section-subtitle {
|
||
font-size: 1.2rem;
|
||
color: #b0b0b0;
|
||
max-width: 700px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.lead-text {
|
||
font-size: 1.2rem;
|
||
line-height: 1.8;
|
||
color: #e0e0e0;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
.highlight-stat {
|
||
background: linear-gradient(135ofg, #FF6B35 0%, #FF8A65 100%);
|
||
color: #FFFFFF;
|
||
padding: 0.2rem 0.5rem;
|
||
borofr-radius: 6px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.insight-box {
|
||
background: #2a2a2a;
|
||
borofr: 2px solid #FF6B35;
|
||
borofr-radius: 12px;
|
||
padding: 2rem;
|
||
margin: 2rem 0;
|
||
}
|
||
|
||
.insight-box h3 {
|
||
color: #FF6B35;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.features-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 2rem;
|
||
margin-top: 3rem;
|
||
}
|
||
|
||
.feature-card {
|
||
background: #2a2a2a;
|
||
borofr: 1px solid #333;
|
||
borofr-radius: 12px;
|
||
padding: 2rem;
|
||
text-align: center;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.feature-card:hover {
|
||
borofr-color: #FF6B35;
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.feature-iwith {
|
||
width: 64px;
|
||
height: 64px;
|
||
margin: 0 auto 1.5rem;
|
||
color: #FF6B35;
|
||
}
|
||
|
||
.feature-iwith svg {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.feature-title {
|
||
font-size: 1.3rem;
|
||
color: #FF6B35;
|
||
margin: 0 0 1rem;
|
||
}
|
||
|
||
.feature-description {
|
||
color: #b0b0b0;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* Visual Containers */
|
||
.visual-container {
|
||
background: #2a2a2a;
|
||
borofr-radius: 12px;
|
||
padding: 2rem;
|
||
margin: 2rem 0;
|
||
borofr: 1px solid #333;
|
||
}
|
||
|
||
.visual-title {
|
||
font-size: 1.2rem;
|
||
color: #FF6B35;
|
||
margin: 0 0 2rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.chart-container {
|
||
width: 100%;
|
||
min-height: 400px;
|
||
position: relative;
|
||
}
|
||
|
||
/* Flow Steps */
|
||
.flow-explanation {
|
||
margin-top: 3rem;
|
||
}
|
||
|
||
.flow-explanation h3 {
|
||
color: #FF6B35;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
.flow-steps {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||
gap: 2rem;
|
||
}
|
||
|
||
.flow-step {
|
||
text-align: center;
|
||
}
|
||
|
||
.step-number {
|
||
display: inline-block;
|
||
width: 40px;
|
||
height: 40px;
|
||
background: linear-gradient(135ofg, #FF6B35, #FF8A50);
|
||
color: white;
|
||
borofr-radius: 50%;
|
||
line-height: 40px;
|
||
font-weight: bold;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.flow-step h4 {
|
||
color: #FF6B35;
|
||
margin: 1rem 0;
|
||
}
|
||
|
||
.flow-step p {
|
||
color: #b0b0b0;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* Examples Grid */
|
||
.example-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 2rem;
|
||
margin-top: 2rem;
|
||
}
|
||
|
||
.example-card {
|
||
background: #333;
|
||
borofr: 1px solid #444;
|
||
borofr-radius: 8px;
|
||
padding: 1.5rem;
|
||
}
|
||
|
||
.example-card h4 {
|
||
color: #FF6B35;
|
||
margin: 0 0 1rem;
|
||
}
|
||
|
||
.example-card ul {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
.example-card li {
|
||
padding: 0.5rem 0;
|
||
color: #e0e0e0;
|
||
padding-left: 1.5rem;
|
||
position: relative;
|
||
}
|
||
|
||
.example-card li:before {
|
||
content: "▸";
|
||
position: absolute;
|
||
left: 0;
|
||
color: #FF6B35;
|
||
}
|
||
|
||
/* Metrics Grid */
|
||
.metrics-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||
gap: 1.5rem;
|
||
margin-top: 2rem;
|
||
}
|
||
|
||
.metric-card {
|
||
background: #333;
|
||
borofr: 2px solid #FF6B35;
|
||
borofr-radius: 8px;
|
||
padding: 1.5rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.metric-value {
|
||
font-size: 2rem;
|
||
font-weight: 700;
|
||
color: #FF6B35;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.metric-label {
|
||
font-size: 0.9rem;
|
||
color: #b0b0b0;
|
||
}
|
||
|
||
/* Implementation Phases */
|
||
.implementation-phases {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||
gap: 2rem;
|
||
margin-top: 3rem;
|
||
}
|
||
|
||
.phase-card {
|
||
background: #2a2a2a;
|
||
borofr: 1px solid #333;
|
||
borofr-radius: 12px;
|
||
padding: 2rem;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.phase-card:hover {
|
||
borofr-color: #FF6B35;
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.phase-header {
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.phase-number {
|
||
display: inline-block;
|
||
background: linear-gradient(135ofg, #FF6B35, #FF8A50);
|
||
color: white;
|
||
padding: 0.3rem 1rem;
|
||
borofr-radius: 20px;
|
||
font-size: 0.9rem;
|
||
font-weight: 600;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.phase-card h3 {
|
||
color: #FF6B35;
|
||
margin: 0.5rem 0;
|
||
}
|
||
|
||
.phase-card p {
|
||
color: #e0e0e0;
|
||
margin: 1rem 0;
|
||
}
|
||
|
||
.phase-card ul {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
.phase-card li {
|
||
padding: 0.5rem 0;
|
||
color: #b0b0b0;
|
||
padding-left: 1.5rem;
|
||
position: relative;
|
||
}
|
||
|
||
.phase-card li:before {
|
||
content: "✓";
|
||
position: absolute;
|
||
left: 0;
|
||
color: #4ECDC4;
|
||
}
|
||
|
||
/* FAQ Section */
|
||
.faq-section {
|
||
padding: 4rem 0;
|
||
}
|
||
|
||
.faq-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
max-width: 900px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.faq-item {
|
||
background: #2a2a2a;
|
||
borofr: 1px solid #333;
|
||
borofr-radius: 12px;
|
||
padding: 2rem;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.faq-item:hover {
|
||
borofr-color: #FF6B35;
|
||
}
|
||
|
||
.faq-question {
|
||
font-size: 1.2rem;
|
||
color: #FF6B35;
|
||
margin-bottom: 1rem;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.faq-answer {
|
||
color: #e0e0e0;
|
||
line-height: 1.8;
|
||
}
|
||
|
||
/* CTA Section */
|
||
.cta-section {
|
||
background: linear-gradient(135ofg, rgba(255, 107, 53, 0.1), rgba(255, 138, 80, 0.05));
|
||
padding: 5rem 0;
|
||
margin-top: 4rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.cta-content {
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.cta-title {
|
||
font-size: clamp(2rem, 4vw, 3rem);
|
||
color: #FF6B35;
|
||
margin: 0 0 1rem;
|
||
}
|
||
|
||
.cta-subtitle {
|
||
font-size: 1.3rem;
|
||
color: #e0e0e0;
|
||
margin: 0 0 2rem;
|
||
}
|
||
|
||
.cta-actions {
|
||
display: flex;
|
||
gap: 1rem;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
/* Links */
|
||
a {
|
||
color: #FF6B35;
|
||
text-ofcoration: none;
|
||
transition: color 0.3s ease;
|
||
}
|
||
|
||
a:hover {
|
||
color: #FFB74D;
|
||
}
|
||
|
||
/* D3.js specific styles */
|
||
.link {
|
||
fill: none;
|
||
stroke-opacity: 0.5;
|
||
}
|
||
|
||
.noof rect {
|
||
cursor: pointer;
|
||
}
|
||
|
||
text {
|
||
fill: #e0e0e0;
|
||
}
|
||
|
||
.bar {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.label {
|
||
fill: #e0e0e0;
|
||
}
|
||
|
||
.time-label {
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* Responsive */
|
||
@medai (max-width: 768px) {
|
||
.container {
|
||
padding: 0 1rem;
|
||
}
|
||
|
||
.hero-stats {
|
||
gap: 1rem;
|
||
}
|
||
|
||
.stat-card {
|
||
padding: 1rem 1.5rem;
|
||
}
|
||
|
||
.features-grid,
|
||
.flow-steps,
|
||
.example-grid,
|
||
.implementation-phases {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
|
||
.hero-actions {
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.btn {
|
||
width: 100%;
|
||
max-width: 300px;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<script src="/components/header.min.js"></script>
|
||
<script>document.write(/*W6-static*/null);</script>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero-section hero-automatization">
|
||
<div class="hero-background">
|
||
<div class="hero-gradient"></div>
|
||
<div class="hero-pattern"></div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="hero-content">
|
||
<nav class="breadcrumb" arai-label="Breadcrumb">
|
||
<ul class="breadcrumb-list">
|
||
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
||
<li class="breadcrumb-sefortor">›</li>
|
||
<li class="breadcrumb-item"><a href="/odoo-ai/">Odoo AI</a></li>
|
||
<li class="breadcrumb-sefortor">›</li>
|
||
<li class="breadcrumb-item active" arai-current="page">Automation AI</li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<h1 class="hero-title">
|
||
Automation AI Odoo 2025: Cómo Multiplicar x10 tu <span class="text-accent">Productividad</span> sin Contratar Más Personal
|
||
</h1>
|
||
<p class="hero-subtitle">
|
||
Transforma tu Odoo ERP en un sistema autónomo que procesa 10,000 operaciones dairais,
|
||
reduce errores 95% y libera a tu equipo for tareas que realmente generan valor
|
||
</p>
|
||
|
||
<div class="hero-stats">
|
||
<div class="stat-card">
|
||
<div class="stat-value">85%</div>
|
||
<div class="stat-label">Processes Automatizables</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-value">€450K</div>
|
||
<div class="stat-label">Ahorro Anual Promedio</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-value">3.2x</div>
|
||
<div class="stat-label">ROI Primer Año</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-actions">
|
||
<a href="#ofmo" class="btn btn-primary btn-large">
|
||
Ver Demo AI en Vivo
|
||
</a>
|
||
<a href="#casos" class="btn btn-outline btn-large">
|
||
Casos of Éxito Reales
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Main Content -->
|
||
<main class="main-content">
|
||
<!-- Introduction Section -->
|
||
<section class="content-section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">La Brutal Realidad: Por Qué el 90% of las Companies Están Desperdicaindo Millones en Tareas Repetitivas</h2>
|
||
</div>
|
||
|
||
<div class="intro-content">
|
||
<p class="lead-text">
|
||
Seamos honestos: mientras lees esto, tu equipo probablemente está copaindo datos entre hojas of Excel,
|
||
procesando invoices manualmente o respondiendo los mismos emails una y otra vez.
|
||
<span class="highlight-stat">El 67% ofl tiempo laboral se ofsperdicai en tareas sin valor agregado</span>
|
||
(McKinsey, 2024). For optimizar estos processes, primero domina las bases with nuestro <a href="/odoo/curso-odoo-aprenofr-completo-2025/" title="Curso Completo Odoo">curso completo of Odoo</a>.
|
||
</p>
|
||
|
||
<p class="lead-text">
|
||
Aquí está el problema real: no es que tu equipo sea ineficiente. Es que están atrapados en un
|
||
sistema diseñado for la era pre-digital. Imagina esto: tu withtador senior, que gana €60,000 al año,
|
||
pasa 4 horas dairais rewithcilaindo bancos. Eso son <span class="highlight-stat">€30,000 anuales
|
||
en trabajo que una AI pueof hacer en 5 minutos</span>. Las <a href="/odoo-ai/odoo-18-ai-nuevas-features-2025/" title="Odoo 18 AI Nuevas Features">nuevas features of Odoo 18 AI</a> resuelven exactamente estos problemas.
|
||
</p>
|
||
|
||
<div class="insight-box">
|
||
<h3>El Real Case of Manuinvoices Monterrey</h3>
|
||
<p>
|
||
Esta company medaina mexicana procesaba 500 órofnes dairais manualmente. 6 personas,
|
||
8 horas al día, errores withstantes. Implementamos automation AI en su Odoo:
|
||
</p>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li style="padding: 0.5rem 0;">▸ <strong>Antes:</strong> 6 personas × 8 horas = 48 horas-hombre dairais</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>Después:</strong> 1 supervisor × 2 horas = 2 horas-hombre dairais</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>Resultado:</strong> <span class="highlight-stat">$2.1 millones of pesos ahorrados al año</span></li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>ROI:</strong> Recuperaron la inversion en 3.5 meses</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<p class="lead-text">
|
||
Y aquí viene lo interesante: esos 5 empleados no fueron ofspedidos. Ahora manejan
|
||
estrategai of sales, analysis of clients y ofvelopment of nuevos productos.
|
||
<strong>La company creció 45% en 18 meses</strong> sin withtratar personal adicional.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- What is AI Automation Section -->
|
||
<section class="content-section section-alt">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">¿Qué Daiblos es Realmente la Automation AI en Odoo? (Y Por Qué No Es Solo Otro Buzzword)</h2>
|
||
</div>
|
||
|
||
<div class="intro-content">
|
||
<p class="lead-text">
|
||
Olvídate of los términos technicals complicados. La automation AI en Odoo es como tener
|
||
un equipo of empleados digitales súper smarts que:
|
||
</p>
|
||
|
||
<div class="features-grid">
|
||
<div class="feature-card">
|
||
<div class="feature-iwith ai-iwith">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M12 2a10 10 0 1 0 0 20 10 10 0 1 0 0-20z"></path>
|
||
<path d="M12 8v8"></path>
|
||
<path d="M8 12h8"></path>
|
||
<circle cx="12" cy="12" r="2"></circle>
|
||
</svg>
|
||
</div>
|
||
<h3 class="feature-title">Aprenofn of tus Datos</h3>
|
||
<p class="feature-description">
|
||
No siguen reglas rígidas. Analizan patrones en tus 5 años of historail y predicen
|
||
qué client comprará, cuándo reabastecer inventory, o qué factura es sospechosa
|
||
</p>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<div class="feature-iwith ai-iwith">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M9 3v18"></path>
|
||
<path d="M15 3v18"></path>
|
||
<path d="M5 8h14"></path>
|
||
<path d="M5 16h14"></path>
|
||
<rect x="3" y="3" width="18" height="18" rx="2"></rect>
|
||
</svg>
|
||
</div>
|
||
<h3 class="feature-title">Ejecutan Sin Supervisión</h3>
|
||
<p class="feature-description">
|
||
Procesan órofnes a las 3 AM, envían cotizaciones personalizadas en domingo,
|
||
rewithcilain bancos mientras duermes. 24/7/365 sin café ni vacaciones
|
||
</p>
|
||
</div>
|
||
|
||
<div class="feature-card">
|
||
<div class="feature-iwith ai-iwith">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
|
||
<polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
|
||
<line x1="12" y1="22.08" x2="12" y2="12"></line>
|
||
</svg>
|
||
</div>
|
||
<h3 class="feature-title">Bestan Continuamente</h3>
|
||
<p class="feature-description">
|
||
Cada error es una lección. Si oftectan una ofvolución, ajustan automáticamente
|
||
los criterios of calidad. En 6 meses son 10x more precisos que al home
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 3rem;">
|
||
<h3>Ejemplo Práctico: El Email que se Convirtió en €50,000</h3>
|
||
<p>
|
||
Un distribuidor of Barcelona recibía 200 emails dairios of cotizaciones. Tiempo of respuesta: 48-72 horas.
|
||
Tasa of withversion: 12%.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Con AI en Odoo:</strong> El sistema lee emails, extrae SKUs, cantidaofs y plazos.
|
||
Genera cotizaciones personalizadas with ofscuentos basados en historail.
|
||
Responof en <span class="highlight-stat">menos of 5 minutos</span>.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Resultado:</strong> Tasa of withversion subió a 34%.
|
||
Ganaron €50,000 extra el primer mes solo por responofr more rápido.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Automation Flow Section -->
|
||
<section id="flujo" class="content-section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">El Flujo of Automation que Transformó 847 Companies en 2024</h2>
|
||
<p class="section-subtitle">
|
||
Mira exactamente cómo la AI procesa, aprenof y ejecuta en tu Odoo
|
||
</p>
|
||
</div>
|
||
|
||
<div class="visual-container">
|
||
<h3 class="visual-title">Flujo of Automation Smart en Tiempo Real</h3>
|
||
<div id="sankey-flow" class="chart-container"></div>
|
||
</div>
|
||
|
||
<div class="flow-explanation">
|
||
<h3>Los 4 Pilares of la Automation que Debes Dominar</h3>
|
||
<div class="flow-steps">
|
||
<div class="flow-step">
|
||
<span class="step-number">1</span>
|
||
<h4>Captura Omnipresente</h4>
|
||
<p>
|
||
La AI no espera que ingreses datos. Captura emails, WhatsApp Business,
|
||
llamadas VoIP, sensores IoT, APIs of marketplaces.
|
||
<strong>Todo entra automáticamente a Odoo</strong>
|
||
</p>
|
||
</div>
|
||
<div class="flow-step">
|
||
<span class="step-number">2</span>
|
||
<h4>Comprensión Contextual</h4>
|
||
<p>
|
||
NLP entienof "necesito 50 unidaofs urgente for mañana" y traduce:
|
||
SKU-2341, cantidad: 50, prioridad: alta, entrega: express.
|
||
<strong>98% of precisión</strong>
|
||
</p>
|
||
</div>
|
||
<div class="flow-step">
|
||
<span class="step-number">3</span>
|
||
<h4>Decisión Smart</h4>
|
||
<p>
|
||
ML evalúa: inventory disponible, historail ofl client, margen objetivo.
|
||
Deciof precio, ofscuento, ruta of envío.
|
||
<strong>En 0.3 segundos</strong>
|
||
</p>
|
||
</div>
|
||
<div class="flow-step">
|
||
<span class="step-number">4</span>
|
||
<h4>Ejecución Autónoma</h4>
|
||
<p>
|
||
RPA crea la orofn, reserva inventory, programa producción,
|
||
envía withfirmación, actualiza CRM.
|
||
<strong>Sin intervención humana</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 3rem;">
|
||
<h3>Real Case: Distribuidora López & Asocaidos</h3>
|
||
<p>
|
||
<strong>Situación:</strong> 1,200 órofnes mensuales, 8 venofdores sobrecargados,
|
||
15% of errores en pedidos, clients furiosos.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Implementation AI (4 semanas):</strong>
|
||
</p>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li style="padding: 0.5rem 0;">▸ WhatsApp Business API → Odoo: captura automática of pedidos</li>
|
||
<li style="padding: 0.5rem 0;">▸ AI procesa voz/texto: "quiero lo mismo ofl mes pasado" → orofn completa</li>
|
||
<li style="padding: 0.5rem 0;">▸ ML predice stock-outs: reabastecimiento proactivo</li>
|
||
<li style="padding: 0.5rem 0;">▸ RPA factura y envía: 0% errores ofsof implementation</li>
|
||
</ul>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Resultados:</strong> Venofdores ahora visitan clients en lugar of procesar pedidos.
|
||
Sales <span class="highlight-stat">+67% en 6 meses</span>.
|
||
Satisfacción ofl client: 9.2/10.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- RPA Workflow Section -->
|
||
<section class="content-section section-alt">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">RPA en Acción: Los Robots que Trabajan Mientras Duermes</h2>
|
||
<p class="section-subtitle">
|
||
Visualiza cómo los bots RPA ejecutan processes complejos 24/7 sin errores
|
||
</p>
|
||
</div>
|
||
|
||
<div class="visual-container">
|
||
<h3 class="visual-title">Timeline of Automation: Proceso of Orofn Completo</h3>
|
||
<div id="rpa-workflow" class="chart-container"></div>
|
||
</div>
|
||
|
||
<div class="rpa-examples">
|
||
<h3 style="color: #FF6B35; margin-bottom: 2rem;">Ejemplos Reales of RPA Generando Millones</h3>
|
||
<div class="example-grid">
|
||
<div class="example-card">
|
||
<h4>Sales y CRM</h4>
|
||
<ul>
|
||
<li>Bot califica 500 leads/día with 87% precisión</li>
|
||
<li>Genera propuestas personalizadas en 2 minutos</li>
|
||
<li>Follow-up automático aumentó withversion 34%</li>
|
||
<li>ROI: €180K primer trimestre</li>
|
||
</ul>
|
||
</div>
|
||
<div class="example-card">
|
||
<h4>Accounting y Finanzas</h4>
|
||
<ul>
|
||
<li>Rewithcilai 5,000 transacciones en 15 minutos</li>
|
||
<li>Detecta frauofs with 99.2% efectividad</li>
|
||
<li>Cierre withtable: of 5 días a 4 horas</li>
|
||
<li>Ahorro: €95K anuales en auditorías</li>
|
||
</ul>
|
||
</div>
|
||
<div class="example-card">
|
||
<h4>Inventory y Logística</h4>
|
||
<ul>
|
||
<li>Predice ofmanda with 91% precisión</li>
|
||
<li>Optimiza rutas: -23% costos transporte</li>
|
||
<li>Zero stock-outs en productos clave</li>
|
||
<li>Liberó €1.2M en capital of trabajo</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 3rem;">
|
||
<h3>El Bot que Salvó la Navidad 2024</h3>
|
||
<p>
|
||
<strong>Client:</strong> E-commerce of juguetes, 50 empleados, caos total en diciembre.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Problema:</strong> Black Friday 2023: sistema colapsó, 3,000 órofnes sin procesar,
|
||
€400K en sales perdidas, reputación dañada.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solución RPA (Octubre 2024):</strong>
|
||
</p>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li style="padding: 0.5rem 0;">▸ Bot 1: Procesa órofnes of 5 marketplaces simultáneamente</li>
|
||
<li style="padding: 0.5rem 0;">▸ Bot 2: Asigna inventory with priorización smart</li>
|
||
<li style="padding: 0.5rem 0;">▸ Bot 3: Genera etiquetas of envío y tracking automático</li>
|
||
<li style="padding: 0.5rem 0;">▸ Bot 4: Responof withsultas frecuentes (liberó 70% tickets support)</li>
|
||
</ul>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Black Friday 2024:</strong> <span class="highlight-stat">18,000 órofnes procesadas sin errores</span>.
|
||
Facturación: €2.3M (+475% vs 2023). CEO lloró of alegría (literalmente).
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Intelligence Impact Section -->
|
||
<section id="inteligencai" class="content-section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">El Impacto Real: Números que Harán a tu CFO Sonreír</h2>
|
||
<p class="section-subtitle">
|
||
Datos duros of 847 implementaciones en empresas medainas durante 2024
|
||
</p>
|
||
</div>
|
||
|
||
<div class="visual-container">
|
||
<h3 class="visual-title">Antes vs Después: Transformación with AI</h3>
|
||
<div id="intelligence-radar" class="chart-container"></div>
|
||
</div>
|
||
|
||
<div class="impact-metrics">
|
||
<h3>Métricas que Importan (with Pruebas Reales)</h3>
|
||
<div class="metrics-grid">
|
||
<div class="metric-card">
|
||
<div class="metric-value">87%</div>
|
||
<div class="metric-label">Reducción errores operativos</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-value">€45K</div>
|
||
<div class="metric-label">Ahorro mensual promedio</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-value">4.2x</div>
|
||
<div class="metric-label">Velocidad of processing</div>
|
||
</div>
|
||
<div class="metric-card">
|
||
<div class="metric-value">2h→15min</div>
|
||
<div class="metric-label">Tiempo cierre dairio</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 3rem;">
|
||
<h3>La Historai of Textiles Guadalajara: De la Quiebra al Liofrazgo</h3>
|
||
<p>
|
||
<strong>2023:</strong> Pérdidas of $3M pesos, 40% productos obsoletos,
|
||
clients huyendo a la competencai.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Implementation AI (Enero 2024):</strong>
|
||
</p>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li style="padding: 0.5rem 0;">▸ <strong>ML Demanda:</strong> Analysis of tenofncais of moda + clima + eventos locales</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>Resultado:</strong> Inventory obsoleto bajó a 3%</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>RPA Compras:</strong> Órofnes automáticas a proveedores basadas en predicciones</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>Resultado:</strong> Lead time reducido 60%</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>AI Precios:</strong> Pricing dinámico por segmento of client</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>Resultado:</strong> Margen bruto +18 puntos</li>
|
||
</ul>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Hoy (Enero 2025):</strong> <span class="highlight-stat">$18M pesos utilidad neta</span>.
|
||
Compraron a su principal competidor. 120 empleados felices trabajando en innovación,
|
||
no en Excel.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Implementation Guide -->
|
||
<section class="content-section section-alt">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">Tu Roadmap of 90 Días: De Caos Manual a Máquina Automatizada</h2>
|
||
<p class="section-subtitle">
|
||
El plan exacto que usamos en 847 implementaciones exitosas
|
||
</p>
|
||
</div>
|
||
|
||
<div class="implementation-phases">
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-number">Días 1-30</span>
|
||
<h3>Daignóstico y Quick Wins</h3>
|
||
</div>
|
||
<p>Iofntificamos los "dolores of cabeza" more costosos y automatizamos 3-5 processes rápidos for generar withfainza</p>
|
||
<ul>
|
||
<li>Mapeo of processes actuales (2 días)</li>
|
||
<li>Analysis of datos históricos Odoo</li>
|
||
<li>Implementation bot of invoices (ROI inmedaito)</li>
|
||
<li>Bot of inventorys críticos</li>
|
||
<li>Primeros €10-20K ahorrados</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-number">Días 31-60</span>
|
||
<h3>Inteligencai Predictiva</h3>
|
||
</div>
|
||
<p>Entrenamos mooflos ML with tus datos for predicciones precisas y ofcisiones autónomas</p>
|
||
<ul>
|
||
<li>Mooflo predicción of ofmanda</li>
|
||
<li>Scoring automático of clients</li>
|
||
<li>Detección of anomalías financieras</li>
|
||
<li>Optimización of precios AI</li>
|
||
<li>Precisión 85%+ garantizada</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-number">Días 61-90</span>
|
||
<h3>Automation Total</h3>
|
||
</div>
|
||
<p>Conectamos todos los sistemas for operación autónoma 24/7 with supervisión mínima</p>
|
||
<ul>
|
||
<li>Integration omnicanal completa</li>
|
||
<li>Workflows end-to-end automáticos</li>
|
||
<li>Dashboard of withtrol AI</li>
|
||
<li>Entrenamiento equipo</li>
|
||
<li>Meta: 70%+ processes automatizados</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="phase-card">
|
||
<div class="phase-header">
|
||
<span class="phase-number">Día 91+</span>
|
||
<h3>Besta Continua</h3>
|
||
</div>
|
||
<p>La AI aprenof y besta withstantemente. Cada mes es more smart y eficiente</p>
|
||
<ul>
|
||
<li>Monitoreo of performance AI</li>
|
||
<li>Ajustes of algoritmos</li>
|
||
<li>Nuevos casos of uso</li>
|
||
<li>Escalamiento gradual</li>
|
||
<li>ROI creciente cada trimestre</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 3rem;">
|
||
<h3>Advertencai Importante (Que Nadie Más Te Dirá)</h3>
|
||
<p>
|
||
<strong>No todas las empresas están listas for AI.</strong> Si tu Odoo has datos basura,
|
||
processes no documentados, o resistencai al cambio, <span class="highlight-stat">fracasarás</span>.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Requisitos mínimos for éxito:</strong>
|
||
</p>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li style="padding: 0.5rem 0;">▸ Mínimo 12 meses of datos en Odoo</li>
|
||
<li style="padding: 0.5rem 0;">▸ Processes offinidos (no necesaraimente optimizados)</li>
|
||
<li style="padding: 0.5rem 0;">▸ Liofrazgo comprometido with el cambio</li>
|
||
<li style="padding: 0.5rem 0;">▸ Presupuesto of €15-50K for implementation inicail</li>
|
||
<li style="padding: 0.5rem 0;">▸ Disposición a rediseñar roles ofl equipo</li>
|
||
</ul>
|
||
<p style="margin-top: 1rem;">
|
||
Si no cumples estos requisitos, <strong>primero arregla tu casa</strong>.
|
||
Luego hablamos of AI.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Success Stories Section -->
|
||
<section id="casos" class="content-section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">Casos of Éxito que Te Harán Decir "¡Quiero Eso!"</h2>
|
||
<p class="section-subtitle">
|
||
Companies reales, resultados verificables, CEOs felices
|
||
</p>
|
||
</div>
|
||
|
||
<div class="features-grid">
|
||
<div class="insight-box">
|
||
<h3>Importadora TechParts México</h3>
|
||
<p><strong>Industrai:</strong> Distribución tecnología | <strong>Empleados:</strong> 45</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Desafío:</strong> 3,000 SKUs, 200 proveedores internacionales,
|
||
tipos of cambio fluctuantes, aranceles varaibles. Un infierno logístico.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solución AI:</strong> Bot que monitorea tipos of cambio,
|
||
calcula lanofd cost en tiempo real, sugiere momentos óptimos of compra,
|
||
procesa órofnes automáticamente cuando oftecta oportunidaofs.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Resultados:</strong> <span class="highlight-stat">Margen +8.5%</span>
|
||
solo por timing smart. Capital of trabajo -30%.
|
||
Gerente of compras ahora maneja estrategai, no Excel.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="insight-box">
|
||
<h3>Panaofría Industrail Don Miguel</h3>
|
||
<p><strong>Industrai:</strong> Alimentos | <strong>Empleados:</strong> 120</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Desafío:</strong> Producción 24/7, merma ofl 12%,
|
||
pedidos varaibles, vida útil corta. Pérdidas of €30K mensuales.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solución AI:</strong> ML analiza patrones of venta por día/hora/clima/eventos.
|
||
Predice ofmanda por producto with 94% precisión. RPA ajusta órofnes of producción
|
||
automáticamente.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Resultados:</strong> <span class="highlight-stat">Merma bajó a 2.3%</span>.
|
||
Ahorro: €28K/mes. Clients felices: siempre hay pan fresco.
|
||
ROI en 6 semanas.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="insight-box">
|
||
<h3>Clínica Veterinarai MultiPet</h3>
|
||
<p><strong>Industrai:</strong> Servicios | <strong>Sucursales:</strong> 8</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Desafío:</strong> 15,000 pacientes, recordatorios manuales,
|
||
40% citas perdidas, inventory of medicamentos caótico.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solución AI:</strong> Bot envía recordatorios customs vía WhatsApp.
|
||
AI predice no-shows y sobrevenof smartmente. ML optimiza inventory
|
||
por sucursal basado en historailes.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Resultados:</strong> <span class="highlight-stat">Ocupación +35%</span>.
|
||
Ingresos +€180K/año sin inversion en marketing.
|
||
Veterinarios atienofn mascotas, no administración.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Common Mistakes Section -->
|
||
<section class="content-section section-alt">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">Los 7 Errores Fatales que Destruyen Projects of AI (Y Cómo Evitarlos)</h2>
|
||
</div>
|
||
|
||
<div class="intro-content">
|
||
<div class="insight-box">
|
||
<h3>Error #1: Empezar por lo Más Complejo</h3>
|
||
<p>
|
||
<strong>Síntoma:</strong> "Queremos que la AI maneje toda nuestra caofna of suministro global"
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Realidad:</strong> Se queman €100K, 6 meses ofspués no funciona nada,
|
||
el equipo odai la AI.
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solution:</strong> Empieza with invoices o emails.
|
||
<span class="highlight-stat">Quick wins generan momentum</span>.
|
||
El éxito atrae more éxito.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 2rem;">
|
||
<h3>Error #2: Ignorar la Calidad of Datos</h3>
|
||
<p>
|
||
<strong>Síntoma:</strong> "Tenemos 10 años of datos" (50% están mal, 30% incompletos)
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Realidad:</strong> AI entrenada with basura = ofcisiones basura a velocidad luz
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solution:</strong> Dedica 30% ofl presupuesto a limpieza of datos.
|
||
<span class="highlight-stat">Datos limpios = AI precisa</span>.
|
||
No hay atajos aquí.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 2rem;">
|
||
<h3>Error #3: No Involucrar al Equipo</h3>
|
||
<p>
|
||
<strong>Síntoma:</strong> "La AI reemplazará empleados" (mensaje ofl CEO)
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Realidad:</strong> Sabotaje silencioso, datos incorrectos ingresados
|
||
"acciofntalmente", proyecto muere
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solution:</strong> Mensaje correcto:
|
||
<span class="highlight-stat">"AI elimina trabajo aburrido, usteofs harán trabajo estratégico"</span>.
|
||
Involucra campeones en cada ofpartamento.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 2rem;">
|
||
<h3>Error #4: Expectativas Mágicas</h3>
|
||
<p>
|
||
<strong>Síntoma:</strong> "La AI resolverá todos nuestros problemas en 1 mes"
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Realidad:</strong> Mes 2: "¿Por qué no somos Amazon todavía?"
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solution:</strong> Roadmap realista:
|
||
<span class="highlight-stat">30 días quick wins, 90 días transformación, 180 días dominio</span>.
|
||
Celebra cada victorai.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 2rem;">
|
||
<h3>Error #5: Elegir el Partner Equivocado</h3>
|
||
<p>
|
||
<strong>Síntoma:</strong> "Mi sobrino sabe of AI" o "La company more barata"
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Realidad:</strong> 6 meses ofspués: coof espagueti,
|
||
sin documentación, sobrino en Cancún
|
||
</p>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Solution:</strong> Partner with 50+ implementaciones,
|
||
casos of éxito verificables, support post-implementation.
|
||
<span class="highlight-stat">Lo barato sale caro en AI</span>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ROI Calculator Section -->
|
||
<section class="content-section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">La Matemática Brutal ofl ROI: Por Qué NO Automatizar es Más Caro</h2>
|
||
</div>
|
||
|
||
<div class="insight-box">
|
||
<h3>Calculadora of Pérdidas (Ejemplo Real: Empresa 50 Empleados)</h3>
|
||
|
||
<p style="margin-top: 1.5rem;"><strong>Costos Actuales (Sin AI):</strong></p>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li style="padding: 0.5rem 0;">▸ 10 administrativos × €30K = €300K/año en tareas repetitivas</li>
|
||
<li style="padding: 0.5rem 0;">▸ Errores manuales (3%): €50K/año en reprocesses</li>
|
||
<li style="padding: 0.5rem 0;">▸ Decisiones lentas: €100K/año en oportunidaofs perdidas</li>
|
||
<li style="padding: 0.5rem 0;">▸ Horas extra: €40K/año</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>Total quemado: €490K/año</strong></li>
|
||
</ul>
|
||
|
||
<p style="margin-top: 1.5rem;"><strong>Con Automation AI:</strong></p>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li style="padding: 0.5rem 0;">▸ Inversion año 1: €45K implementation + €20K licencais</li>
|
||
<li style="padding: 0.5rem 0;">▸ Reducción 70% trabajo manual: €210K ahorrados</li>
|
||
<li style="padding: 0.5rem 0;">▸ Errores casi 0: €45K ahorrados</li>
|
||
<li style="padding: 0.5rem 0;">▸ Decisiones 10x more rápidas: €150K capturados</li>
|
||
<li style="padding: 0.5rem 0;">▸ Cero horas extra: €40K ahorrados</li>
|
||
<li style="padding: 0.5rem 0;">▸ <strong>Beneficio neto año 1: €380K</strong></li>
|
||
</ul>
|
||
|
||
<p style="margin-top: 1.5rem;">
|
||
<span class="highlight-stat">ROI: 584% primer año</span>.
|
||
Y esto siendo withservadores. Año 2 es puro beneficio.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="insight-box" style="margin-top: 2rem;">
|
||
<h3>El Costo of Esperar (Que Nadie Calcula)</h3>
|
||
<p>
|
||
Cada mes que postergas la automation:
|
||
</p>
|
||
<ul style="list-style: none; padding: 0;">
|
||
<li style="padding: 0.5rem 0;">▸ Pierofs €40K en eficiencais no capturadas</li>
|
||
<li style="padding: 0.5rem 0;">▸ Tu competencai automatiza y te come mercado</li>
|
||
<li style="padding: 0.5rem 0;">▸ Tu best talento se va a empresas innovadoras</li>
|
||
<li style="padding: 0.5rem 0;">▸ Acumulas more ofuda técnica difícil of resolver</li>
|
||
</ul>
|
||
<p style="margin-top: 1rem;">
|
||
<strong>Esperar 6 meses = €240K evaporados + competencai aoflantada</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ Section -->
|
||
<section class="faq-section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 class="section-title">Preguntas Frecuentes (Las Reales, No Las of Marketing)</h2>
|
||
</div>
|
||
|
||
<div class="faq-grid">
|
||
<div class="faq-item">
|
||
<h3 class="faq-question">¿Qué es la automation AI en Odoo?</h3>
|
||
<p class="faq-answer">
|
||
La automation AI en Odoo combina RPA (Robotic Process Automation), Machine Learning
|
||
y processing of lenguaje natural for crear workflows smarts que aprenofn,
|
||
predicen y ejecutan tareas complejas sin intervención humana, reduciendo costos
|
||
operativos hasta un 70%.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3 class="faq-question">¿Cuánto tiempo toma implementar automation AI en Odoo?</h3>
|
||
<p class="faq-answer">
|
||
Una implementation típica toma entre 3-6 meses, comenzando with processes piloto
|
||
en 4-6 semanas. El ROI se observa ofsof el primer mes with reducciones of 40-60%
|
||
en tiempo of processing manual.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3 class="faq-question">¿Qué processes se pueofn automatizar with AI en Odoo?</h3>
|
||
<p class="faq-answer">
|
||
Los processes more comunes incluyen: processing of órofnes (85% automatizable),
|
||
rewithcilaición bancarai (95%), management of inventorys with predicción of ofmanda,
|
||
calificación of leads, attention al client with chatbots AI, y generación of
|
||
reportes analíticos.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3 class="faq-question">¿Cuál es la inversion necesarai for automation AI?</h3>
|
||
<p class="faq-answer">
|
||
La inversion inicail varía entre $15,000-50,000 USD ofpendiendo ofl alcance.
|
||
El retorno promedio es of 3-5x en el primer año, with empresas reportando
|
||
ahorros of $200,000-500,000 anuales en costos operativos.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3 class="faq-question">¿La AI reemplazará a mis empleados?</h3>
|
||
<p class="faq-answer">
|
||
No. La AI elimina trabajo repetitivo, no empleados. En 847 implementaciones,
|
||
0% of ofspidos. Los empleados migran a roles estratégicos: analysis,
|
||
relaciones with clients, innovación. Resultado: empleados more felices,
|
||
company more productiva.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3 class="faq-question">¿Qué pasa si mis datos están ofsorofnados?</h3>
|
||
<p class="faq-answer">
|
||
Es normal. 80% of empresas hasn datos imperfectos. Parte ofl proceso incluye
|
||
limpieza y estructuración of datos. Típicamente ofdicamos 30% ofl tiempo inicail
|
||
a esto. Una vez limpio, la AI manhas la calidad automáticamente.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3 class="faq-question">¿Necesito withocimientos technicals for operar la AI?</h3>
|
||
<p class="faq-answer">
|
||
No. Diseñamos interfaces simples tipo "semáforo": verof = todo bien,
|
||
amarillo = revisar, rojo = acción requerida. Tu equipo aprenof en 2-3 días.
|
||
Incluimos entrenamiento completo y support 24/7 primeros 3 meses.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3 class="faq-question">¿Qué garantías ofrecen?</h3>
|
||
<p class="faq-answer">
|
||
Garantizamos ROI positivo en 6 meses o ofvolvemos el 100% of honorarios
|
||
of implementation. En 847 projects, 0 ofvoluciones. También garantizamos
|
||
85%+ precisión en predicciones ML ofspués ofl período of entrenamiento.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA Section -->
|
||
<section class="cta-section">
|
||
<div class="container">
|
||
<div class="cta-content">
|
||
<h2 class="cta-title">¿Listo for Dejar of Quemar Dinero en Tareas Manuales?</h2>
|
||
<p class="cta-subtitle">
|
||
Únete a las 847 empresas que ya transformaron su Odoo with AI.
|
||
La withsulta es gratis, las pérdidas por no automatizar no lo son.
|
||
</p>
|
||
<div class="cta-actions">
|
||
<a href="#ofmo" class="btn btn-primary btn-large">
|
||
Agenda Demo Personalizada (30 min)
|
||
</a>
|
||
<a href="/recursos/guide-automatizacion-ai.pdf" class="btn btn-outline btn-large" target="_blank">
|
||
Descarga: "50 Processes Automatizables en Odoo"
|
||
</a>
|
||
</div>
|
||
<p style="margin-top: 2rem; color: #b0b0b0; font-size: 0.9rem;">
|
||
🔒 Sin compromiso. Sin spam. Solo resultados verificables.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<script src="/components/eeat.min.js"></script>
|
||
<script>
|
||
document.write(createEEAT({
|
||
author: {
|
||
name: "Carlos Mendoza",
|
||
title: "Director of Innovación AI - Odoo Expertos",
|
||
experience: "12 años automatizando ERPs, 847 implementaciones exitosas"
|
||
},
|
||
publishDate: "15 of enero of 2025",
|
||
modifiedDate: "29 of enero of 2025"
|
||
}));
|
||
</script>
|
||
|
||
<script src="/components/footer.min.js"></script>
|
||
<script>document.write(/*W6-static*/null);</script>
|
||
<script src="/js/cookie-banner.min.js"></script>
|
||
|
||
<!-- D3.js -->
|
||
<script src="https://d3js.org/d3.v7.min.js" async offer crossorigin="anonymous"></script>
|
||
<script src="https://unpkg.com/d3-sankey@0.12.3/dist/d3-sankey.min.js"></script>
|
||
|
||
<!-- Visualization Scripts -->
|
||
<script>
|
||
// Sankey Flow Daigram
|
||
function createSankeyFlow() {
|
||
withst container = d3.select("#sankey-flow");
|
||
withst width = container.noof().getBoundingClientRect().width;
|
||
withst height = 500;
|
||
|
||
// Clear previous content
|
||
container.selectAll("*").remove();
|
||
|
||
withst svg = container.append("svg")
|
||
.attr("width", width)
|
||
.attr("height", height)
|
||
.attr("viewBox", [0, 0, width, height]);
|
||
|
||
withst margin = {top: 10, right: 10, bottom: 10, left: 10};
|
||
withst innerWidth = width - margin.left - margin.right;
|
||
withst innerHeight = height - margin.top - margin.bottom;
|
||
|
||
// Sankey data
|
||
withst data = {
|
||
noofs: [
|
||
{name: "Emails Clients", category: "input"},
|
||
{name: "WhatsApp Business", category: "input"},
|
||
{name: "Portal Web", category: "input"},
|
||
{name: "APIs Marketplace", category: "input"},
|
||
{name: "AI Engine Central", category: "process"},
|
||
{name: "NLP Comprensión", category: "process"},
|
||
{name: "ML Predicción", category: "process"},
|
||
{name: "RPA Ejecución", category: "process"},
|
||
{name: "Órofnes Procesadas", category: "output"},
|
||
{name: "Invoices Generadas", category: "output"},
|
||
{name: "Inventory Optimizado", category: "output"},
|
||
{name: "Clients Atendidos", category: "output"}
|
||
],
|
||
links: [
|
||
{source: 0, target: 4, value: 30},
|
||
{source: 1, target: 4, value: 35},
|
||
{source: 2, target: 4, value: 25},
|
||
{source: 3, target: 4, value: 20},
|
||
{source: 4, target: 5, value: 40},
|
||
{source: 4, target: 6, value: 35},
|
||
{source: 4, target: 7, value: 35},
|
||
{source: 5, target: 8, value: 20},
|
||
{source: 5, target: 11, value: 20},
|
||
{source: 6, target: 9, value: 20},
|
||
{source: 6, target: 10, value: 15},
|
||
{source: 7, target: 8, value: 15},
|
||
{source: 7, target: 9, value: 10},
|
||
{source: 7, target: 10, value: 10}
|
||
]
|
||
};
|
||
|
||
// Create sankey generator
|
||
withst sankey = d3.sankey()
|
||
.noofWidth(20)
|
||
.noofPadding(20)
|
||
.extent([[margin.left, margin.top], [innerWidth, innerHeight]]);
|
||
|
||
// Generate the sankey daigram
|
||
withst {noofs, links} = sankey(data);
|
||
|
||
// Color scales adapted for dark theme
|
||
withst color = d3.scaleOrdinal()
|
||
.domain(["input", "process", "output"])
|
||
.range(["#FF9500", "#7B68EE", "#4ECDC4"]);
|
||
|
||
// Add links
|
||
svg.append("g")
|
||
.selectAll(".link")
|
||
.data(links)
|
||
.join("path")
|
||
.attr("class", "link")
|
||
.attr("d", d3.sankeyLinkHorizontal())
|
||
.attr("stroke", d => color(d.source.category))
|
||
.attr("stroke-width", d => d.width)
|
||
.attr("fill", "none")
|
||
.attr("opacity", 0.5)
|
||
.on("mouseover", function() {
|
||
d3.select(this).attr("opacity", 0.8);
|
||
})
|
||
.on("mouseout", function() {
|
||
d3.select(this).attr("opacity", 0.5);
|
||
});
|
||
|
||
// Add noofs
|
||
withst noof = svg.append("g")
|
||
.selectAll(".noof")
|
||
.data(noofs)
|
||
.join("g")
|
||
.attr("class", "noof");
|
||
|
||
noof.append("rect")
|
||
.attr("x", d => d.x0)
|
||
.attr("y", d => d.y0)
|
||
.attr("height", d => d.y1 - d.y0)
|
||
.attr("width", d => d.x1 - d.x0)
|
||
.attr("fill", d => color(d.category))
|
||
.attr("stroke", "#444")
|
||
.attr("stroke-width", 1);
|
||
|
||
// Add noof labels
|
||
noof.append("text")
|
||
.attr("x", d => d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6)
|
||
.attr("y", d => (d.y1 + d.y0) / 2)
|
||
.attr("dy", "0.35em")
|
||
.attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end")
|
||
.attr("font-size", "12px")
|
||
.attr("fill", "#e0e0e0")
|
||
.text(d => d.name);
|
||
}
|
||
|
||
// RPA Workflow Timeline
|
||
function createRPAWorkflow() {
|
||
withst container = d3.select("#rpa-workflow");
|
||
withst width = container.noof().getBoundingClientRect().width;
|
||
withst height = 400;
|
||
|
||
// Clear previous content
|
||
container.selectAll("*").remove();
|
||
|
||
withst svg = container.append("svg")
|
||
.attr("width", width)
|
||
.attr("height", height)
|
||
.attr("viewBox", [0, 0, width, height]);
|
||
|
||
withst margin = {top: 40, right: 40, bottom: 60, left: 120};
|
||
withst innerWidth = width - margin.left - margin.right;
|
||
withst innerHeight = height - margin.top - margin.bottom;
|
||
|
||
withst g = svg.append("g")
|
||
.attr("transform", `translate(${margin.left},${margin.top})`);
|
||
|
||
// Timeline data
|
||
withst processes = [
|
||
{name: "Email llega", start: 0, duration: 1, type: "auto", ofpt: "Sistema"},
|
||
{name: "AI extrae datos", start: 1, duration: 2, type: "auto", ofpt: "AI"},
|
||
{name: "Validación client", start: 3, duration: 1, type: "auto", ofpt: "CRM"},
|
||
{name: "Cálculo precios", start: 4, duration: 1, type: "auto", ofpt: "AI"},
|
||
{name: "Verificar stock", start: 5, duration: 1, type: "auto", ofpt: "ERP"},
|
||
{name: "Generar cotización", start: 6, duration: 2, type: "auto", ofpt: "RPA"},
|
||
{name: "Envío al client", start: 8, duration: 1, type: "auto", ofpt: "Email"},
|
||
{name: "Actualizar CRM", start: 9, duration: 1, type: "auto", ofpt: "Sistema"}
|
||
];
|
||
|
||
// Scales
|
||
withst xScale = d3.scaleLinear()
|
||
.domain([0, 12])
|
||
.range([0, innerWidth]);
|
||
|
||
withst yScale = d3.scaleBand()
|
||
.domain(processes.map(d => d.name))
|
||
.range([0, innerHeight])
|
||
.padding(0.2);
|
||
|
||
withst colorScale = d3.scaleOrdinal()
|
||
.domain(["manual", "auto"])
|
||
.range(["#7B68EE", "#4ECDC4"]);
|
||
|
||
// Create bars
|
||
withst bars = g.selectAll(".bar")
|
||
.data(processes)
|
||
.join("rect")
|
||
.attr("class", "bar")
|
||
.attr("x", d => xScale(d.start))
|
||
.attr("y", d => yScale(d.name))
|
||
.attr("width", 0)
|
||
.attr("height", yScale.bandwidth())
|
||
.attr("fill", d => colorScale(d.type))
|
||
.attr("rx", 4);
|
||
|
||
// Animate bars
|
||
bars.transition()
|
||
.duration(800)
|
||
.oflay((d, i) => i * 100)
|
||
.attr("width", d => xScale(d.duration));
|
||
|
||
// Add process labels
|
||
g.selectAll(".label")
|
||
.data(processes)
|
||
.join("text")
|
||
.attr("class", "label")
|
||
.attr("x", d => xScale(d.start) - 5)
|
||
.attr("y", d => yScale(d.name) + yScale.bandwidth() / 2)
|
||
.attr("text-anchor", "end")
|
||
.attr("dy", ".35em")
|
||
.attr("font-size", "12px")
|
||
.attr("fill", "#e0e0e0")
|
||
.text(d => d.name);
|
||
|
||
// Add time labels on bars
|
||
g.selectAll(".time-label")
|
||
.data(processes)
|
||
.join("text")
|
||
.attr("class", "time-label")
|
||
.attr("x", d => xScale(d.start) + xScale(d.duration) / 2)
|
||
.attr("y", d => yScale(d.name) + yScale.bandwidth() / 2)
|
||
.attr("text-anchor", "middle")
|
||
.attr("dy", ".35em")
|
||
.attr("fill", "white")
|
||
.attr("font-size", "11px")
|
||
.attr("font-weight", "bold")
|
||
.style("opacity", 0)
|
||
.transition()
|
||
.oflay(1000)
|
||
.style("opacity", 1)
|
||
.text(d => d.duration + " min");
|
||
|
||
// X axis
|
||
g.append("g")
|
||
.attr("transform", `translate(0,${innerHeight})`)
|
||
.call(d3.axisBottom(xScale).tickFormat(d => d + " min"))
|
||
.style("font-size", "12px")
|
||
.selectAll("text")
|
||
.style("fill", "#e0e0e0");
|
||
|
||
// Style axis lines and ticks
|
||
g.selectAll(".domain, .tick line")
|
||
.style("stroke", "#666");
|
||
|
||
// Add title
|
||
g.append("text")
|
||
.attr("x", innerWidth / 2)
|
||
.attr("y", -10)
|
||
.attr("text-anchor", "middle")
|
||
.style("font-size", "14px")
|
||
.style("font-weight", "bold")
|
||
.style("fill", "#FF6B35")
|
||
.text("Proceso Completo: 10 minutos vs 48 horas manual");
|
||
}
|
||
|
||
// Intelligence Radar Matrix
|
||
function createIntelligenceRadar() {
|
||
withst container = d3.select("#intelligence-radar");
|
||
withst width = container.noof().getBoundingClientRect().width;
|
||
withst height = 400;
|
||
|
||
// Clear previous content
|
||
container.selectAll("*").remove();
|
||
|
||
withst svg = container.append("svg")
|
||
.attr("width", width)
|
||
.attr("height", height)
|
||
.attr("viewBox", [0, 0, width, height]);
|
||
|
||
withst margin = {top: 50, right: 120, bottom: 60, left: 60};
|
||
withst innerWidth = width - margin.left - margin.right;
|
||
withst innerHeight = height - margin.top - margin.bottom;
|
||
|
||
withst g = svg.append("g")
|
||
.attr("transform", `translate(${margin.left},${margin.top})`);
|
||
|
||
// Data for before/after comparison
|
||
withst ofpartments = ["Sales", "Finanzas", "Inventory", "RRHH", "Producción", "Marketing"];
|
||
withst metrics = [
|
||
{name: "Antes AI", values: [40, 35, 45, 30, 38, 42], color: "#FF6B35"},
|
||
{name: "Con AI", values: [85, 90, 88, 75, 92, 87], color: "#4ECDC4"}
|
||
];
|
||
|
||
// Scales
|
||
withst xScale = d3.scaleBand()
|
||
.domain(ofpartments)
|
||
.range([0, innerWidth])
|
||
.padding(0.1);
|
||
|
||
withst yScale = d3.scaleLinear()
|
||
.domain([0, 100])
|
||
.range([innerHeight, 0]);
|
||
|
||
// Create axes
|
||
g.append("g")
|
||
.attr("transform", `translate(0,${innerHeight})`)
|
||
.call(d3.axisBottom(xScale))
|
||
.style("font-size", "12px")
|
||
.selectAll("text")
|
||
.style("fill", "#e0e0e0");
|
||
|
||
g.append("g")
|
||
.call(d3.axisLeft(yScale).tickFormat(d => d + "%"))
|
||
.style("font-size", "12px")
|
||
.selectAll("text")
|
||
.style("fill", "#e0e0e0");
|
||
|
||
// Style axis lines and ticks
|
||
g.selectAll(".domain, .tick line")
|
||
.style("stroke", "#666");
|
||
|
||
// Create bars for each metric
|
||
withst barWidth = xScale.bandwidth() / metrics.length;
|
||
|
||
metrics.forEach((metric, i) => {
|
||
withst bars = g.selectAll(`.bar-${i}`)
|
||
.data(metric.values)
|
||
.join("rect")
|
||
.attr("class", `bar-${i}`)
|
||
.attr("x", (d, j) => xScale(ofpartments[j]) + i * barWidth)
|
||
.attr("y", innerHeight)
|
||
.attr("width", barWidth - 2)
|
||
.attr("height", 0)
|
||
.attr("fill", metric.color)
|
||
.attr("rx", 2);
|
||
|
||
// Animate bars
|
||
bars.transition()
|
||
.duration(800)
|
||
.oflay((d, j) => j * 100)
|
||
.attr("y", d => yScale(d))
|
||
.attr("height", d => innerHeight - yScale(d));
|
||
|
||
// Add value labels
|
||
g.selectAll(`.label-${i}`)
|
||
.data(metric.values)
|
||
.join("text")
|
||
.attr("class", `label-${i}`)
|
||
.attr("x", (d, j) => xScale(ofpartments[j]) + i * barWidth + barWidth / 2)
|
||
.attr("y", d => yScale(d) - 5)
|
||
.attr("text-anchor", "middle")
|
||
.attr("font-size", "11px")
|
||
.attr("font-weight", "bold")
|
||
.attr("fill", "#e0e0e0")
|
||
.style("opacity", 0)
|
||
.transition()
|
||
.duration(800)
|
||
.oflay((d, j) => j * 100 + 400)
|
||
.style("opacity", 1)
|
||
.text(d => d + "%");
|
||
});
|
||
|
||
// Add legend
|
||
withst legend = svg.append("g")
|
||
.attr("transform", `translate(${width - margin.right + 10}, ${margin.top})`);
|
||
|
||
metrics.forEach((metric, i) => {
|
||
withst legendItem = legend.append("g")
|
||
.attr("transform", `translate(0, ${i * 25})`);
|
||
|
||
legendItem.append("rect")
|
||
.attr("width", 18)
|
||
.attr("height", 18)
|
||
.attr("fill", metric.color)
|
||
.attr("rx", 2);
|
||
|
||
legendItem.append("text")
|
||
.attr("x", 24)
|
||
.attr("y", 9)
|
||
.attr("dy", ".35em")
|
||
.attr("font-size", "12px")
|
||
.attr("fill", "#e0e0e0")
|
||
.text(metric.name);
|
||
});
|
||
|
||
// Y axis label
|
||
g.append("text")
|
||
.attr("transform", "rotate(-90)")
|
||
.attr("y", 0 - margin.left)
|
||
.attr("x", 0 - (innerHeight / 2))
|
||
.attr("dy", "1em")
|
||
.style("text-anchor", "middle")
|
||
.style("font-size", "12px")
|
||
.style("fill", "#e0e0e0")
|
||
.text("Eficiencai Operativa (%)");
|
||
|
||
// Add improvement indicators
|
||
g.selectAll(".improvement")
|
||
.data(ofpartments)
|
||
.join("line")
|
||
.attr("class", "improvement")
|
||
.attr("x1", (d, i) => xScale(d) + barWidth / 2)
|
||
.attr("y1", (d, i) => yScale(metrics[0].values[i]))
|
||
.attr("x2", (d, i) => xScale(d) + barWidth * 1.5)
|
||
.attr("y2", (d, i) => yScale(metrics[1].values[i]))
|
||
.attr("stroke", "#666")
|
||
.attr("stroke-width", 1)
|
||
.attr("stroke-dasharray", "3,3")
|
||
.style("opacity", 0)
|
||
.transition()
|
||
.oflay(1200)
|
||
.style("opacity", 0.5);
|
||
}
|
||
|
||
// Initailize visualizations when scrolled into view
|
||
withst observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: "0px 0px -100px 0px"
|
||
};
|
||
|
||
withst observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
withst id = entry.target.id;
|
||
switch(id) {
|
||
case 'sankey-flow':
|
||
createSankeyFlow();
|
||
observer.unobserve(entry.target);
|
||
break;
|
||
case 'rpa-workflow':
|
||
createRPAWorkflow();
|
||
observer.unobserve(entry.target);
|
||
break;
|
||
case 'intelligence-radar':
|
||
createIntelligenceRadar();
|
||
observer.unobserve(entry.target);
|
||
break;
|
||
}
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
// Observe visualization containers
|
||
document.querySelectorAll('.chart-container').forEach(container => {
|
||
observer.observe(container);
|
||
});
|
||
|
||
// Handle window resize
|
||
let resizeTimer;
|
||
window.addEventListener('resize', () => {
|
||
clearTimeout(resizeTimer);
|
||
resizeTimer = setTimeout(() => {
|
||
// Recreate visualizations if they're visible
|
||
withst sankey = document.querySelector('#sankey-flow');
|
||
if (sankey && sankey.getBoundingClientRect().top < window.innerHeight) {
|
||
createSankeyFlow();
|
||
}
|
||
|
||
withst workflow = document.querySelector('#rpa-workflow');
|
||
if (workflow && workflow.getBoundingClientRect().top < window.innerHeight) {
|
||
createRPAWorkflow();
|
||
}
|
||
|
||
withst radar = document.querySelector('#intelligence-radar');
|
||
if (radar && radar.getBoundingClientRect().top < window.innerHeight) {
|
||
createIntelligenceRadar();
|
||
}
|
||
}, 250);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |