브랜딩 GPTs를 활용하여 랜딩페이지까지 제작을 한바퀴 돌려본 경험사례 공유

소개

시도하고자 했던 것과 그 이유를 알려주세요.

1인기업으로서 전산인프라 기술지원 업체와 닭강정매장을 운영하고 있는데 닭강정매장의 브랜딩을 잘 만들어서 프랜차이즈까지 발전시키고 싶은 마음이 크지만, 현 단계에서 좀 더 실속있고 바로 적용해볼수 있을것 같고, 그동안 계속 아쉬웠던 전산 본업의 브랜딩을 정리해보고 싶어서 먼저 시도해보았습니다. 또한 이번 브랜딩을 기반으로 영업적으로 활용할 수 있는 랜딩페이지와 슬라이드 소개장표도 같이 만들어보려 했습니다.

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

  • ChatGPT GPTs : 브랜딩 스터디장 이림님께서 공유해주신 Branding step1~5 GPTs

  • Genspark AI슬라이드, AI개발자

  • Netlify Manual 배포

  • 크롬익스텐션 prettyprompt

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

우선 다음의 프롬프트로 시작했습니다.

중소기업에는 전산 인프라 전문 관리인력이 없어서 보안상 헛점이 많고 제대로 관리를 할 수 없기때문에 사소한 웹페이지 하나만으로도 대외적 신인도를 낮추고 있는 경우가 많습니다. 이런 기업들이 그렇다고 상대적으로 고 임금인 전문인력을 채용하기도 현실적으로 어렵기 때문에 비 전문가인 총무나 인사팀에서 대충 한꺼번에 맡는 경우가 많은데, 이를 대신해서 20년 경력의 노하우를 기반으로 합리적인 비용으로 전산환경을 효율적이고 전산 보안을 강화해서 랜섬웨어등의 침해사고를 미연에 방지할 수 있는 환경을 제공하고자 합니다.

비용 절감을 위해 총무팀, 혹은 인사팀의 비전문인력이 전산환경을 관리하고 운영하면서 제대로 된 관리가 어려우며 오히려 ERP, 그룹웨어등의 핵심자산이 랜섬웨어 감염등으로 인해 필요업는 비용이 더 발생하는 경우가 많습니다.

그동안 계속 맘속에만 가지고 있었지만 실제로 표현하기가 너무 막연했던 내용입니다.

대충 입력해도 찰떡같이 알아듣는 AI에 익숙해져서인지 지금보니 맥락이 시원스럽지 않고 글을 좀 대충 쓴것이 눈에 밟히네요.

그럼에도 불구하고 각 단계별 GPTs와 대화를 이어나가면서 두고두고 활용할만한 좋은 인사이트들을 많이 얻을수 있었고 특히 아래와 같이 매우 맘에 드는 슬로건을 하나 건진것만 해도 매우 값진 결과라고 생각합니다.

“문제를 복구하는 것보다, 애초에 막는 게 전산의 일이다”

각 단계별 산출물을 마지막 GPTs에 모두 붙여넣어 다음과 같은 결과를 도출할 수 있었습니다.

SYSCARE 브랜딩 휠 완성
🎨 브랜딩 휠 시각 구조
         🎤 "문제를 복구하는 것보다, 애초에 막는 게 전산의 일이다"  
              📊 행동 촉발형
                   |
   💎 고객 눈높이 설명  🚀 정기 점검/보안 모니터링  💎 사고 예방·비용 절감
        \                |                /
         \            🏷️ SYSCARE          /  
          \    "합리적 비용의 전산 보안 인프라 운영 아웃소싱"   /
        /                |                \
   💎 투명 운영 제공   ✨ 보안사고 없는 성장환경   💎 신뢰·안심 전달
                   |
              💎 CARE 중심 차별성


🗣️ 보이스:
✅ 고객 눈높이 설명 | 사고 예방 조언 | 구체적 수치 제시
❌ 어려운 전문용어 | 문제 은폐 | 추상적 “괜찮습니다”
🎨 감각: 시각[파란색/유리] | 청각[클래식/안정된 리듬] | 촉각[단단·투명]

🔄 실행접점: 📱디지털 | 📱SNS | 💬소통 | 🎨시각 | 📝콘텐츠 | 📦제품 | ⚠️위기

📊 KPI: 1개월[구축] | 3개월[인지] | 6개월[관계]

🎯 브랜딩 휠 세부 내용
🔴 CENTER - 브랜드 코어

🏷️ 브랜드명: SYSCARE
🎯 한줄 정의: "합리적 비용의 전산 보안 인프라 운영 아웃소싱"
💡 브랜드 DNA: 예방·안심·투명

🟠 RING 1 - 브랜드 정체성

🚀 미션: 전산 인프라의 정기 점검 및 보안 모니터링 제공
✨ 비전: 중소기업이 보안 사고 없이 안정적으로 성장하는 환경
🎯 해결 문제: 비전문 인력 관리로 인한 비용·보안 리스크 구조
👥 타깃: IT 담당자가 없는 30~50대 중소기업 대표 (합리적 비용·안전 중시)

🟡 RING 2 - 핵심 가치

💎 고객 눈높이 설명: 전문성을 쉬운 언어로 해석
💎 사고 예방: 문제 발생 전 선제적 대응
💎 비용 절감: 장기적 총비용 최소화
💎 투명 운영: 현황과 데이터를 숨김없이 제공
💎 신뢰 구축: 돌봄(Care) 기반의 관계 형성

🟢 RING 3 - 브랜드 언어

🎤 슬로건: "문제를 복구하는 것보다, 애초에 막는 게 전산의 일이다"
📊 전략: 행동 촉발형
❓ 핵심 질문: "왜 항상 문제가 생긴 후에야 조치를 취할까?"
💝 목표 감정: 경각심·자각
🏷️ 네이밍: 기능 직관형 + CARE(돌봄) 차별 포인트

🔵 RING 4 - 브랜드 보이스

✅ DO: 쉬운 설명 | 예방적 조언 | 구체적 데이터 제시
❌ DON'T: 어려운 기술용어 | 문제 은폐 | 추상적 안정 표현
🎨 감각:

시각: 파란색·유리 질감 (투명·안정)

청각: 클래식 리듬 (꾸준함·안정)

촉각: 단단·보호막 같은 신뢰

🟣 RING 5 - 실행 접점

📱 디지털: 예방 점검 예약 버튼·무사고 카운터
📱 SNS: “복구 vs 예방” 인포그래픽·해시태그 캠페인
💬 소통: 상담 시작 멘트 “문제 생기기 전에 막으셨나요?”
🎨 시각: 블루·유리감 디자인, 투명 데이터 시각화
📝 콘텐츠: 사고 전/후 시뮬레이션, 비용 절감 비교 영상
📦 제품: 월간 예방 점검 패키지·위험 조기 알림 리포트
⚠️ 위기: 장애 발생 시 원인 은폐 금지·실시간 투명 공지

⚫ RING 6 - 성과 측정

📊 1개월: 구축률100% | 내부 인지80% | 일관성90%
📊 3개월: Recall30% | 이해율70% | 차별화50%
📊 6개월: NPS30+ | 재구매+20% | 추천고객15%

🔍 브랜딩 휠 검증 결과

수직 일관성: 6/6개 (우수)
수평 일관성: 6/6개 (우수)
차별화: 5/5개 (충분)
완성도 등급: A+

🎨 시각화 가이드

컬러 체계:

Primary: 블루 (신뢰·안정)

Secondary: 화이트/실버 (투명·중립)

Accent: 오렌지 (경각심·행동 촉발)

Neutral: 그레이 (구분·배경)

비율:

Center 15% | Ring1-2 각15% | Ring3-4 각20% | Ring5-6 각15%

링 간 여백 2-3%, 얇은 회색 구분선

📋 활용 체크리스트
신규 프로젝트 시 (4단계)

□ 가치 부합성 (RING 2) □ 보이스 일치성 (RING 4)
□ 실행 연결성 (RING 5) □ KPI 연계성 (RING 6)

팀 브리핑 시 (7분 30초)

□ CENTER 소개 (30초) □ 정체성/가치 (2분)
□ 언어/보이스 (2분) □ 실행/측정 (3분)

어딘가에 프린트해서 붙여놓고 두고두고 참조해야할 내용들이네요.

Syscare

AI 이미지 생성에 한글은 아직 어려운가봅니다.

그리고 이 내용들을 기반으로 영업용 활용자료를 만들고 싶었습니다.

이전 대화에서 완성된 SYSCARE 브랜드의 브랜딩 휠 정보와 슬라이드 초안 기획안을 기반으로, genspark.ai에서 고객에게 효과적으로 어필할 수 있는 브랜드 소개 자료를 PPT 형식으로 작성해주세요.자료 구성:* 대상: 잠재 고객* 형식: PPT 슬라이드 (총 12~15장 분량)* 핵심 내용: SYSCARE 브랜드의 핵심 가치 및 정체성 브랜드 언어 (보이스, 감각 등) 고객에게 제공하는 가치 및 차별점 브랜딩 휠의 주요 구성 요소 및 시각화 향후 발전 가능성 및 비전 톤앤매너: 전문적이고 설득력 있으며, 고객의 흥미를 유발하는 톤* 포함 요소: 이전 대화에서 제공된 브랜딩 휠의 시각 구조, 보이스, 감각, 실행 접점, KPI, 검증 결과, 시각화 가이드 등을 PPT 슬라이드에 맞게 재구성하여 포함해주세요. 특히, 고객이 SYSCARE의 가치를 명확히 인지하고 매력을 느낄 수 있도록 구체적인 예시와 함께 설명해주세요.

크롬익스텐션인 prettyprompt를 이용하여 프롬프트를 고도화했습니다. (무료는 하루 3번 만들수 있습니다.)

결과물: https://www.genspark.ai/agents?id=50e6387e-4974-4e14-ad64-3cae732873e2

그리고 랜딩페이지도 요청을 해봤습니다.

이 내용으로 후킹영상 기획을 포함한 랜딩페이지도 기획해주세요.

📌 SYSCARE 랜딩페이지 & 후킹영상 기획안
1. 랜딩페이지 전체 구조
① 히어로 섹션 (첫 화면)

후킹 카피:
“복구가 아니라, 애초에 막는 게 전산의 일입니다”

서브 카피:
“사고가 터지기 전에, SYSCARE가 지켜드립니다.”

CTA 버튼: [예방 점검 예약하기] [무료 상담 신청]

배경: 파란색·유리 질감, 보호막 이미지

② 문제 제기 섹션

헤드라인: “왜 늘 문제가 생기고 나서야 고치십니까?”

콘텐츠:

“비전문 인력이 전산을 맡으면 더 큰 비용과 보안 리스크 발생”

“복구 비용 > 예방 비용 (최소 3배 차이)”

시각: 복구 vs 예방 비용 비교 그래프

③ SYSCARE 솔루션 섹션

헤드라인: “SYSCARE는 예방으로 답합니다”

3핵심 포인트 카드:

정기 점검 & 보안 모니터링

투명한 리포트 제공

합리적 비용 & 신뢰 기반 관리

CTA 버튼: [나의 전산 상태 확인하기]

④ 브랜드 가치 & 차별화 (브랜딩 휠 연결)

핵심 가치 5개 아이콘 나열 (고객 눈높이 설명 · 예방 · 비용 절감 · 투명 운영 · 신뢰)

SYSCARE만의 차별화: CARE 네이밍 → 따뜻한 파트너십 강조

⑤ 고객 사례 & 효과 섹션

“예방 점검으로 장애 발생 40% 감소”

“재계약율 +20%, 추천 고객 +15%”

실제 고객 인터뷰 인용(짧고 직설적)

⑥ CTA & 예약 섹션

헤드라인: “당신의 전산은 지금 안전합니까?”

CTA 버튼: [무료 예방 진단 받기]

부가 텍스트: “30분 진단으로 비용 절감 가능성을 확인하세요.”

⑦ 브랜드 보증 & 마무리

핵심 문구 반복: “복구가 아니라 예방”

신뢰 요소: 무사고 일수 카운터 / 보안 리포트 샘플 제공

하단: SYSCARE 로고 + 문의 채널

2. 후킹영상 기획안 (랜딩페이지 최상단 삽입)
🎥 영상 콘셉트: “문제가 터진 후의 비용 vs 예방의 가치”
장면 구성

시작 (0~5초)

화면: “서버 다운” 빨간 경고음 → 사무실 혼란

텍스트: “문제가 생기고 나서야 고치십니까?”

문제 강조 (5~10초)

그래픽: “복구 비용 = 예방 비용의 3배”

짧은 나레이션: “복구는 늦고, 비용은 더 큽니다.”

해결 제시 (10~20초)

SYSCARE 로고 등장

키 메시지: “문제를 막는 게 전산의 일이다”

장면: 전문가가 모니터링, 투명 리포트 화면 표시

가치 강조 (20~25초)

아이콘 애니메이션: 예방 · 투명 · 비용 절감 · 신뢰

텍스트: “SYSCARE = 예방과 투명으로 성장 지킴”

콜투액션 (25~30초)

화면: CTA 버튼 “예방 점검 예약하기” 강조

배경: 파란색 + 보호막 이미지

톤앤매너

직설적, 경각심 유발 → 안정·신뢰 강조

컬러: 블루, 화이트, 오렌지 포인트

음악: 긴장감 있는 시작 → 안정적 클래식 리듬

3. 기대 효과

고객이 “복구 대신 예방” 메시지에 강하게 공감

랜딩페이지 방문 → 영상 시청 → CTA 클릭 전환율 상승

SYSCARE를 단순 IT 업체가 아닌 **“예방 파트너”**로 인식

후킹영상은 차후에 도전해보기로 하고 랜딩페이지에 대한 내용을 그대로 젠스파크에 붙여넣어서 나온 결과물로 글꼴 변경등의 다소 실랑이를 하고나니 매우 멋진 랜딩페이지가 완성되었습니다.

결과물을 zip파일로 다운받을수 있었고, 이를 Netlify에 업로드해서 웹 배포까지 완료했습니다.

나중에 큐알코드등을 만들어서 여기저기 사용하면 되겠습니다.

물론 내용은 지속적으로 보완을 해나갈 예정입니다.

결과물: https://mlkit-syscare.netlify.app/

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

  • 이림님의 브랜딩 GPTs 너무 좋습니다. 계속해서 브랜딩 정립을 위해 다양한 시도를 해봐야겠습니다.

  • 폰트는 기본 생성해주는 구글폰트대신에 가독성 좋고, 공간활용 좋고, 전문적인 느낌이 물씬 난다고 생각되는 프리텐다드 폰트로 바꾸고 싶었습니다. 그런데 웹폰트도 종류도 많고 뭘 어떻게 쓰는게 좋은지 모르겠어서 https://github.com/orioncactus/pretendard 이 링크를 젠스파크 프롬프트에 넣어주고 알아서 최적의 세팅으로 바꿔달라고 하니 여러가지 설정들을 알아서 잘 만들어주네요.

과정 중에 어떤 시행착오를 겪었나요?

  • 각 GPTs 의 결과물이 무엇인지, 어떤 내용을 다음 GPTs에 넣어야하는지 다소 혼란스러웠는데 한번 전체 프로세스를 돌고 나니 감이 잡히네요. 좋은 툴 만들어주신 이림님께 다시한번 감사드립니다.

  • 젠스파크에서 생성된 랜딩페이지를 어떻게 웹에 올리는지 다소 헤메었습니다. 젠스파크에서는 Cloudflare를 연동해놓고 있었지만 저의 현황과는 맞지않아서 활용을 못하고 결국 파일을 모두 zip으로 다운로드 후 네트리파이에 간단하게 올릴수 있었습니다.

앞으로의 계획이 있다면 들려주세요.

  • 랜딩페이지와 슬라이드를 꾸준히 보완해나갈 것

  • 브랜딩 최종결과물과 중간에 나왔던 활용 팁들을 잘 정리해서 한번씩은 써먹을 것

  • 후킹영상을 만들어서 랜딩페이지에 넣을것

  • 이림님의 GPTs를 이용하여 닭강정 매장을 포함하여 지속적으로 브랜딩을 갈고 닦을것

  • 오늘 만든 랜딩페이지를 포함한 블로그 글쓰기 도전

2
1개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요