gahusb
a7d9af0d35
- 어드민 마케팅 페이지: 4대 전문가 체크리스트(디자인/PM/품질/마케팅) 추가, localStorage 저장, 크몽 등록 가이드 패널, 품질 점수 바 - SVG 썸네일 6개 전면 재설계: 헤드라인 강화, 목업 세밀화, 실제 제품가 반영 - 신규 썸네일 2개 제작: thumb-lotto.svg (로또 번호 추천), thumb-saju.svg (AI 사주 분석) - 사이드바 상호명 추가 (토스페이먼츠 심사 준비) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
190 lines
12 KiB
XML
190 lines
12 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
|
|
<defs>
|
|
<linearGradient id="bgAu" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#04102b"/>
|
|
<stop offset="50%" style="stop-color:#052e1c"/>
|
|
<stop offset="100%" style="stop-color:#04102b"/>
|
|
</linearGradient>
|
|
<linearGradient id="headAu" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#34d399"/>
|
|
<stop offset="100%" style="stop-color:#60a5fa"/>
|
|
</linearGradient>
|
|
<linearGradient id="timeGradAu" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#059669"/>
|
|
<stop offset="100%" style="stop-color:#10b981"/>
|
|
</linearGradient>
|
|
<linearGradient id="barRed" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#dc2626"/>
|
|
<stop offset="100%" style="stop-color:#ef4444"/>
|
|
</linearGradient>
|
|
<radialGradient id="glowAu" cx="65%" cy="50%" r="55%">
|
|
<stop offset="0%" style="stop-color:#10b981;stop-opacity:0.18"/>
|
|
<stop offset="100%" style="stop-color:#10b981;stop-opacity:0"/>
|
|
</radialGradient>
|
|
<filter id="nodeShadAu">
|
|
<feDropShadow dx="0" dy="4" stdDeviation="10" flood-color="#10b981" flood-opacity="0.35"/>
|
|
</filter>
|
|
<filter id="boxShadAu">
|
|
<feDropShadow dx="0" dy="8" stdDeviation="20" flood-color="#000" flood-opacity="0.5"/>
|
|
</filter>
|
|
<pattern id="dotsAu" width="32" height="32" patternUnits="userSpaceOnUse">
|
|
<circle cx="16" cy="16" r="1" fill="#0d2a1a" opacity="0.9"/>
|
|
</pattern>
|
|
</defs>
|
|
|
|
<!-- 배경 -->
|
|
<rect width="1200" height="675" fill="url(#bgAu)"/>
|
|
<rect width="1200" height="675" fill="url(#glowAu)"/>
|
|
<rect width="1200" height="675" fill="url(#dotsAu)"/>
|
|
|
|
<!-- 왼쪽 텍스트 -->
|
|
<!-- 뱃지 -->
|
|
<rect x="60" y="64" width="250" height="38" rx="19" fill="#052e1c" stroke="#10b981" stroke-width="1.5"/>
|
|
<text x="84" y="88" font-family="'Malgun Gothic',sans-serif" font-size="14" font-weight="700" fill="#34d399">⚡ 반복 업무 완전 자동화</text>
|
|
|
|
<!-- 헤드라인 -->
|
|
<text x="60" y="162" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="54" font-weight="900" fill="#ffffff">하루 3시간을</text>
|
|
<text x="60" y="228" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="54" font-weight="900" fill="url(#headAu)">되찾아 드립니다</text>
|
|
<text x="60" y="276" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="19" fill="#94a3b8">7년차 대기업 개발자의 업무 자동화 솔루션</text>
|
|
|
|
<!-- 수치 대비 패널 -->
|
|
<rect x="60" y="304" width="510" height="88" rx="16" fill="#040e1c" stroke="#10b981" stroke-width="1" opacity="0.95"/>
|
|
|
|
<!-- 수동 -->
|
|
<text x="95" y="332" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#64748b">수동 작업</text>
|
|
<rect x="90" y="340" width="170" height="28" rx="7" fill="url(#barRed)" opacity="0.85"/>
|
|
<text x="175" y="359" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="800" fill="#fff">3시간 / 일</text>
|
|
|
|
<!-- 구분선 -->
|
|
<line x1="278" y1="316" x2="278" y2="380" stroke="#0d2a1a" stroke-width="1.5"/>
|
|
|
|
<!-- 자동화 후 -->
|
|
<text x="298" y="332" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#64748b">자동화 후</text>
|
|
<rect x="290" y="340" width="26" height="28" rx="7" fill="#10b981"/>
|
|
<text x="326" y="359" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="800" fill="#34d399">5분!</text>
|
|
|
|
<!-- 절약 수치 -->
|
|
<text x="430" y="340" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="900" fill="#fbbf24">97%</text>
|
|
<text x="430" y="362" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#64748b">시간 단축</text>
|
|
<text x="510" y="340" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="20" font-weight="900" fill="#34d399">0건</text>
|
|
<text x="510" y="362" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#64748b">수작업 오류</text>
|
|
|
|
<!-- 서비스 종류 -->
|
|
<g font-family="'Malgun Gothic',sans-serif" font-size="15" fill="#94a3b8">
|
|
<text x="60" y="424">📊 엑셀 자동화 · 📧 이메일 자동발송 · 🕸️ 웹 크롤링</text>
|
|
<text x="60" y="455">🖥️ RPA · 📁 파일 자동 정리 · 🔔 텔레그램 알림</text>
|
|
</g>
|
|
|
|
<!-- 가격 뱃지 -->
|
|
<rect x="60" y="478" width="236" height="70" rx="16" fill="url(#timeGradAu)"/>
|
|
<text x="178" y="505" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#d1fae5">시작 가격</text>
|
|
<text x="178" y="534" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="32" font-weight="900" fill="#ffffff">33만원~</text>
|
|
|
|
<!-- 기술 태그 -->
|
|
<g font-family="sans-serif" font-size="11" font-weight="700">
|
|
<rect x="60" y="564" width="68" height="26" rx="8" fill="#1e3a8a"/>
|
|
<text x="94" y="581" text-anchor="middle" fill="#60a5fa">Python</text>
|
|
<rect x="138" y="564" width="46" height="26" rx="8" fill="#052e1c"/>
|
|
<text x="161" y="581" text-anchor="middle" fill="#34d399">VBA</text>
|
|
<rect x="194" y="564" width="76" height="26" rx="8" fill="#1c1917"/>
|
|
<text x="232" y="581" text-anchor="middle" fill="#d6d3d1">Selenium</text>
|
|
<rect x="280" y="564" width="44" height="26" rx="8" fill="#1e1b4b"/>
|
|
<text x="302" y="581" text-anchor="middle" fill="#a78bfa">RPA</text>
|
|
</g>
|
|
|
|
<!-- URL -->
|
|
<text x="60" y="632" font-family="sans-serif" font-size="14" fill="#3b5998">jaengseung-made.com</text>
|
|
|
|
<!-- 오른쪽 자동화 플로우 다이어그램 -->
|
|
<rect x="614" y="52" width="558" height="552" rx="22" fill="#040e1c" stroke="#10b981" stroke-width="1.2" filter="url(#boxShadAu)"/>
|
|
<!-- 터미널 헤더 -->
|
|
<rect x="614" y="52" width="558" height="44" rx="22" fill="#030b17"/>
|
|
<rect x="614" y="74" width="558" height="22" fill="#030b17"/>
|
|
<circle cx="644" cy="74" r="7" fill="#ef4444"/>
|
|
<circle cx="668" cy="74" r="7" fill="#f59e0b"/>
|
|
<circle cx="692" cy="74" r="7" fill="#22c55e"/>
|
|
<text x="893" y="79" text-anchor="middle" font-family="monospace" font-size="11" fill="#475569">automation.py — 실행 중</text>
|
|
|
|
<!-- 실행 상태 표시 -->
|
|
<rect x="636" y="110" width="220" height="22" rx="6" fill="#052e1c"/>
|
|
<circle cx="650" cy="121" r="5" fill="#10b981"/>
|
|
<text x="664" y="125" font-family="monospace" font-size="11" fill="#34d399">● 자동화 실행 중... (9:14 AM)</text>
|
|
|
|
<!-- 노드 1: 트리거 -->
|
|
<rect x="712" y="148" width="178" height="72" rx="14" fill="#0a1f10" stroke="#10b981" stroke-width="1.5" filter="url(#nodeShadAu)"/>
|
|
<text x="801" y="172" text-anchor="middle" font-size="22">📊</text>
|
|
<text x="801" y="196" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#34d399">엑셀 파일 감지</text>
|
|
<text x="801" y="212" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="10" fill="#64748b">트리거: 파일 변경 시 자동 실행</text>
|
|
|
|
<!-- 화살표 1 -->
|
|
<line x1="801" y1="220" x2="801" y2="254" stroke="#10b981" stroke-width="2.5"/>
|
|
<polygon points="791,250 801,266 811,250" fill="#10b981"/>
|
|
|
|
<!-- 노드 2: 처리 -->
|
|
<rect x="682" y="268" width="238" height="72" rx="14" fill="#112a1a" stroke="#34d399" stroke-width="1.5" filter="url(#nodeShadAu)"/>
|
|
<text x="801" y="292" text-anchor="middle" font-size="22">⚙️</text>
|
|
<text x="801" y="314" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#ffffff">Python 스크립트 처리</text>
|
|
<text x="801" y="330" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="10" fill="#64748b">데이터 정제 · 계산 · 분류</text>
|
|
|
|
<!-- 화살표 2 -->
|
|
<line x1="801" y1="340" x2="801" y2="374" stroke="#10b981" stroke-width="2.5"/>
|
|
<polygon points="791,370 801,386 811,370" fill="#10b981"/>
|
|
|
|
<!-- 노드 3: 출력 -->
|
|
<rect x="712" y="388" width="178" height="72" rx="14" fill="#0a1f10" stroke="#10b981" stroke-width="1.5" filter="url(#nodeShadAu)"/>
|
|
<text x="801" y="412" text-anchor="middle" font-size="22">📋</text>
|
|
<text x="801" y="436" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#34d399">리포트 자동 생성</text>
|
|
<text x="801" y="452" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="10" fill="#64748b">Excel · PDF 자동 저장</text>
|
|
|
|
<!-- 화살표 3 -->
|
|
<line x1="801" y1="460" x2="801" y2="494" stroke="#10b981" stroke-width="2.5"/>
|
|
<polygon points="791,490 801,506 811,490" fill="#10b981"/>
|
|
|
|
<!-- 노드 4: 알림 -->
|
|
<rect x="672" y="508" width="258" height="72" rx="14" fill="#061428" stroke="#60a5fa" stroke-width="1.5"/>
|
|
<text x="801" y="532" text-anchor="middle" font-size="22">📱</text>
|
|
<text x="801" y="556" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#60a5fa">텔레그램 알림 전송</text>
|
|
<text x="801" y="572" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="10" fill="#64748b">담당자에게 즉시 완료 알림</text>
|
|
|
|
<!-- 우측 정보 패널 -->
|
|
<rect x="950" y="148" width="200" height="432" rx="16" fill="#040e1c" stroke="#0d2a1a" stroke-width="1"/>
|
|
<text x="1050" y="178" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#475569">절약 효과 시뮬레이션</text>
|
|
|
|
<!-- 막대 그래프 (더 세련되게) -->
|
|
<text x="970" y="210" font-family="'Malgun Gothic',sans-serif" font-size="11" fill="#64748b">도입 전</text>
|
|
<rect x="960" y="216" width="170" height="30" rx="8" fill="url(#barRed)" opacity="0.8"/>
|
|
<text x="1045" y="236" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="800" fill="#fff">3시간 / 일</text>
|
|
|
|
<text x="970" y="270" font-family="'Malgun Gothic',sans-serif" font-size="11" fill="#64748b">도입 후</text>
|
|
<rect x="960" y="276" width="170" height="30" rx="8" fill="#0a1f10"/>
|
|
<rect x="960" y="276" width="26" height="30" rx="8" fill="#10b981"/>
|
|
<text x="1000" y="296" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="800" fill="#34d399">5분</text>
|
|
|
|
<!-- 절약 계산 -->
|
|
<rect x="960" y="324" width="170" height="60" rx="10" fill="#052e1c"/>
|
|
<text x="1045" y="348" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#94a3b8">연간 절약 시간</text>
|
|
<text x="1045" y="372" text-anchor="middle" font-family="sans-serif" font-size="24" font-weight="900" fill="#34d399">780h</text>
|
|
|
|
<!-- 사용 기술 -->
|
|
<text x="1050" y="412" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="12" fill="#475569">사용 기술 스택</text>
|
|
<g font-family="sans-serif" font-size="10" font-weight="700">
|
|
<rect x="966" y="420" width="60" height="24" rx="7" fill="#1e3a8a"/>
|
|
<text x="996" y="436" text-anchor="middle" fill="#60a5fa">Python</text>
|
|
<rect x="1034" y="420" width="44" height="24" rx="7" fill="#052e1c"/>
|
|
<text x="1056" y="436" text-anchor="middle" fill="#34d399">VBA</text>
|
|
<rect x="966" y="452" width="72" height="24" rx="7" fill="#1c1917"/>
|
|
<text x="1002" y="468" text-anchor="middle" fill="#d6d3d1">Selenium</text>
|
|
<rect x="1046" y="452" width="44" height="24" rx="7" fill="#1e1b4b"/>
|
|
<text x="1068" y="468" text-anchor="middle" fill="#a78bfa">RPA</text>
|
|
</g>
|
|
|
|
<!-- 전문가 배지 -->
|
|
<rect x="960" y="492" width="170" height="56" rx="12" fill="#1e3a8a"/>
|
|
<text x="1045" y="516" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" fill="#bfdbfe">7년차 대기업 개발자</text>
|
|
<text x="1045" y="538" text-anchor="middle" font-family="'Malgun Gothic',sans-serif" font-size="13" font-weight="700" fill="#ffffff">직접 분석 · 구현</text>
|
|
|
|
<!-- 하단 바 -->
|
|
<rect x="0" y="638" width="1200" height="37" fill="#052e1c"/>
|
|
<text x="600" y="662" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="600" fill="#ffffff">엑셀 · 이메일 · RPA · 크롤링 · 7년차 대기업 개발자 직접 구축 · jaengseung-made.com</text>
|
|
</svg>
|