Core Strategy
왜 지금 홈페이지가 중요할까요?
요즘은 검색 후 여러 곳을 비교하고 바로 연락할 곳을 정합니다.
첫 화면의 신뢰도와 상담 동선이 결과를 바꿉니다.
기존 홈페이지에서 자주 보이는 문제
- •로딩이 느려 방문자가 내용을 보기도 전에 나감
- •모바일에서 글자가 겹치거나 보기 불편함
- •전화나 상담 버튼을 찾기 위해 헤매야 함
코드텐에서는 이렇게 바꿉니다
- •휴대폰에서 빠르게 열리도록 구성
- •전화·상담 버튼이 바로 보이게 배치
- •어떤 사무소인지 첫 화면에서 바로 이해
Portfolio
코드텐 포트폴리오
각 템플릿마다 전문직 홈페이지에 필요한 흐름을 담았습니다.
01
PRESTIGE — 01
하이엔드 법무법인용
02
BOUTIQUE — 02
전문 변호사·세무사용
03
BASIC — 03
표준 전문직 사무소용
04
MINIMAL — 04
실적 강조형 다크 라인
Plan
코드텐 플랜
LIGHT
79만원
~
핵심 기능 위주의 빠른 구축
✓전용 디자인 적용
✓7일 초고속 완성
✓검색 최적화 기본
Most Popular
BASIC
159만원
~
가장 추천하는 표준 플랜
✓레이아웃 커스터마이징
✓업종별 특화 기능
✓상담 전환 최적화
BRAND
259만원
~
최고의 전문성을 보여주는 구성
✓프리미엄 풀 커스텀
✓브랜드 스토리 설계
✓하이엔드 비주얼
* 모든 플랜에는 도메인 연결 및 네이버·구글 검색 등록이 포함되어 있습니다.
빠르고, 검색에 최적화된 홈페이지
문의하기
바쁜 전문가를 위해 모든 과정을 대신 처리해 드립니다.
CODETEN (티앤에프)
대표 박현준 | 경기도 고양시 향동동 현대테라타워DMC B동 418호이메일: codeten@codeten.co.kr | © 2026 CODETEN. ALL RIGHTS RESERVED.
수신을 원하지 않으시면 [수신거부]를 클릭해주세요.
Sales Material (HTML for Email)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 0; padding: 0; background-color: #fafbfd; font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; -webkit-font-smoothing: antialiased;">
<div style="width: 100%; max-width: 650px; margin: 40px auto; background-color: #ffffff; border-radius: 40px; overflow: hidden; box-shadow: 0 40px 100px -20px rgba(0,0,0,0.1); border: 1px solid #f0f0f0;">
<!-- 🖤 HERO -->
<div style="background-color: #000000; padding: 100px 40px; text-align: center; background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://codeten.co.kr/symbol2.webp'); background-size: cover; background-position: center;">
<img src="https://codeten.co.kr/logo-white.webp" alt="CODETEN" style="width: 200px; margin-bottom: 40px;">
<h1 style="color: #ffffff; font-size: 36px; font-weight: 800; line-height: 1.3; margin: 0; letter-spacing: -0.02em;">
잘 만든 홈페이지
</h1>
<a href="https://codeten.co.kr" target="_blank" style="background-color: #ff7000; color: #ffffff; padding: 18px 40px; border-radius: 12px; font-size: 18px; font-weight: 900; display: inline-block; margin-top: 40px; text-decoration: none; box-shadow: 0 10px 20px rgba(255, 112, 0, 0.3);">
코드텐 보러가기
</a>
</div>
<!-- ⬜ CORE STRATEGY -->
<div style="padding: 60px 40px; text-align: center;">
<h2 style="font-size: 13px; font-weight: 900; color: #ff7000; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 10px;">Core Strategy</h2>
<h3 style="font-size: 24px; font-weight: 700; color: #000000; margin-bottom: 20px;">왜 지금 홈페이지가 중요할까요?</h3>
<p style="font-size: 15px; color: #666666; line-height: 1.6; margin-bottom: 40px;">요즘은 검색 후 여러 곳을 비교하고 바로 연락할 곳을 정합니다.<br/>첫 화면의 신뢰도와 상담 동선이 결과를 바꿉니다.</p>
<table style="width: 100%; border-collapse: separate; border-spacing: 0 15px;">
<tr>
<td style="background-color: #f8f9fa; padding: 30px; border-radius: 24px; border: 1px solid #f0f0f0; text-align: left;">
<div style="color: #999999; font-size: 14px; font-weight: 700; margin-bottom: 15px;">기존 홈페이지에서 자주 보이는 문제</div>
<div style="font-size: 13px; color: #777777; line-height: 1.8;">
• 로딩이 느려 방문자가 내용을 보기도 전에 나감<br>
• 모바일에서 글자가 깨지거나 보기 불편함<br>
• 전화나 상담 버튼을 찾기 위해 헤매야 함
</div>
</td>
</tr>
<tr>
<td style="background-color: #000000; padding: 30px; border-radius: 24px; text-align: left;">
<div style="color: #ff7000; font-size: 14px; font-weight: 700; margin-bottom: 15px;">코드텐에서는 이렇게 바꿉니다</div>
<div style="font-size: 13px; color: #cccccc; line-height: 1.8;">
• 휴대폰에서 즉시 열리는 압도적 속도 구현<br>
• 첫 화면에 전화·상담 버튼을 최상단 배치<br>
• 어떤 사무소인지 3초 안에 직관적으로 전달
</div>
</td>
</tr>
</table>
</div>
<!-- 📋 TEMPLATE LINEUP -->
<div style="padding: 0px 40px 60px 40px; text-align: center;">
<h2 style="font-size: 12px; font-weight: 900; color: #ff7000; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 15px;">Portfolio</h2>
<h3 style="font-size: 22px; font-weight: 700; color: #000000; margin-bottom: 30px;">코드텐 포트폴리오</h3>
<table style="width: 100%; border-collapse: separate; border-spacing: 15px;">
<tr>
<td style="width: 50%; background-color: #fafafa; border-radius: 20px; overflow: hidden; vertical-align: top;">
<a href="https://codeten.co.kr" target="_blank" style="text-decoration: none;">
<img src="https://codeten.co.kr/templates/01.webp" alt="PRESTIGE" style="width: 100%; display: block;">
<div style="padding: 15px; text-align: left;">
<div style="font-size: 11px; font-weight: 900; color: #000000;">PRESTIGE — 01</div>
<div style="font-size: 12px; color: #888888; margin-top: 5px;">하이엔드 법무법인용</div>
</div>
</a>
</td>
<td style="width: 50%; background-color: #fafafa; border-radius: 20px; overflow: hidden; vertical-align: top;">
<a href="https://codeten.co.kr" target="_blank" style="text-decoration: none;">
<img src="https://codeten.co.kr/templates/02.webp" alt="BOUTIQUE" style="width: 100%; display: block;">
<div style="padding: 15px; text-align: left;">
<div style="font-size: 11px; font-weight: 900; color: #000000;">BOUTIQUE — 02</div>
<div style="font-size: 12px; color: #888888; margin-top: 5px;">전문 변호사·세무사용</div>
</div>
</a>
</td>
</tr>
<tr>
<td style="width: 50%; background-color: #fafafa; border-radius: 20px; overflow: hidden; vertical-align: top;">
<a href="https://codeten.co.kr" target="_blank" style="text-decoration: none;">
<img src="https://codeten.co.kr/templates/03.webp" alt="BASIC" style="width: 100%; display: block;">
<div style="padding: 15px; text-align: left;">
<div style="font-size: 11px; font-weight: 900; color: #000000;">BASIC — 03</div>
<div style="font-size: 12px; color: #888888; margin-top: 5px;">표준 전문직 사무소용</div>
</div>
</a>
</td>
<td style="width: 50%; background-color: #fafafa; border-radius: 20px; overflow: hidden; vertical-align: top;">
<a href="https://codeten.co.kr" target="_blank" style="text-decoration: none;">
<img src="https://codeten.co.kr/templates/06.webp" alt="MINIMAL" style="width: 100%; display: block;">
<div style="padding: 15px; text-align: left;">
<div style="font-size: 11px; font-weight: 900; color: #000000;">MINIMAL — 04</div>
<div style="font-size: 12px; color: #888888; margin-top: 5px;">실적 강조형 다크 라인</div>
</div>
</a>
</td>
</tr>
</table>
</div>
<!-- 💰 PRICING TABLE -->
<div style="padding: 50px 40px; background-color: #f9f9f9; text-align: center;">
<h2 style="font-size: 12px; font-weight: 900; color: #ff7000; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 15px;">Plan</h2>
<h3 style="font-size: 22px; font-weight: 700; color: #000000; margin-bottom: 30px;">코드텐 플랜</h3>
<table style="width: 100%; border-collapse: collapse; background-color: #ffffff; border-radius: 20px; overflow: hidden; border: 1px solid #f0f0f0;">
<thead>
<tr style="background-color: #000000; color: #ffffff;">
<th style="padding: 15px; font-size: 12px; text-align: left;">플랜명</th>
<th style="padding: 15px; font-size: 12px; text-align: center;">가격</th>
<th style="padding: 15px; font-size: 12px; text-align: left;">핵심 특징</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #eeeeee;">
<td style="padding: 15px; font-size: 13px; font-weight: 700;">LIGHT</td>
<td style="padding: 15px; font-size: 15px; font-weight: 800; text-align: center;">79만원~</td>
<td style="padding: 15px; font-size: 11px; color: #666666;">7일 초고속 완성</td>
</tr>
<tr style="background-color: #fff9f0;">
<td style="padding: 15px; font-size: 13px; font-weight: 900; color: #ff7000;">BASIC</td>
<td style="padding: 15px; font-size: 16px; font-weight: 900; text-align: center; color: #ff7000;">159만원~</td>
<td style="padding: 15px; font-size: 11px; color: #666666; font-weight: 700;">상담 전환 최적화</td>
</tr>
<tr>
<td style="padding: 15px; font-size: 13px; font-weight: 700;">BRAND</td>
<td style="padding: 15px; font-size: 15px; font-weight: 800; text-align: center;">259만원~</td>
<td style="padding: 15px; font-size: 11px; color: #666666;">프리미엄 풀 커스텀</td>
</tr>
</tbody>
</table>
<p style="font-size: 11px; color: #999999; margin-top: 20px;">* 가볍게 상담받아보시고 진행 여부를 결정하시면 됩니다.</p>
</div>
<!-- 🚀 CTA -->
<div style="padding: 70px 40px; text-align: center; background-color: #000000;">
<h2 style="color: #ffffff; font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 30px;">
빠르고, 검색에 최적화된 홈페이지
</h2>
<a href="https://codeten.co.kr/contact" target="_blank" style="display: inline-block; background-color: #ff7000; color: #ffffff; padding: 18px 45px; border-radius: 50px; text-decoration: none; font-weight: 900; font-size: 17px;">
문의하기
</a>
<p style="color: #666666; font-size: 12px; margin-top: 20px;">바쁜 전문가를 위해 모든 과정을 대신 처리해 드립니다.</p>
</div>
<!-- 🏛️ FOOTER -->
<div style="padding: 40px; background-color: #ffffff; text-align: center; border-top: 1px solid #f0f0f0;">
<div style="font-size: 12px; color: #bbbbbb; line-height: 1.8;">
<strong style="color: #000000;">CODETEN (티앤에프)</strong><br>
대표 박현준 | 이메일: codeten@codeten.co.kr<br>
© 2026 CODETEN. ALL RIGHTS RESERVED.<br>
<div style="margin-top: 10px; font-size: 11px;">
수신을 원하지 않으시면 <a href="https://codeten.co.kr/unsubscribe" style="color: #bbbbbb; text-decoration: underline;">[수신거부]</a>를 클릭해주세요.
</div>
</div>
</div>
</div>
</body>
</html>