Hệ thống L-M-C (Lead - Marketing - CRM)

📅 Đăng ngày: 27/05/2026

Cho phép giao việc theo vị trí, theo dõi tiến độ nhanh chóng và giám sát KPI cho từng nhân sự và phòng ban, phù hợp với hệ thống CRM nội bộ.
Đồng bộ dữ liệu từ Facebook, Google Search Console và các nền tảng digital khác. Phát triển hệ thống quản lý và lập kế hoạch marketing. Quản lý nhân sự và khách hàng, đồng thời tự động hóa quy trình hành trình khách hàng.

<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Hệ Thống CRM & Marketing Automation</title>

<style>

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Be Vietnam Pro',sans-serif;
background:#f4f7fb;
color:#1e293b;
line-height:1.8;
}

/* CONTAINER */

.container{
width:90%;
max-width:1200px;
margin:auto;
}

/* HERO */

.hero{
background:linear-gradient(135deg,#0f172a,#2563eb);
color:#fff;
padding:110px 20px;
position:relative;
overflow:hidden;
}

.hero::before{
content:'';
position:absolute;
width:650px;
height:650px;
background:rgba(255,255,255,0.05);
border-radius:50%;
top:-320px;
right:-180px;
}

.hero h1{
font-size:56px;
font-weight:800;
line-height:1.3;
margin-bottom:25px;
position:relative;
z-index:2;
}

.hero p{
max-width:920px;
font-size:20px;
opacity:0.95;
position:relative;
z-index:2;
}

.hero strong{
color:#facc15;
}

.hero em{
color:#93c5fd;
font-style:italic;
}

/* SECTION */

section{
padding:80px 0;
}

.section-title{
font-size:40px;
font-weight:800;
margin-bottom:25px;
color:#0f172a;
position:relative;
display:inline-block;
}

.section-title::after{
content:'';
position:absolute;
left:0;
bottom:-10px;
width:90px;
height:5px;
border-radius:20px;
background:linear-gradient(to right,#2563eb,#38bdf8);
}

.section-desc{
max-width:920px;
font-size:18px;
color:#475569;
margin-top:15px;
}

/* GRID */

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
margin-top:50px;
}

/* CARD */

.card{
background:#fff;
border-radius:25px;
padding:35px;
box-shadow:0 12px 35px rgba(0,0,0,0.05);
border:1px solid #e2e8f0;
transition:0.35s;
}

.card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(37,99,235,0.12);
}

.card-icon{
width:75px;
height:75px;
border-radius:20px;
background:linear-gradient(135deg,#2563eb,#38bdf8);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:32px;
margin-bottom:25px;
}

.card h3{
font-size:24px;
font-weight:700;
margin-bottom:18px;
color:#0f172a;
}

.card p{
color:#475569;
font-size:16px;
}

.card strong{
color:#2563eb;
}

.card em{
color:#7c3aed;
font-style:italic;
}

/* FEATURE BOX */

.feature-box{
background:#fff;
border-radius:35px;
padding:55px;
margin-top:60px;
box-shadow:0 10px 40px rgba(0,0,0,0.05);
}

.feature-box ul{
margin-top:25px;
padding-left:20px;
}

.feature-box li{
margin-bottom:18px;
color:#475569;
}

.feature-box strong{
color:#0f172a;
}

.feature-box em{
color:#7c3aed;
}

/* BENEFITS */

.benefits{
background:linear-gradient(135deg,#eff6ff,#ffffff);
border-radius:35px;
padding:60px;
margin-top:60px;
border:1px solid #dbeafe;
}

.benefits-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:40px;
}

.benefit-card{
background:#fff;
border-radius:22px;
padding:30px;
border:1px solid #e2e8f0;
transition:0.3s;
}

.benefit-card:hover{
transform:translateY(-5px);
}

.benefit-card h4{
font-size:22px;
color:#2563eb;
margin-bottom:15px;
}

.benefit-card p{
color:#475569;
}

/* CTA */

.cta{
background:linear-gradient(135deg,#1d4ed8,#1e3a8a);
padding:85px 40px;
border-radius:40px;
text-align:center;
color:#fff;
position:relative;
overflow:hidden;
}

.cta::before{
content:'';
position:absolute;
width:500px;
height:500px;
border-radius:50%;
background:rgba(255,255,255,0.05);
left:-120px;
top:-260px;
}

.cta h2{
font-size:44px;
margin-bottom:25px;
position:relative;
z-index:2;
}

.cta p{
max-width:850px;
margin:auto;
font-size:18px;
opacity:0.95;
position:relative;
z-index:2;
}

.cta-btn{
display:inline-block;
margin-top:35px;
padding:16px 40px;
background:#fff;
color:#2563eb;
text-decoration:none;
border-radius:14px;
font-weight:700;
transition:0.3s;
position:relative;
z-index:2;
}

.cta-btn:hover{
background:#facc15;
color:#0f172a;
transform:scale(1.05);
}

/* FOOTER */

footer{
text-align:center;
padding:35px 20px;
color:#64748b;
font-size:15px;
}

/* RESPONSIVE */

@media(max-width:768px){

.hero h1{
font-size:38px;
}

.hero p{
font-size:18px;
}

.section-title{
font-size:30px;
}

.feature-box,
.benefits{
padding:35px 25px;
}

.cta h2{
font-size:32px;
}

}

</style>
</head>

<body>

<h1>
Hệ Thống <strong>CRM & Marketing Automation</strong><br>
Quản Lý Vận Hành Digital Toàn Diện
</h1>

<p>
Giải pháp hỗ trợ doanh nghiệp giao việc theo vị trí, giám sát KPI,
quản lý khách hàng và tự động hóa hành trình khách hàng. Đồng bộ dữ liệu từ
<em>Facebook, Google Search Console</em> và nhiều nền tảng Digital Marketing khác.
</p>

</div>

</section>

<h2 class="section-title">
Giải Pháp Quản Lý Marketing & CRM Hiện Đại
</h2>

<p class="section-desc">
Hệ thống được phát triển nhằm tối ưu quy trình vận hành Marketing nội bộ,
quản lý nhân sự, khách hàng và theo dõi hiệu suất làm việc theo thời gian thực.
Tích hợp dữ liệu đa nền tảng giúp doanh nghiệp xây dựng hệ sinh thái Digital Marketing đồng bộ và hiệu quả.
</p>

<p>
Phân chia công việc theo từng phòng ban và vị trí nhân sự
nhằm tối ưu quy trình vận hành nội bộ.
</p>

</div>

<p>
Theo dõi hiệu suất công việc và KPI cho từng cá nhân,
phòng ban theo thời gian thực.
</p>

</div>

<p>
Kết nối dữ liệu từ
<strong>Facebook, Google Search Console</strong>
và các nền tảng Digital khác.
</p>

</div>

<h3>Automation Workflow</h3>

<p>
Tự động hóa quy trình chăm sóc khách hàng và
<em>Customer Journey</em> trong hệ thống CRM.
</p>

</div>

</section>

<ul>

<li>
✅ Giám sát KPI cho từng cá nhân và phòng ban
</li>

<li>
✅ Quản lý khách hàng trong hệ thống CRM nội bộ
</li>

<li>
✅ Đồng bộ dữ liệu từ Facebook & Google Search Console
</li>

<li>
✅ Lập kế hoạch và quản lý chiến dịch Marketing
</li>

<li>
✅ Tự động hóa hành trình khách hàng
</li>

<li>
✅ Dashboard báo cáo trực quan cho quản lý và Ban Giám đốc
</li>

</ul>

</div>

</section>

<h2 class="section-title">
Giá Trị Doanh Nghiệp Nhận Được
</h2>

<p>
Tối ưu quy trình phối hợp giữa các phòng ban và nâng cao hiệu quả vận hành.
</p>

</div>

<p>
Đồng bộ dữ liệu Digital Marketing trên một hệ thống tập trung duy nhất.
</p>

</div>

<h4>Chăm Sóc Khách Hàng</h4>

<p>
Tự động hóa Customer Journey giúp nâng cao trải nghiệm và tăng tỷ lệ chuyển đổi.
</p>

</div>

<h4>Ra Quyết Định Nhanh</h4>

<p>
Dashboard KPI và báo cáo trực quan hỗ trợ quản lý đưa ra quyết định chính xác.
</p>

</div>

</section>

<h2>
Chuyển Đổi Số Hệ Thống Marketing & CRM
</h2>

<p>
Giải pháp giúp doanh nghiệp quản lý nhân sự, khách hàng,
dữ liệu Digital Marketing và tự động hóa quy trình vận hành toàn diện.
</p>

</div>

</section>

</body>
</html>

← Quay lại danh sách dự án