K-Pop 소속사 모델을 디자인에 적용하면?
·조회 19
K-Pop 소속사 모델을 디자인에 적용하면? | 아티링
/* ===== Reset & Base ===== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Pretendard', -apple-system, sans-serif;
color: var(--black);
background: var(--bg-light);
line-height: 1.7;
font-size: 16px;
}
/* ===== Color Variables ===== */
:root {
--blue: #4169E1;
--gray: #5A5A5A;
--green: #2ECC71;
--beige: #F5DEB3;
--purple: #9B59B6;
--sky: #87CEEB;
--pink: #FF69B4;
--yellow: #FFD700;
--black: #2C2C2C;
--white: #FFFFFF;
--bg-light: #FAFAFA;
}
/* ===== Container ===== */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.container-narrow {
max-width: 800px;
margin: 0 auto;
padding: 0 24px;
}
/* ===== Hero Section ===== */
.hero-section {
background: white;
padding: 80px 0 60px;
text-align: center;
}
.breadcrumb {
font-size: 14px;
color: var(--gray);
margin-bottom: 24px;
}
.breadcrumb span:last-child {
color: var(--blue);
font-weight: 600;
}
.hero-title {
font-size: clamp(32px, 5vw, 56px);
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px;
letter-spacing: -0.02em;
color: var(--black);
}
.hero-subtitle {
font-size: clamp(18px, 2.5vw, 24px);
color: var(--gray);
margin-bottom: 32px;
line-height: 1.5;
}
.meta-info {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
font-size: 14px;
color: var(--gray);
flex-wrap: wrap;
}
.meta-info .divider {
color: #D1D5DB;
}
/* ===== Key Stats ===== */
.key-stats-section {
padding: 60px 0;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 24px;
}
.stat-card {
background: white;
padding: 40px 32px;
border-radius: 16px;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
transition: transform 0.3s, box-shadow 0.3s;
}
.stat-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0,0,0,0.12);
}
.stat-icon {
font-size: 48px;
margin-bottom: 16px;
}
.stat-number {
font-size: 56px;
font-weight: 900;
color: var(--blue);
line-height: 1;
margin-bottom: 4px;
}
.stat-unit {
font-size: 24px;
font-weight: 700;
color: var(--blue);
margin-bottom: 12px;
}
.stat-label {
font-size: 16px;
color: var(--gray);
font-weight: 500;
}
/* ===== Content Section ===== */
.content-section {
padding: 80px 0;
width: 100%;
}
.content-section .container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
.section-header {
text-align: center;
margin-bottom: 48px;
}
.section-tag {
display: inline-block;
padding: 6px 16px;
background: var(--blue);
color: white;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
border-radius: 20px;
margin-bottom: 16px;
}
.section-title {
font-size: clamp(28px, 4vw, 40px);
font-weight: 700;
margin-bottom: 16px;
line-height: 1.3;
color: var(--black);
}
.section-title.center {
text-align: center;
}
/* ===== Content Card ===== */
.content-card {
background: white;
border-radius: 16px;
padding: 48px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.card-body {
display: flex;
flex-direction: column;
gap: 40px;
}
.text-block {
max-width: 680px;
margin: 0 auto;
}
.text-block p {
font-size: 18px;
line-height: 1.8;
color: var(--gray);
margin-bottom: 20px;
}
.lead-text {
font-size: 20px;
font-weight: 600;
color: var(--black);
margin-bottom: 20px;
line-height: 1.6;
}
/* ===== Chart ===== */
.chart-wrapper {
background: var(--bg-light);
padding: 32px;
border-radius: 12px;
}
.chart-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 24px;
text-align: center;
color: var(--black);
}
.chart-caption {
margin-top: 16px;
font-size: 14px;
color: var(--gray);
text-align: center;
}
/* ===== Quote ===== */
.quote-section {
padding: 80px 0;
background: var(--blue);
color: white;
}
.big-quote {
text-align: center;
padding: 0;
border: none;
}
.big-quote p {
font-size: clamp(24px, 3vw, 36px);
font-weight: 700;
line-height: 1.4;
margin-bottom: 24px;
}
.big-quote cite {
font-size: 16px;
font-style: normal;
opacity: 0.8;
}
/* ===== Comparison Grid ===== */
.comparison-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
width: 100%;
justify-items: stretch;
}
.compare-card {
background: white;
border-radius: 16px;
padding: 40px 32px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
transition: transform 0.3s;
width: 100%;
box-sizing: border-box;
}
.compare-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0,0,0,0.12);
}
.compare-card.before {
border-top: 4px solid var(--gray);
}
.compare-card.after {
border-top: 4px solid var(--green);
}
.card-header {
margin-bottom: 24px;
}
.badge {
display: inline-block;
padding: 4px 12px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
border-radius: 12px;
margin-bottom: 12px;
}
.badge-gray {
background: #F3F4F6;
color: var(--gray);
}
.badge-blue {
background: #DBEAFE;
color: var(--blue);
}
.card-header h3 {
font-size: 24px;
font-weight: 700;
margin: 0;
color: var(--black);
}
.big-number {
font-size: 64px;
font-weight: 900;
line-height: 1;
margin-bottom: 16px;
}
.big-number.color-gray {
color: var(--gray);
}
.big-number.color-blue {
color: var(--blue);
}
.big-number.color-green {
color: var(--green);
}
.compare-card p {
font-size: 18px;
color: var(--gray);
line-height: 1.7;
margin-bottom: 20px;
}
.feature-list {
list-style: none;
padding: 0;
margin-top: 24px;
}
.feature-list li {
padding: 12px 0;
position: relative;
font-size: 17px;
color: var(--gray);
line-height: 1.7;
}
.feature-list li.highlight {
color: var(--green);
font-weight: 600;
}
/* ===== Data Table ===== */
.data-table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
}
.data-table thead {
background: var(--bg-light);
}
.data-table th {
padding: 16px;
text-align: left;
font-weight: 700;
color: var(--black);
border-bottom: 2px solid #E5E7EB;
}
.data-table td {
padding: 16px;
border-bottom: 1px solid #E5E7EB;
}
.data-table tbody tr:hover {
background: var(--bg-light);
}
/* ===== Timeline ===== */
.timeline {
position: relative;
padding-left: 40px;
}
.timeline::before {
content: '';
position: absolute;
left: 15px;
top: 0;
bottom: 0;
width: 2px;
background: var(--blue);
}
.timeline-item {
position: relative;
padding-bottom: 48px;
}
.timeline-marker {
position: absolute;
left: -40px;
top: 0;
width: 32px;
height: 32px;
background: var(--blue);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px;
}
.timeline-content h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
color: var(--black);
}
.timeline-content p {
font-size: 18px;
color: var(--gray);
line-height: 1.7;
}
/* ===== CTA Section ===== */
.cta-section {
padding: 80px 0;
background: var(--black);
color: white;
}
.cta-card {
text-align: center;
padding: 60px 40px;
background: var(--black);
border-radius: 20px;
}
.cta-title {
font-size: clamp(28px, 4vw, 40px);
font-weight: 700;
margin-bottom: 20px;
line-height: 1.3;
}
.cta-description {
font-size: 18px;
opacity: 0.8;
margin-bottom: 40px;
line-height: 1.6;
}
.cta-buttons {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 40px;
}
.btn {
display: inline-block;
padding: 16px 40px;
font-size: 16px;
font-weight: 700;
border-radius: 50px;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
cursor: pointer;
border: none;
}
.btn:hover {
transform: scale(1.05);
}
.btn-primary {
background: var(--yellow);
color: var(--black);
}
.btn-primary:hover {
box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4);
}
.btn-secondary {
background: white;
color: var(--black);
}
.btn-secondary:hover {
box-shadow: 0 8px 20px rgba(255, 255, 255, 0.3);
}
/* ===== Divider ===== */
hr {
border: none;
border-top: 2px solid #E5E7EB;
margin: 48px 0;
}
/* ===== Responsive ===== */
@media (max-width: 768px) {
.hero-section {
padding: 60px 0 40px;
}
.content-card {
padding: 32px 24px;
}
.stats-grid {
grid-template-columns: 1fr;
}
.comparison-grid {
grid-template-columns: 1fr;
}
.cta-buttons {
flex-direction: column;
}
.btn {
width: 100%;
}
}
블로그 > 플랫폼 구조 설계
K-Pop 소속사 모델을 디자인에 적용하면?
SM·JYP처럼 디자이너도 '소속사' 시스템이 필요하다
아티링 창업자, 임수연
•
2026.01.08
•
10분 읽기
👥
0
명
소속사 최소 인원 (K-Pop처럼 팀 단위)
💰
0
배
프리랜서 실수령액
Intro
BTS는 소속사가 있는데, 디자이너는 왜 혼자일까?
어느 날 문득 이런 생각이 들었습니다.
"방탄소년단은 하이브, 블랙핑크는 YG가 있는데... 왜 디자이너는 혼자 싸워야 하지?"
저는 10년차 그래픽 디자이너입니다. 프리랜서로 5년을 일하며 매일 반복되는 패턴이 있었습니다.
오전 9시: 견적 문의 3건 답장
오전 10시: 수정 요청 협의 2건
오전 11시: 새 프로젝트 상담 1건
오후 2시: 겨우 작업 시작
오후 6시: 또 다른 문의에 답장
실제 디자인 작업? 하루 8시간 중 고작 3시간(30%)이었습니다.
그러다 K-Pop 아이돌 다큐멘터리를 보게 되었습니다. 방탄소년단이 연습에만 집중할 수 있었던 이유는 하이브가 스케줄 관리, 계약 협상, 법률 문제, 재정 관리를 모두 처리해줬기 때문이었습니다.
"디자이너에게도 이런 시스템이 필요하지 않을까?"
그렇게 아티링의 '소속사 모델'이 탄생했습니다.
Problem
K-Pop 아이돌 vs 프리랜서 디자이너
구분
K-Pop 아이돌
프리랜서 디자이너
결과
소속
하이브, SM, JYP 등 소속사
개인
😢 혼자 모든 걸 처리
업무 집중도
공연·음악에 90% 집중
작업 30%, 상담 70%
😢 작업 시간 부족
수입 구조
소속사가 70% 가져감 → 하지만 4대보험·훈련·마케팅 제공
100% 받음 → 하지만 하청 구조로 실제 30%만 수령
😢 실수령 30%
사회안전망
4대보험 가입 가능
4대보험 미가입 대상
😢 노후 준비 불가
백업 시스템
멤버 한 명 아파도 팀이 커버
프리랜서 아프면 프로젝트 중단
😢 신뢰도 하락
글로벌 진출
소속사가 해외 시장 개척
개인이 혼자 영업
😢 확장 불가능
핵심 문제:
▶ K-Pop은 "팀 시스템"으로 세계 정복
▶ 디자이너는 "개인 시스템"으로 생존 투쟁
Solution
디자인계의 하이브, 아티링 소속사 구조
소속사 모델 핵심 3원칙
💡 원칙 1. 개인 → 조직 책임 전환
Before (개인 프리랜서)
📝 클라이언트가 "개인"과 계약
⚠️ 중도 포기 리스크 100% 클라이언트 부담
👤 개인 신뢰도에만 의존
After (소속사 조직)
🏢 클라이언트가 "법인·사업자"와 계약
🔄 백업 시스템 (소속 디자이너 5-20명)
✅ 중도 포기 0% (다른 팀원이 즉시 투입)
⭐ 조직 신뢰도 = 대형 프로젝트 수주 가능
💡 원칙 2. AI 자동 매칭으로 상담 시간 90% 절감
Before (개인 프리랜서)
🔍 일감 찾기: 하루 2-3시간 소요
📄 견적 작성: 프로젝트당 30분
💬 수정 협의: 왕복 2-3시간
⏰ 총 상담 시간: 하루 7시간 (70%)
After (소속사 AI 매칭)
🤖 나라장터 자동 크롤링 (일 120건)
🧠 GPT-4 적합도 분석 (1-2분)
🎯 상위 5개 소속사 자동 추천
⚡ 총 상담 시간: 하루 1시간 (10%)
결과:
★ 작업 시간 30% → 90%로 3배 증가
★ 의사결정 시간 1-2일 → 1시간으로 단축
💡 원칙 3. Type별 맞춤 복지
아티링 소속사는 4가지 Type으로 운영됩니다. K-Pop에서 솔로·유닛·정규 앨범이 다르듯, 디자이너도 라이프스타일에 맞춘 선택이 가능합니다.
Type A (프리미엄-유연형)
👔 베테랑 전문가 (경력 10년 이상)
🛡️ 4대 보험, 퇴직금
🌍 글로벌 진출 지원
⏱️ 유연근무 100%
Type B (중급-균형형)
💼 중급 경력자 (경력 3-10년)
🛡️ 4대 보험, 퇴직금, 교육비 지원
👶 육아 리스크 최소화
⚖️ 투자자 수익 중립
Type C (재원급-안정형)
🎓 신입, 경력단절 여성, 노인 (만 55세 이상)
🛡️ 4대 보험 100%, 정부 지원 70%
📚 3개월 무료 교육 (140시간)
♿ 장애인 12개월 재시작 지원
Type F (근로자형)
🏢 안정성 최우선 직장인형
🛡️ 4대 보험 의무, 퇴직금
👶 육아휴직 1년 (K-Pop도 없는 혜택!)
⚖️ 투자자 수익 중립
Analysis
숫자로 보는 소속사 모델의 위력
Before
작업 시간
3시간/일
실제 디자인 작업 (30%)
상담·협의에 대부분의 시간을 소비합니다.
After
작업 시간
9시간/일
실제 디자인 작업 (90%)
3배 증가 (6시간 ↑)
🤖 AI 자동 매칭으로 상담 1시간으로 단축
📋 소속사가 견적·계약·정산 처리
🎨 창작에만 집중 가능
Before
사회안전망
미가입
4대보험 미가입 70% (280만명)
노후 준비가 불가능한 상태입니다.
After
사회안전망
가입
4대보험 가입 100% (전 타입)
노후 보장 확보
💵 국민연금 수급권 확보 (40년 납부 시 1억 9,200만원)
🏥 건강보험 의료비 200만원 절감
💼 실업급여 900만원 (Type F)
Process
K-Pop 아이돌 데뷔처럼, 단계별 성장 전략
1
연습생 기간 (3개월 무료 교육)
📚 140시간 커리큘럼 (Ai, Ps, Figma, 포트폴리오)
🎓 자격증 취득 (GTQ, 컴퓨터그래픽스운용기능사)
✅ AI + 전문가 품질 검증
🎯 입사 성공률 80% (K-Pop 연습생보다 높음!)
2
데뷔 (소속사 선택)
🎯 Type A/B/C/F 중 선택
📊 포트폴리오 자동 분석 (적합도 95%)
🏢 적합 소속사 5개 추천
⚡ 1시간 내 매칭 완료
3
활동 시작 (프로젝트 수주)
🤖 나라장터 자동 크롤링 (일 120건)
⭐ 소속사 단위 수주 (신뢰도 2배 ↑)
🔄 백업 시스템 (중도 포기 0%)
👥 팀 협업으로 대형 프로젝트 가능
4
월드 투어 (글로벌 진출)
🇯🇵 일본 진출 (2027년, 도쿄 법인)
🇹🇭 동남아 진출 (2028년, 호치민·방콕)
🇩🇪 유럽 진출 (2029년, 베를린)
🌏 아시아 1위 플랫폼 (2030년 목표)
"BTS가 세계를 정복한 비결은 '팀워크'였습니다. 디자이너도 혼자가 아닌 '소속사 시스템'으로 더 큰 무대에 설 수 있습니다."
아티링 창업자, 임수연
Structure
아티링 소속사 생태계 구조도
3자 구조 (이해관계자)
[정부/지자체 발주]
↓
나라장터 API
↓
AI 자동 매칭 (GPT-4)
↓
[아티링 플랫폼]
↙ ↓ ↘
[소속사 A] [소속사 B] [소속사 C]
(5-20명) (5-20명) (5-20명)
↓ ↓ ↓
디자이너 디자이너 디자이너
(Type A~F 선택)
핵심 역할:
🏛️ 정부/지자체: 투명한 발주 (나라장터 공개)
🤖 아티링 플랫폼: AI 자동 매칭, 백오피스 자동화, 4대보험 API 연동
🏢 소속사: 법인 책임, 팀 관리, 백업 시스템, 교육 제공
🎨 디자이너: 창작에만 집중, 4대보험 가입가능
Types
내 라이프스타일에 맞는 소속사 Type 찾기
Type
대상
월급
4대보험
육아휴직
글로벌 진출
추천 대상
A (프리미엄)
경력 10년↑
고액
✓
-
✓
베테랑 전문가
B (균형)
경력 3-10년
중간
✓
협의
-
중급 경력자
C (안정)
신입, 경단녀, 55세↑
최저
✓
-
-
재시작, 은퇴 준비
F (근로자)
안정 최우선
저,중간
✓
1년
-
직장인형
특이사항:
★ Type F만 육아휴직 1년 제공 (K-Pop 아이돌도 없는 혜택!)
★ 모든 Type 4대보험 가입가능
★ 정부 지원 활용 (Type C는 정부 지원 70%)
Conclusion
디자이너도 '팀'으로 일할 때입니다
10년간 혼자 싸웠습니다
저는 10년간 프리랜서로 일하며 매일 이런 생각을 했습니다.
"BTS는 7명이서 세계를 정복했는데, 나는 왜 혼자 견적서와 싸우고 있지?"
K-Pop 아이돌은 소속사가 스케줄 관리, 법률 문제, 재정 관리를 처리해줘서 공연에만 집중할 수 있었습니다. 그 결과 빌보드 1위, 그래미 후보, 월드 투어를 달성했습니다.
디자이너에게도 '소속사'가 필요합니다
아티링의 소속사 모델은 이렇게 작동합니다:
📋 소속사가 행정 처리 → 디자이너는 창작에만 집중
🤖 AI가 자동 매칭 → 상담 시간 90% 절감
🔄 팀 백업 시스템 → 중도 포기 0%, 신뢰도 2배
🛡️ 4대보험 가입 → 노후 보장 확보
💰 수수료 5% (경쟁사 1/4 수준)
완벽하진 않을 겁니다
하지만 적어도:
⏰ 하루 7시간 상담하는 '상담사'가 아닌
하루 9시간 작업하는 '디자이너'로 살 수 있습니다
💰 500만원 중 150만원 받는 '하청 인력'이 아닌
500만원 중 475만원 받는 '전문가'로 대우받을 수 있습니다
🛡️ 4대보험 없이 불안한 '임시직'이 아닌
국민연금 수급권이 있는 '정규직'처럼 일할 수 있습니다
BTS처럼, 팀으로 세계를 정복하고 싶습니다
2026년 하반기, 아티링이 출시됩니다.
디자인계의 하이브가 되고 싶습니다.
함께 만들어갈 디자이너, 기다리고 있습니다.
— 아티링 창업자, 임수연
디자인계의 BTS가 되고 싶다면
2026년 하반기 정식 출시. K-Pop처럼 '소속사 시스템'으로 일하고 싶은 디자이너를 기다립니다. 오픈전 사전 등록하시면 3개월 무료 교육 우선 신청 기회를 드립니다.
소속사 사전 등록 (무료 교육)
다른 기록 더 보기
// AOS 초기화
AOS.init({
duration: 800,
once: true,
offset: 100
});
// 카운터 애니메이션
function initCounters() {
if (typeof CountUp === 'undefined' && typeof countUp === 'undefined') {
document.querySelectorAll('.stat-number').forEach(el => {
const target = parseFloat(el.dataset.count);
if (target && !isNaN(target)) {
const hasDecimal = target % 1 !== 0;
const decimals = hasDecimal ? 1 : 0;
el.textContent = target.toFixed(decimals);
}
});
setTimeout(initCounters, 500);
return;
}
const CountUpClass = typeof CountUp !== 'undefined' ? CountUp : countUp;
document.querySelectorAll('.stat-number').forEach(el => {
const target = parseFloat(el.dataset.count);
if (target && !isNaN(target)) {
const hasDecimal = target % 1 !== 0;
const decimals = hasDecimal ? 1 : 0;
const options = {
duration: 2,
useEasing: true,
separator: ',',
decimal: '.',
decimals: decimals
};
try {
const counter = new CountUpClass(el, target, options);
if (counter.error) {
el.textContent = target.toFixed(decimals);
return;
}
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
counter.start();
observer.unobserve(entry.target);
}
});
}, { threshold: 0.5 });
observer.observe(el);
} catch (e) {
el.textContent = target.toFixed(decimals);
}
}
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCounters);
} else {
setTimeout(initCounters, 100);
}
// iframe 높이 자동 전달
function sendHeightToParent() {
if (window.parent !== window) {
const height = Math.max(
document.body.scrollHeight,
document.body.offsetHeight,
document.documentElement.clientHeight,
document.documentElement.scrollHeight,
document.documentElement.offsetHeight
);
window.parent.postMessage({
type: 'iframe-resize',
height: height
}, '*');
}
}
window.addEventListener('load', () => {
sendHeightToParent();
setTimeout(sendHeightToParent, 2000);
});
let resizeTimer;
window.addEventListener('resize', () => {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(sendHeightToParent, 300);
});
const observer = new MutationObserver(() => {
sendHeightToParent();
});
observer.observe(document.body, {
childList: true,
subtree: true,
attributes: true
});
