<!DOCTYPE html>
<html lang="id" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reza Ferdiyanto | CRM & Sales Specialist</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
premium: {
50: '#fcfaf2',
100: '#f7f2de',
500: '#d4af37', /* Gold Accent */
800: '#1e293b', /* Slate Primary */
900: '#0f172a',
}
}
}
}
}
</script>
</head>
<body class="bg-premium-900 text-slate-100 font-sans antialiased">
<nav class="fixed top-0 left-0 w-full bg-premium-900/90 backdrop-blur-md z-50 border-b border-slate-800">
<div class="max-w-6xl mx-auto px-6 py-4 flex justify-between items-center">
<span class="text-xl font-bold tracking-wider text-premium-500">REZA F.</span>
<div class="hidden md:flex space-x-8 text-sm font-medium">
<a href="#home" class="hover:text-premium-500 transition">Beranda</a>
<a href="#stats" class="hover:text-premium-500 transition">Pencapaian</a>
<a href="#experience" class="hover:text-premium-500 transition">Pengalaman</a>
<a href="#skills" class="hover:text-premium-500 transition">Keahlian</a>
</div>
<a href="#contact" class="bg-premium-500 text-premium-900 px-5 py-2 rounded-full text-sm font-bold hover:bg-yellow-400 transition">Hubungi Saya</a>
</div>
</nav>
<section id="home" class="pt-32 pb-20 px-6 max-w-6xl mx-auto flex flex-col justify-center min-h-screen">
<div class="max-w-3xl">
<span class="text-premium-500 font-semibold tracking-widest uppercase text-sm block mb-3">CRM & Revenue Conversion Specialist</span>
<h1 class="text-5xl md:text-7xl font-extrabold tracking-tight mb-6 leading-tight">
Mengubah Leads Menjadi <span class="text-transparent bg-clip-text bg-gradient-to-r from-premium-500 to-yellow-200">Revenue Nyata.</span>
</h1>
<p class="text-slate-400 text-lg md:text-xl mb-8 leading-relaxed">
Spesialis Telesales & Digital Sales Leader dengan pengalaman lebih dari 10 tahun memimpin tim, mengoptimalkan funnel penjualan, dan memaksimalkan konversi di industri finansial, FMCG, hingga retail.
</p>
<div class="flex flex-wrap gap-4">
<a href="#contact" class="bg-premium-500 text-premium-900 px-8 py-3.5 rounded-lg font-bold hover:bg-yellow-400 transition shadow-lg shadow-premium-500/10">Mulai Kerja Sama</a>
<a href="#experience" class="border border-slate-700 hover:border-premium-500 hover:text-premium-500 px-8 py-3.5 rounded-lg font-semibold transition">Lihat Pengalaman</a>
</div>
</div>
</section>
<section id="stats" class="py-20 bg-premium-800 border-y border-slate-800 px-6">
<div class="max-w-6xl mx-auto">
<h2 class="text-sm uppercase tracking-widest text-premium-500 text-center font-bold mb-12">Pencapaian Utama</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
<div class="p-8 bg-premium-900/50 rounded-xl border border-slate-700/50 hover:border-premium-500 transition">
<p class="text-4xl md:text-5xl font-extrabold text-premium-500 mb-2">Rp400M+</p>
<p class="text-slate-300 font-medium">Revenue Generated</p>
<p class="text-xs text-slate-500 mt-2">Berhasil dikonversi hanya dalam waktu 3 bulan dari 361 leads.</p>
</div>
<div class="p-8 bg-premium-900/50 rounded-xl border border-slate-700/50 hover:border-premium-500 transition">
<p class="text-4xl md:text-5xl font-extrabold text-premium-500 mb-2">120+/Bulan</p>
<p class="text-slate-300 font-medium">Lead Management</p>
<p class="text-xs text-slate-500 mt-2">Konsisten menjaga fokus konversi pada volume leads yang tinggi.</p>
</div>
<div class="p-8 bg-premium-900/50 rounded-xl border border-slate-700/50 hover:border-premium-500 transition">
<p class="text-4xl md:text-5xl font-extrabold text-premium-500 mb-2">200+/Bulan</p>
<p class="text-slate-300 font-medium">CRM Cases Resolved</p>
<p class="text-xs text-slate-500 mt-2">Menyelesaikan kendala pelanggan dengan kepuasan maksimal.</p>
</div>
</div>
</div>
</section>
<section id="experience" class="py-24 px-6 max-w-4xl mx-auto">
<h2 class="text-3xl font-bold mb-2 text-center">Riwayat Profesional</h2>
<p class="text-slate-400 text-center mb-16">Rekam jejak kepemimpinan penjualan dan manajemen hubungan pelanggan.</p>
<div class="space-y-12 relative before:absolute before:inset-0 before:left-4 md:before:left-1/2 before:w-0.5 before:bg-slate-800">
<div class="relative flex flex-col md:flex-row items-start md:justify-between">
<div class="absolute left-4 md:left-1/2 w-4 h-4 bg-premium-500 rounded-full transform -translate-x-1.5 md:-translate-x-2 border-4 border-premium-900"></div>
<div class="pl-12 md:pl-0 md:w-[45%] text-left md:text-right">
<span class="text-xs font-semibold text-premium-500">2025 - Present</span>
<h3 class="text-lg font-bold">CRM Specialist</h3>
<p class="text-sm text-slate-400 mb-2">PT BDH Group</p>
<p class="text-sm text-slate-400">Mengelola inbound leads, mengoptimalkan jalur CRM, dan mengonversinya menjadi pendapatan nyata melalui pendekatan komunikasi terarah.</p>
</div>
<div class="hidden md:block w-[10%]"></div>
<div class="hidden md:block w-[45%]"></div>
</div>
<div class="relative flex flex-col md:flex-row items-start md:justify-between">
<div class="absolute left-4 md:left-1/2 w-4 h-4 bg-premium-500 rounded-full transform -translate-x-1.5 md:-translate-x-2 border-4 border-premium-900"></div>
<div class="hidden md:block w-[45%]"></div>
<div class="hidden md:block w-[10%]"></div>
<div class="pl-12 md:pl-0 md:w-[45%]">
<span class="text-xs font-semibold text-premium-500">Nov 2024 - Dec 2025</span>
<h3 class="text-lg font-bold">Social Media & Online Sales</h3>
<p class="text-sm text-slate-400 mb-2">RAC (Rizki Anugrah Chicken)</p>
<p class="text-sm text-slate-400">Mengelola operasional toko online resmi, meningkatkan visibilitas merek, dan memaksimalkan keterlibatan penjualan digital.</p>
</div>
</div>
<div class="relative flex flex-col md:flex-row items-start md:justify-between">
<div class="absolute left-4 md:left-1/2 w-4 h-4 bg-premium-500 rounded-full transform -translate-x-1.5 md:-translate-x-2 border-4 border-premium-900"></div>
<div class="pl-12 md:pl-0 md:w-[45%] text-left md:text-right">
<span class="text-xs font-semibold text-premium-500">Jun 2024 - Nov 2024</span>
<h3 class="text-lg font-bold">Sales Online Operation</h3>
<p class="text-sm text-slate-400 mb-2">Yellowfit Kitchen</p>
<p class="text-sm text-slate-400">Menangani inbound CRM leads harian untuk konversi penjualan dan menyelesaikan ratusan isu pelanggan setiap bulannya.</p>
</div>
<div class="hidden md:block w-[10%]"></div>
<div class="hidden md:block w-[45%]"></div>
</div>
<div class="relative flex flex-col md:flex-row items-start md:justify-between">
<div class="absolute left-4 md:left-1/2 w-4 h-4 bg-premium-500 rounded-full transform -translate-x-1.5 md:-translate-x-2 border-4 border-premium-900"></div>
<div class="hidden md:block w-[45%]"></div>
<div class="hidden md:block w-[10%]"></div>
<div class="pl-12 md:pl-0 md:w-[45%]">
<span class="text-xs font-semibold text-premium-500">Jan 2016 - Jan 2018</span>
<h3 class="text-lg font-bold">SPV CRM & Telesales</h3>
<p class="text-sm text-slate-400 mb-2">Home Credit Indonesia</p>
<p class="text-sm text-slate-400">Memimpin tim telesales inbound & outbound, mengelola performa pencapaian target, serta menyusun strategi penutupan (closing) kampanye penjualan.</p>
</div>
</div>
</div>
</section>
<section id="skills" class="py-24 bg-premium-800/50 border-t border-slate-800 px-6">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold mb-2 text-center">Spesialisasi & Keahlian</h2>
<p class="text-slate-400 text-center mb-16">Kemampuan inti yang mendorong pertumbuhan bisnis dan konversi efisien.</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<div class="p-6 bg-premium-900 rounded-lg text-center border border-slate-800">
<span class="text-premium-500 font-bold block mb-2">📈 Funneling</span>
<p class="text-sm font-semibold text-slate-300">Sales Funnel Optimization</p>
</div>
<div class="p-6 bg-premium-900 rounded-lg text-center border border-slate-800">
<span class="text-premium-500 font-bold block mb-2">🤝 CRM</span>
<p class="text-sm font-semibold text-slate-300">Customer Relationship</p>
</div>
<div class="p-6 bg-premium-900 rounded-lg text-center border border-slate-800">
<span class="text-premium-500 font-bold block mb-2">📞 Telesales</span>
<p class="text-sm font-semibold text-slate-300">Direct & Outbound Sales</p>
</div>
<div class="p-6 bg-premium-900 rounded-lg text-center border border-slate-800">
<span class="text-premium-500 font-bold block mb-2">👥 Leadership</span>
<p class="text-sm font-semibold text-slate-300">Team Management</p>
</div>
</div>
</div>
</section>
<section id="contact" class="py-24 px-6 max-w-4xl mx-auto text-center">
<h2 class="text-4xl font-extrabold mb-4">Mari Bangun Konversi Penjualan yang Lebih Baik</h2>
<p class="text-slate-400 text-lg mb-10 max-w-xl mx-auto">Saya siap membantu perusahaan Anda mengoptimalkan pipa CRM, memimpin tim sales, dan meningkatkan angka konversi iklan digital menjadi pendapatan nyata.</p>
<div class="flex flex-col sm:flex-row justify-center items-center gap-6">
<a href="mailto:rezaferdiyanto91@gmail.com" class="w-full sm:w-auto bg-premium-500 text-premium-900 px-8 py-4 rounded-lg font-bold hover:bg-yellow-400 transition flex items-center justify-center gap-3">
<span>📧 Kirim Email</span>
</a>
<a href="https://wa.me/6285697883297" target="_blank" class="w-full sm:w-auto bg-emerald-600 hover:bg-emerald-500 text-white px-8 py-4 rounded-lg font-bold transition flex items-center justify-center gap-3">
<span>💬 Hubungi via WhatsApp</span>
</a>
</div>
</section>
<footer class="py-12 border-t border-slate-800 text-center text-sm text-slate-500">
<p>© 2026 Reza Ferdiyanto. All Rights Reserved. Portofolio CRM & Telesales Specialist.</p>
</footer>
</body>
</html>