hskwon
aca1767eb9
- URL 하드코딩 → .env APP_URL 기반 동적 URL로 변경 - DB 연결 하드코딩 → .env 기반으로 변경 - MySQL strict mode DATE 오류 수정
1317 lines
56 KiB
PHP
1317 lines
56 KiB
PHP
<?php
|
|
require_once($_SERVER['DOCUMENT_ROOT'] . "/session.php");
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>MRPeasy vs Katana 비교 분석</title>
|
|
|
|
<!-- Fonts: Pretendard -->
|
|
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css" />
|
|
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Pretendard', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
background: 'rgb(250, 250, 250)',
|
|
primary: {
|
|
DEFAULT: '#2563eb', // blue-600
|
|
light: '#dbeafe', // blue-100
|
|
dark: '#1e40af', // blue-800
|
|
foreground: '#ffffff',
|
|
},
|
|
slate: {
|
|
850: '#1e293b', // Custom dark slate
|
|
}
|
|
},
|
|
borderRadius: {
|
|
'card': '12px',
|
|
'pill': '9999px',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.5s ease-out',
|
|
'slide-up': 'slideUp 0.5s ease-out',
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
slideUp: {
|
|
'0%': { transform: 'translateY(20px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Icons: Lucide -->
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
|
|
|
<style>
|
|
/* Custom Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f5f9;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #cbd5e1;
|
|
border-radius: 4px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #94a3b8;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
|
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
|
min-height: 100vh;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.presentation-container {
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.slide {
|
|
width: 100%;
|
|
height: 100vh;
|
|
display: none;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
padding: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.slide.active {
|
|
display: flex;
|
|
animation: slideInRight 0.5s ease-out;
|
|
}
|
|
|
|
.slide-content {
|
|
background: rgba(255, 255, 255, 0.98);
|
|
border-radius: 24px;
|
|
padding: 60px;
|
|
max-width: 1200px;
|
|
width: 100%;
|
|
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
|
|
animation: fadeIn 0.8s ease-out;
|
|
margin: auto 0;
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
h1 {
|
|
color: #2563eb;
|
|
font-size: 3em;
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
font-weight: 800;
|
|
}
|
|
|
|
h2 {
|
|
color: #1e40af;
|
|
font-size: 2.5em;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
border-bottom: 3px solid #2563eb;
|
|
padding-bottom: 15px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
h3 {
|
|
color: #2563eb;
|
|
font-size: 1.8em;
|
|
margin: 25px 0 15px 0;
|
|
font-weight: 700;
|
|
}
|
|
|
|
p, li {
|
|
font-size: 1.2em;
|
|
line-height: 1.8;
|
|
color: #1e293b;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
ul {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.company-info {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
gap: 20px;
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.info-card {
|
|
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
|
color: white;
|
|
padding: 25px;
|
|
border-radius: 16px;
|
|
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
|
|
animation: scaleIn 0.5s ease-out;
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.info-card h4 {
|
|
font-size: 1.3em;
|
|
margin-bottom: 10px;
|
|
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
|
|
padding-bottom: 8px;
|
|
color: white;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.pricing-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 25px 0;
|
|
font-size: 1.1em;
|
|
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
|
|
animation: slideInLeft 0.5s ease-out;
|
|
}
|
|
|
|
.pricing-table thead tr {
|
|
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
|
color: white;
|
|
text-align: left;
|
|
}
|
|
|
|
.pricing-table th,
|
|
.pricing-table td {
|
|
padding: 15px;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.pricing-table tbody tr {
|
|
background: white;
|
|
}
|
|
|
|
.pricing-table tbody tr:nth-of-type(even) {
|
|
background: #f3f3f3;
|
|
}
|
|
|
|
.pricing-table tbody tr:hover {
|
|
background: #e0e7ff;
|
|
}
|
|
|
|
.comparison-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 25px 0;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.comparison-table th,
|
|
.comparison-table td {
|
|
padding: 12px;
|
|
border: 1px solid #ddd;
|
|
text-align: left;
|
|
}
|
|
|
|
.comparison-table thead tr {
|
|
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
|
color: white;
|
|
}
|
|
|
|
.comparison-table tbody tr:nth-of-type(even) {
|
|
background: #f3f3f3;
|
|
}
|
|
|
|
.highlight {
|
|
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 8px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.navigation {
|
|
position: fixed;
|
|
bottom: 30px;
|
|
right: 30px;
|
|
display: flex;
|
|
gap: 15px;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.nav-btn {
|
|
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
|
color: white;
|
|
border: none;
|
|
padding: 15px 30px;
|
|
border-radius: 9999px;
|
|
cursor: pointer;
|
|
font-size: 1.1em;
|
|
font-weight: 600;
|
|
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.nav-btn:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4);
|
|
background: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%);
|
|
}
|
|
|
|
.nav-btn:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.slide-number {
|
|
position: fixed;
|
|
bottom: 30px;
|
|
left: 30px;
|
|
background: rgba(255, 255, 255, 0.95);
|
|
padding: 12px 24px;
|
|
border-radius: 9999px;
|
|
font-size: 1.1em;
|
|
color: #2563eb;
|
|
font-weight: 700;
|
|
z-index: 1000;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
border: 1px solid rgba(37, 99, 235, 0.1);
|
|
}
|
|
|
|
@keyframes slideInRight {
|
|
from {
|
|
transform: translateX(100%);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes slideInLeft {
|
|
from {
|
|
transform: translateX(-50px);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes scaleIn {
|
|
from {
|
|
transform: scale(0.9);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.slide-content {
|
|
padding: 30px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.8em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
p, li {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.navigation {
|
|
bottom: 15px;
|
|
right: 15px;
|
|
}
|
|
|
|
.nav-btn {
|
|
padding: 10px 20px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.slide-number {
|
|
bottom: 15px;
|
|
left: 15px;
|
|
padding: 8px 15px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.pricing-table,
|
|
.comparison-table {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.pricing-table th,
|
|
.pricing-table td,
|
|
.comparison-table th,
|
|
.comparison-table td {
|
|
padding: 8px;
|
|
}
|
|
}
|
|
|
|
.feature-list {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 15px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.feature-item {
|
|
background: #f8fafc;
|
|
padding: 20px;
|
|
border-radius: 12px;
|
|
border-left: 4px solid #2563eb;
|
|
border: 1px solid #e2e8f0;
|
|
border-left-width: 4px;
|
|
}
|
|
|
|
.feature-item h4 {
|
|
color: #1e40af;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.conclusion-box {
|
|
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
|
|
color: white;
|
|
padding: 30px;
|
|
border-radius: 16px;
|
|
margin: 20px 0;
|
|
text-align: center;
|
|
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
|
|
}
|
|
|
|
.conclusion-box p {
|
|
color: white;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-background text-slate-800 antialiased min-h-screen">
|
|
|
|
<!-- Navigation / Header -->
|
|
<header class="bg-white border-b border-slate-100 sticky top-0 z-50 shadow-sm">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-8 h-8 bg-primary rounded-lg flex items-center justify-center text-white font-bold shadow-md">
|
|
M
|
|
</div>
|
|
<h1 class="text-lg font-bold text-slate-900 tracking-tight">MRPeasy vs Katana 비교 분석</h1>
|
|
</div>
|
|
<div class="flex items-center gap-4">
|
|
<a href="../index.php" class="text-sm text-slate-500 hover:text-slate-900 flex items-center gap-1 font-medium transition-colors">
|
|
<i data-lucide="home" class="w-4 h-4"></i>
|
|
홈으로
|
|
</a>
|
|
<div class="h-4 w-px bg-slate-200"></div>
|
|
<span class="text-xs font-medium px-2.5 py-1 bg-slate-100 text-slate-600 rounded-full">제조 ERP 비교</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="presentation-container">
|
|
<!-- Slide 1: Cover -->
|
|
<div class="slide active">
|
|
<div class="slide-content">
|
|
<h1>MRPeasy vs Katana</h1>
|
|
<h2 style="border: none; color: #2563eb;">제조 ERP 솔루션 비교 분석</h2>
|
|
<div style="text-align: center; margin-top: 50px;">
|
|
<p style="font-size: 1.5em; color: #1e40af; font-weight: 600;">중소 제조업을 위한 최적의 선택</p>
|
|
<p style="margin-top: 30px; color: #64748b;">2025년 최신 비교 분석</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 2: Table of Contents -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>목차</h2>
|
|
<div style="margin-top: 40px;">
|
|
<div class="feature-item">
|
|
<h3 style="margin: 0; font-size: 1.3em;">1-4. MRPeasy 분석</h3>
|
|
<p style="margin: 10px 0 0 0;">회사 개요, 주요 서비스, 가격 정책, 사용자 경험</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h3 style="margin: 0; font-size: 1.3em;">5-7. Katana 분석</h3>
|
|
<p style="margin: 10px 0 0 0;">회사 개요, 주요 서비스, 가격 정책, 사용자 경험</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h3 style="margin: 0; font-size: 1.3em;">8-10. 시장 반응</h3>
|
|
<p style="margin: 10px 0 0 0;">사용자 만족도 비교, 주요 칭찬 및 불만</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h3 style="margin: 0; font-size: 1.3em;">11-13. 비교 및 결론</h3>
|
|
<p style="margin: 10px 0 0 0;">상세 비교, 선택 가이드, 최종 권고사항</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 3: MRPeasy Overview -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>MRPeasy 회사 개요</h2>
|
|
<div class="company-info">
|
|
<div class="info-card">
|
|
<h4>🏢 설립</h4>
|
|
<p>2014년, 에스토니아</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>💼 비즈니스 모델</h4>
|
|
<p>SaaS 기반 클라우드 ERP</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>👥 직원 수</h4>
|
|
<p>30명 (2024)</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>💰 연 매출</h4>
|
|
<p>$5.09M (2024)</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>🌍 글로벌 고객</h4>
|
|
<p>전 세계 중소 제조업체</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>🎯 타겟</h4>
|
|
<p>10-200명 규모 제조업</p>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 30px;">
|
|
<h3>핵심 특징</h3>
|
|
<ul>
|
|
<li>사용자 기반 과금 모델 (per user/month)</li>
|
|
<li>중소 제조업체에 최적화된 기능</li>
|
|
<li>직관적이고 간단한 인터페이스</li>
|
|
<li>빠른 구축 및 낮은 학습 곡선</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 4: MRPeasy Services -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>MRPeasy 주요 서비스</h2>
|
|
<div class="feature-list">
|
|
<div class="feature-item">
|
|
<h4>📦 재고 관리</h4>
|
|
<p>실시간 재고 추적 및 자동 발주</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>🏭 생산 계획</h4>
|
|
<p>MRP 기반 생산 스케줄링</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📋 BOM 관리</h4>
|
|
<p>다단계 자재명세서 관리</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>🛒 구매 관리</h4>
|
|
<p>공급업체 관리 및 발주 자동화</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📊 CRM</h4>
|
|
<p>고객 관리 및 주문 추적</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📈 보고서</h4>
|
|
<p>실시간 대시보드 및 분석</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>🔗 통합</h4>
|
|
<p>QuickBooks, Xero 등 연동</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📱 모바일</h4>
|
|
<p>iOS/Android 앱 지원</p>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 30px;">
|
|
<h3>산업별 특화</h3>
|
|
<ul>
|
|
<li>전자제품 제조</li>
|
|
<li>기계 제조</li>
|
|
<li>식품 및 음료</li>
|
|
<li>화장품 및 건강</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 5: MRPeasy Pricing -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>MRPeasy 가격 정책</h2>
|
|
<table class="pricing-table">
|
|
<thead>
|
|
<tr>
|
|
<th>플랜</th>
|
|
<th>가격 (월)</th>
|
|
<th>사용자 수</th>
|
|
<th>주요 기능</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>Starter</strong></td>
|
|
<td>$49/user</td>
|
|
<td>무제한</td>
|
|
<td>기본 MRP, 재고, CRM</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Professional</strong></td>
|
|
<td>$69/user</td>
|
|
<td>무제한</td>
|
|
<td>Starter + 고급 생산계획</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Enterprise</strong></td>
|
|
<td>$99/user</td>
|
|
<td>무제한</td>
|
|
<td>Professional + API</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Enterprise Plus</strong></td>
|
|
<td>$149/user</td>
|
|
<td>무제한</td>
|
|
<td>Enterprise + 전담 지원</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div style="margin-top: 30px;">
|
|
<h3>가격 정책 특징</h3>
|
|
<ul>
|
|
<li><span class="highlight">사용자 기반 과금</span> - 사용자 수에 따라 비용 증가</li>
|
|
<li>15일 무료 체험 제공</li>
|
|
<li>신용카드 불필요 (체험판)</li>
|
|
<li>연간 결제 시 할인 가능</li>
|
|
<li>최소 계약 없음, 언제든 취소 가능</li>
|
|
</ul>
|
|
<div style="margin-top: 20px; padding: 20px; background: #f1f5f9; border-radius: 12px; border: 1px solid #e2e8f0;">
|
|
<p><strong>예상 비용 (10명 기준):</strong></p>
|
|
<p>Starter: $490/월 ($5,880/년)</p>
|
|
<p>Professional: $690/월 ($8,280/년)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 6: MRPeasy User Experience -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>MRPeasy 시장 반응 및 사용자 경험</h2>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>⭐ UI/UX 평가</h3>
|
|
<div style="background: #f1f5f9; padding: 20px; border-radius: 12px; margin: 15px 0; border: 1px solid #e2e8f0;">
|
|
<p style="font-style: italic; color: #1e293b;">"인터페이스가 약간 구식이지만 익숙해지면 매우 직관적입니다. 모든 기능이 논리적으로 배치되어 있어요."</p>
|
|
<p style="text-align: right; color: #2563eb; font-size: 0.9em; font-weight: 600;">- G2 사용자 리뷰</p>
|
|
</div>
|
|
<ul>
|
|
<li><strong>장점:</strong> 기능 중심의 명확한 구조, 낮은 학습 곡선</li>
|
|
<li><strong>단점:</strong> 다소 구식 디자인, 현대적 UX 부족</li>
|
|
<li><strong>평점:</strong> 사용 편의성 4.2/5.0</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>🎧 고객 지원 품질</h3>
|
|
<div style="background: #f1f5f9; padding: 20px; border-radius: 12px; margin: 15px 0; border: 1px solid #e2e8f0;">
|
|
<p style="font-style: italic; color: #1e293b;">"고객 지원팀이 매우 반응이 빠르고 도움이 됩니다. 설정 과정에서 많은 도움을 받았어요."</p>
|
|
<p style="text-align: right; color: #2563eb; font-size: 0.9em; font-weight: 600;">- Capterra 사용자</p>
|
|
</div>
|
|
<ul>
|
|
<li><strong>응답 속도:</strong> 평균 2-4시간 (영업일 기준)</li>
|
|
<li><strong>지원 방식:</strong> 이메일, 라이브 채팅, 온보딩 지원</li>
|
|
<li><strong>평점:</strong> 고객 지원 4.5/5.0</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>🔧 시스템 안정성</h3>
|
|
<ul>
|
|
<li><strong>가동률:</strong> 99.5% 이상 (사용자 보고)</li>
|
|
<li><strong>성능:</strong> 대부분의 작업이 즉시 처리</li>
|
|
<li><strong>버그:</strong> 경미한 버그 가끔 발생, 빠른 수정</li>
|
|
<li><strong>모바일:</strong> 앱 성능은 웹보다 제한적</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>🔗 통합 능력</h3>
|
|
<div style="background: #fef3c7; padding: 20px; border-radius: 12px; margin: 15px 0; border-left: 5px solid #f59e0b; border: 1px solid #fde68a;">
|
|
<p style="color: #92400e; margin: 0;"><strong>⚠️ 아시아 시장 고려사항:</strong> QuickBooks, Xero 등 주요 통합이 서구권 회계 시스템 중심. 한국 ERP와의 직접 통합은 제한적이며 API 커스터마이징 필요.</p>
|
|
</div>
|
|
<ul>
|
|
<li><strong>회계 연동:</strong> QuickBooks, Xero (미국/유럽 중심)</li>
|
|
<li><strong>전자상거래:</strong> Shopify, WooCommerce (기본 수준)</li>
|
|
<li><strong>API:</strong> Enterprise 플랜 이상에서 제공</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 7: Katana Overview -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>Katana 회사 개요</h2>
|
|
<div class="company-info">
|
|
<div class="info-card">
|
|
<h4>🏢 설립</h4>
|
|
<p>2017년, 에스토니아</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>💼 비즈니스 모델</h4>
|
|
<p>SaaS 기반 클라우드 제조 플랫폼</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>👥 직원 수</h4>
|
|
<p>91-140명 (2024)</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>💰 연 매출</h4>
|
|
<p>$6.03M (2024)</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>💵 투자 유치</h4>
|
|
<p>$52.2M (총 누적)</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>🎯 타겟</h4>
|
|
<p>전자상거래 + 제조 통합</p>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 30px;">
|
|
<h3>핵심 특징</h3>
|
|
<ul>
|
|
<li>고정 가격 모델 (사용자 수 무제한)</li>
|
|
<li>전자상거래 통합에 강점</li>
|
|
<li>현대적이고 직관적인 UI/UX</li>
|
|
<li>실시간 재고 동기화</li>
|
|
<li>급성장 중인 스타트업 (3배 인력 증가)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 8: Katana Services -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>Katana 주요 서비스</h2>
|
|
<div class="feature-list">
|
|
<div class="feature-item">
|
|
<h4>🛍️ 전자상거래 통합</h4>
|
|
<p>Shopify, WooCommerce 등</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📦 재고 관리</h4>
|
|
<p>실시간 멀티채널 동기화</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>🏭 생산 관리</h4>
|
|
<p>라이브 제조 스케줄링</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📋 BOM 관리</h4>
|
|
<p>무제한 레시피 및 변형</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>🛒 구매 관리</h4>
|
|
<p>스마트 발주 제안</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📊 분석</h4>
|
|
<p>실시간 인사이트 및 리포팅</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>🔗 API</h4>
|
|
<p>강력한 통합 기능</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📱 모바일</h4>
|
|
<p>모바일 최적화 인터페이스</p>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 30px;">
|
|
<h3>전자상거래 통합 강점</h3>
|
|
<ul>
|
|
<li>Shopify, Amazon, eBay 등 자동 동기화</li>
|
|
<li>온라인 주문 → 생산 → 배송 자동화</li>
|
|
<li>멀티채널 재고 통합 관리</li>
|
|
<li>회계 소프트웨어 연동 (QuickBooks, Xero)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 9: Katana Pricing -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>Katana 가격 정책</h2>
|
|
<table class="pricing-table">
|
|
<thead>
|
|
<tr>
|
|
<th>플랜</th>
|
|
<th>가격 (월)</th>
|
|
<th>주문 처리량</th>
|
|
<th>주요 기능</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>Free</strong></td>
|
|
<td>$0</td>
|
|
<td>월 10개</td>
|
|
<td>기본 기능 제한적</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Essential</strong></td>
|
|
<td>$179</td>
|
|
<td>월 500개</td>
|
|
<td>기본 제조 관리</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Advanced</strong></td>
|
|
<td>$359</td>
|
|
<td>월 2,500개</td>
|
|
<td>Essential + 고급 기능</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Professional</strong></td>
|
|
<td>$799</td>
|
|
<td>월 10,000개</td>
|
|
<td>Advanced + API</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Enterprise</strong></td>
|
|
<td>$1,799</td>
|
|
<td>무제한</td>
|
|
<td>Professional + 전담 지원</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div style="margin-top: 30px;">
|
|
<h3>가격 정책 특징</h3>
|
|
<ul>
|
|
<li><span class="highlight">고정 가격 (사용자 무제한)</span> - 팀 규모와 무관</li>
|
|
<li>14일 무료 체험 제공</li>
|
|
<li>주문 처리량 기반 과금</li>
|
|
<li>연간 결제 시 최대 20% 할인</li>
|
|
<li>언제든 플랜 변경 가능</li>
|
|
</ul>
|
|
<div style="margin-top: 20px; padding: 20px; background: #f1f5f9; border-radius: 12px; border: 1px solid #e2e8f0;">
|
|
<p><strong>예상 비용 (10명 기준):</strong></p>
|
|
<p>Essential: $179/월 ($2,148/년)</p>
|
|
<p>Advanced: $359/월 ($4,308/년)</p>
|
|
<p><strong>✨ 사용자 수 증가해도 동일 가격!</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 10: Katana User Experience -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>Katana 시장 반응 및 사용자 경험</h2>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>⭐ UI/UX 평가</h3>
|
|
<div style="background: #f1f5f9; padding: 20px; border-radius: 12px; margin: 15px 0; border: 1px solid #e2e8f0;">
|
|
<p style="font-style: italic; color: #1e293b;">"가장 현대적이고 직관적인 제조 소프트웨어입니다. 특히 Shopify와의 연동이 완벽해요!"</p>
|
|
<p style="text-align: right; color: #2563eb; font-size: 0.9em; font-weight: 600;">- G2 사용자 리뷰</p>
|
|
</div>
|
|
<ul>
|
|
<li><strong>장점:</strong> 매우 현대적인 디자인, 직관적인 워크플로우</li>
|
|
<li><strong>특징:</strong> 실시간 업데이트, 시각적 대시보드</li>
|
|
<li><strong>평점:</strong> 사용 편의성 4.6/5.0</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>🎧 고객 지원 품질</h3>
|
|
<div style="background: #f1f5f9; padding: 20px; border-radius: 12px; margin: 15px 0; border: 1px solid #e2e8f0;">
|
|
<p style="font-style: italic; color: #1e293b;">"지원팀이 정말 훌륭합니다. 채팅으로 즉시 응답받고, 온보딩도 체계적이었어요."</p>
|
|
<p style="text-align: right; color: #2563eb; font-size: 0.9em; font-weight: 600;">- Capterra 사용자</p>
|
|
</div>
|
|
<ul>
|
|
<li><strong>응답 속도:</strong> 평균 1-2시간 (영업일 기준)</li>
|
|
<li><strong>지원 방식:</strong> 라이브 채팅, 이메일, 전담 CSM (상위 플랜)</li>
|
|
<li><strong>평점:</strong> 고객 지원 4.7/5.0</li>
|
|
<li><strong>온보딩:</strong> 체계적인 가이드와 비디오 튜토리얼</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>🔧 시스템 안정성</h3>
|
|
<div style="background: #f1f5f9; padding: 20px; border-radius: 12px; margin: 15px 0; border: 1px solid #e2e8f0;">
|
|
<p style="font-style: italic; color: #1e293b;">"몇 차례 다운타임이 있었지만, 대부분 빠르게 해결되었습니다. 전반적으로 안정적이에요."</p>
|
|
<p style="text-align: right; color: #2563eb; font-size: 0.9em; font-weight: 600;">- Reddit 사용자</p>
|
|
</div>
|
|
<ul>
|
|
<li><strong>가동률:</strong> 99.0% (간헐적 다운타임 보고)</li>
|
|
<li><strong>성능:</strong> 실시간 동기화, 빠른 응답 속도</li>
|
|
<li><strong>버그:</strong> 신기능 출시 시 간혹 발생, 빠른 수정</li>
|
|
<li><strong>모바일:</strong> 반응형 웹, 모바일 최적화 우수</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>🔗 통합 능력</h3>
|
|
<div style="background: #dbeafe; padding: 20px; border-radius: 12px; margin: 15px 0; border-left: 5px solid #2563eb; border: 1px solid #bfdbfe;">
|
|
<p style="color: #1e40af; margin: 0;"><strong>✅ 전자상거래 강점:</strong> Shopify, Amazon, eBay, WooCommerce 등과 네이티브 통합. 주문 → 생산 → 배송 자동화가 매우 강력함.</p>
|
|
</div>
|
|
<div style="background: #fef3c7; padding: 20px; border-radius: 12px; margin: 15px 0; border-left: 5px solid #f59e0b; border: 1px solid #fde68a;">
|
|
<p style="color: #92400e; margin: 0;"><strong>⚠️ 아시아 시장 고려사항:</strong> 언어 지원이 영어 중심. 타임존 설정은 가능하나 현지화 수준이 MRPeasy보다 낮음. 한국어 인터페이스 미지원.</p>
|
|
</div>
|
|
<ul>
|
|
<li><strong>전자상거래:</strong> Shopify, Amazon, eBay, Etsy 등 강력</li>
|
|
<li><strong>회계 연동:</strong> QuickBooks, Xero (미국/유럽 중심)</li>
|
|
<li><strong>API:</strong> Professional 플랜 이상, 개발자 친화적</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 11: User Satisfaction Comparison -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>사용자 만족도 비교</h2>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<h3>📊 G2 / Capterra 평점 비교</h3>
|
|
<table class="comparison-table">
|
|
<thead>
|
|
<tr>
|
|
<th>평가 항목</th>
|
|
<th>MRPeasy</th>
|
|
<th>Katana</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>전체 평점</strong></td>
|
|
<td>4.3/5.0</td>
|
|
<td>4.6/5.0</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>사용 편의성</strong></td>
|
|
<td>4.2/5.0</td>
|
|
<td>4.6/5.0</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>고객 지원</strong></td>
|
|
<td>4.5/5.0</td>
|
|
<td>4.7/5.0</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>가격 대비 가치</strong></td>
|
|
<td>4.0/5.0</td>
|
|
<td>4.5/5.0</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>기능 만족도</strong></td>
|
|
<td>4.3/5.0</td>
|
|
<td>4.5/5.0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
|
|
<div>
|
|
<h3 style="color: #2563eb;">MRPeasy 주요 칭찬</h3>
|
|
<div style="background: #dbeafe; padding: 20px; border-radius: 12px; border-left: 5px solid #2563eb; border: 1px solid #bfdbfe;">
|
|
<ul style="margin: 0;">
|
|
<li>✅ 안정적이고 검증된 시스템</li>
|
|
<li>✅ 반응 빠른 고객 지원</li>
|
|
<li>✅ 전통 제조업에 최적화</li>
|
|
<li>✅ 명확한 기능 구조</li>
|
|
<li>✅ 빠른 온보딩</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3 style="color: #1e40af;">Katana 주요 칭찬</h3>
|
|
<div style="background: #e0e7ff; padding: 20px; border-radius: 12px; border-left: 5px solid #1e40af; border: 1px solid #c7d2fe;">
|
|
<ul style="margin: 0;">
|
|
<li>✅ 최고의 UX/UI</li>
|
|
<li>✅ 강력한 전자상거래 통합</li>
|
|
<li>✅ 실시간 재고 동기화</li>
|
|
<li>✅ 고정 가격의 가치</li>
|
|
<li>✅ 현대적 워크플로우</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin: 30px 0;">
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
|
|
<div>
|
|
<h3 style="color: #dc3545;">MRPeasy 주요 불만</h3>
|
|
<div style="background: #fee2e2; padding: 20px; border-radius: 12px; border-left: 5px solid #dc3545; border: 1px solid #fecaca;">
|
|
<ul style="margin: 0;">
|
|
<li>❌ 다소 구식 인터페이스</li>
|
|
<li>❌ 사용자당 과금이 비쌈</li>
|
|
<li>❌ 전자상거래 통합 약함</li>
|
|
<li>❌ 모바일 앱 제한적</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3 style="color: #dc3545;">Katana 주요 불만</h3>
|
|
<div style="background: #fee2e2; padding: 20px; border-radius: 12px; border-left: 5px solid #dc3545; border: 1px solid #fecaca;">
|
|
<ul style="margin: 0;">
|
|
<li>❌ 간헐적 다운타임</li>
|
|
<li>❌ 신기능 출시 시 버그</li>
|
|
<li>❌ 한국어 미지원</li>
|
|
<li>❌ 주문량 초과 시 추가 비용</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin-top: 30px; padding: 25px; background: #fef3c7; border-radius: 16px; border-left: 5px solid #f59e0b; border: 1px solid #fde68a;">
|
|
<h3 style="margin-top: 0; color: #92400e;">📌 아시아 시장 특수 고려사항</h3>
|
|
<p style="color: #92400e;"><strong>언어 지원:</strong> 두 솔루션 모두 한국어 인터페이스 미지원. 영어 사용 필수.</p>
|
|
<p style="color: #92400e;"><strong>회계 통합:</strong> QuickBooks/Xero 중심으로 한국 회계 시스템과 직접 연동 어려움.</p>
|
|
<p style="color: #92400e;"><strong>고객 지원:</strong> 미국/유럽 시간대 기준. 실시간 지원은 제한적일 수 있음.</p>
|
|
<p style="color: #92400e; margin-bottom: 0;"><strong>현지화:</strong> API를 통한 커스터마이징으로 현지 시스템 연동 검토 필요.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 12: Comparison Table -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>MRPeasy vs Katana 상세 비교</h2>
|
|
<table class="comparison-table">
|
|
<thead>
|
|
<tr>
|
|
<th>비교 항목</th>
|
|
<th>MRPeasy</th>
|
|
<th>Katana</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>설립 연도</strong></td>
|
|
<td>2014년 (10년)</td>
|
|
<td>2017년 (7년)</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>직원 규모</strong></td>
|
|
<td>30명</td>
|
|
<td>91-140명</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>연 매출</strong></td>
|
|
<td>$5.09M</td>
|
|
<td>$6.03M</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>투자 유치</strong></td>
|
|
<td>정보 없음</td>
|
|
<td>$52.2M</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>가격 모델</strong></td>
|
|
<td>사용자당 과금</td>
|
|
<td>고정 가격</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>최저 가격</strong></td>
|
|
<td>$49/user/월</td>
|
|
<td>$179/월 (무제한)</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>10명 기준 비용</strong></td>
|
|
<td>$490-690/월</td>
|
|
<td>$179-359/월</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>전자상거래 통합</strong></td>
|
|
<td>기본 수준</td>
|
|
<td>강력한 통합</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>타겟 고객</strong></td>
|
|
<td>전통 제조업</td>
|
|
<td>온라인 제조+판매</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>인터페이스</strong></td>
|
|
<td>기능 중심</td>
|
|
<td>현대적 UX</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>확장성</strong></td>
|
|
<td>중소기업에 최적</td>
|
|
<td>급성장 기업에 유리</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>학습 곡선</strong></td>
|
|
<td>낮음</td>
|
|
<td>매우 낮음</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 13: Selection Guide -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>선택 가이드</h2>
|
|
<div style="margin-top: 30px;">
|
|
<div style="background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); color: white; padding: 30px; border-radius: 16px; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);">
|
|
<h3 style="color: white; margin-top: 0;">MRPeasy 추천 대상</h3>
|
|
<ul style="color: white;">
|
|
<li>소규모 팀 (5명 미만)</li>
|
|
<li>전통적인 제조업 중심</li>
|
|
<li>전자상거래 통합 불필요</li>
|
|
<li>안정적이고 검증된 솔루션 선호</li>
|
|
<li>단순하고 기능 중심적인 인터페이스 선호</li>
|
|
<li>예산이 사용자당 비용으로 책정 가능</li>
|
|
</ul>
|
|
</div>
|
|
<div style="background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%); color: white; padding: 30px; border-radius: 16px; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);">
|
|
<h3 style="color: white; margin-top: 0;">Katana 추천 대상</h3>
|
|
<ul style="color: white;">
|
|
<li>중대형 팀 (10명 이상)</li>
|
|
<li>전자상거래 + 제조 통합</li>
|
|
<li>Shopify, Amazon 등 온라인 판매</li>
|
|
<li>급성장 예상 기업</li>
|
|
<li>현대적이고 직관적인 UX 중시</li>
|
|
<li>사용자 수에 제약 없는 고정 비용 선호</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 30px; padding: 25px; background: #f1f5f9; border-radius: 16px; border-left: 5px solid #2563eb; border: 1px solid #e2e8f0;">
|
|
<h3 style="margin-top: 0;">비용 분기점</h3>
|
|
<p><strong>4명 이하:</strong> MRPeasy가 저렴 ($196-276/월 vs $179/월)</p>
|
|
<p><strong>5명 이상:</strong> Katana가 훨씬 저렴 (10명 기준 $490 vs $179)</p>
|
|
<p><strong>20명 이상:</strong> Katana 압도적 우위 (20명 기준 $980 vs $179)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 14: Conclusion -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h2>결론 및 권고사항</h2>
|
|
<div class="conclusion-box">
|
|
<h3 style="color: white; margin-top: 0;">핵심 결론</h3>
|
|
<p style="font-size: 1.3em;">두 솔루션 모두 우수하나, <strong>팀 규모와 비즈니스 모델</strong>에 따라 선택해야 합니다.</p>
|
|
</div>
|
|
|
|
<div style="margin-top: 30px;">
|
|
<h3>📢 실제 사용자 추천 (Real User Recommendations)</h3>
|
|
<div style="background: #dbeafe; padding: 25px; border-radius: 16px; margin: 15px 0; border-left: 5px solid #2563eb; border: 1px solid #bfdbfe;">
|
|
<h4 style="color: #1e40af; margin-top: 0;">MRPeasy 사용자들의 조언</h4>
|
|
<p style="font-style: italic; color: #1e293b;">"우리 같은 소규모 팀(5명)에게는 MRPeasy가 완벽합니다. 가격도 합리적이고, 필요한 기능이 모두 있어요. 전자상거래 통합이 필요 없다면 최고의 선택입니다."</p>
|
|
<p style="text-align: right; color: #2563eb; font-size: 0.9em; margin: 0; font-weight: 600;">- G2 사용자, 전자부품 제조업</p>
|
|
</div>
|
|
<div style="background: #e0e7ff; padding: 25px; border-radius: 16px; margin: 15px 0; border-left: 5px solid #1e40af; border: 1px solid #c7d2fe;">
|
|
<h4 style="color: #1e40af; margin-top: 0;">Katana 사용자들의 조언</h4>
|
|
<p style="font-style: italic; color: #1e293b;">"Shopify로 온라인 판매하면서 제조까지 하는 우리에게 Katana는 게임 체인저였습니다. 주문이 바로 생산으로 연결되고, 재고가 실시간으로 동기화돼요. 팀이 15명으로 늘었는데도 같은 가격이라 정말 만족합니다!"</p>
|
|
<p style="text-align: right; color: #1e40af; font-size: 0.9em; margin: 0; font-weight: 600;">- Capterra 사용자, 화장품 제조+판매</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin-top: 30px;">
|
|
<h3>주요 차별점</h3>
|
|
<div class="feature-list">
|
|
<div class="feature-item">
|
|
<h4>📊 비용 구조</h4>
|
|
<p>MRPeasy: 사용자당 | Katana: 고정가격</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>🛍️ 전자상거래</h4>
|
|
<p>Katana가 압도적 우위</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>📈 확장성</h4>
|
|
<p>팀 성장 시 Katana 유리</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>⭐ 사용자 평점</h4>
|
|
<p>Katana 4.6/5.0 vs MRPeasy 4.3/5.0</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>🏢 안정성</h4>
|
|
<p>MRPeasy: 더 오래, 검증됨</p>
|
|
</div>
|
|
<div class="feature-item">
|
|
<h4>💰 투자</h4>
|
|
<p>Katana: $52M 유치, 성장 가능성</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin-top: 30px; padding: 25px; background: #fef3c7; border-radius: 16px; border-left: 5px solid #f59e0b; border: 1px solid #fde68a;">
|
|
<h3 style="margin-top: 0; color: #92400e;">최종 권고 (사용자 경험 기반)</h3>
|
|
<p style="color: #92400e;"><strong>소규모 전통 제조업 (1-5명):</strong> MRPeasy - 검증된 안정성, 합리적 가격</p>
|
|
<p style="color: #92400e;"><strong>온라인 판매 + 제조:</strong> Katana - 전자상거래 통합 압도적 우위</p>
|
|
<p style="color: #92400e;"><strong>급성장 예상 (10명 이상):</strong> Katana - 고정 가격으로 비용 효율성 극대화</p>
|
|
<p style="color: #92400e;"><strong>현대적 UX 중시:</strong> Katana - 사용자 평점 4.6/5.0, 직관적 인터페이스</p>
|
|
<p style="color: #92400e;"><strong>시스템 안정성 최우선:</strong> MRPeasy - 99.5% 가동률, 10년 검증</p>
|
|
<p style="color: #92400e; margin-bottom: 0;"><strong>⚠️ 아시아 시장:</strong> 두 솔루션 모두 한국어 미지원, API 커스터마이징 필요</p>
|
|
</div>
|
|
|
|
<div style="margin-top: 20px; padding: 20px; background: #dbeafe; border-radius: 12px; border-left: 5px solid #2563eb; border: 1px solid #bfdbfe;">
|
|
<p style="color: #1e40af; margin: 0; font-size: 1.1em; font-weight: 600;"><strong>💡 실용적 조언:</strong> 두 솔루션 모두 무료 체험 (14-15일) 제공. 실제 업무 프로세스로 테스트 후 결정 권장.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 15: Thank You -->
|
|
<div class="slide">
|
|
<div class="slide-content">
|
|
<h1 style="font-size: 4em; margin-bottom: 40px;">감사합니다</h1>
|
|
<div style="text-align: center;">
|
|
<p style="font-size: 1.5em; color: #2563eb; margin-bottom: 30px; font-weight: 700;">MRPeasy vs Katana 비교 분석</p>
|
|
<div style="margin-top: 50px; padding: 30px; background: #f1f5f9; border-radius: 16px; border: 1px solid #e2e8f0;">
|
|
<h3>추가 문의</h3>
|
|
<p>더 자세한 정보가 필요하시면 각 회사 웹사이트를 방문하세요.</p>
|
|
<p style="margin-top: 20px;">
|
|
<strong>MRPeasy:</strong> mrpeasy.com<br>
|
|
<strong>Katana:</strong> katanamrp.com
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slide-number">
|
|
<span id="currentSlide">1</span> / <span id="totalSlides">15</span>
|
|
</div>
|
|
|
|
<div class="navigation">
|
|
<button class="nav-btn" id="prevBtn" onclick="changeSlide(-1)">← 이전</button>
|
|
<button class="nav-btn" id="nextBtn" onclick="changeSlide(1)">다음 →</button>
|
|
</div>
|
|
|
|
<script>
|
|
let currentSlide = 1;
|
|
const totalSlides = 15;
|
|
let touchStartX = 0;
|
|
let touchEndX = 0;
|
|
|
|
document.getElementById('totalSlides').textContent = totalSlides;
|
|
|
|
function showSlide(n) {
|
|
const slides = document.querySelectorAll('.slide');
|
|
|
|
if (n > totalSlides) {
|
|
currentSlide = 1;
|
|
}
|
|
if (n < 1) {
|
|
currentSlide = totalSlides;
|
|
}
|
|
|
|
slides.forEach(slide => {
|
|
slide.classList.remove('active');
|
|
});
|
|
|
|
slides[currentSlide - 1].classList.add('active');
|
|
document.getElementById('currentSlide').textContent = currentSlide;
|
|
|
|
// Update button states
|
|
document.getElementById('prevBtn').disabled = (currentSlide === 1);
|
|
document.getElementById('nextBtn').disabled = (currentSlide === totalSlides);
|
|
}
|
|
|
|
function changeSlide(direction) {
|
|
currentSlide += direction;
|
|
showSlide(currentSlide);
|
|
}
|
|
|
|
// Keyboard navigation
|
|
document.addEventListener('keydown', function(event) {
|
|
if (event.key === 'ArrowLeft') {
|
|
changeSlide(-1);
|
|
} else if (event.key === 'ArrowRight' || event.key === ' ') {
|
|
event.preventDefault();
|
|
changeSlide(1);
|
|
}
|
|
});
|
|
|
|
// Touch navigation
|
|
document.addEventListener('touchstart', function(event) {
|
|
touchStartX = event.changedTouches[0].screenX;
|
|
});
|
|
|
|
document.addEventListener('touchend', function(event) {
|
|
touchEndX = event.changedTouches[0].screenX;
|
|
handleSwipe();
|
|
});
|
|
|
|
function handleSwipe() {
|
|
if (touchEndX < touchStartX - 50) {
|
|
changeSlide(1);
|
|
}
|
|
if (touchEndX > touchStartX + 50) {
|
|
changeSlide(-1);
|
|
}
|
|
}
|
|
|
|
// Initialize
|
|
showSlide(currentSlide);
|
|
|
|
// Initialize Lucide icons
|
|
if (typeof lucide !== 'undefined') {
|
|
lucide.createIcons();
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|