AIOF 취준생 2기 1반 4주차 개인 과제: chatGPT와 Genspark를 사용한 웹사이트 기획

소개

최근 한 기업을 지원하면서 포트폴리오를 작성해야 하는 일이 있었습니다. 기업에 맞춰서 포트폴리오를 작성하는 것도 의미있지만, 장기적으로 커리어를 관리하는 데 있어 '웹사이트' 링크를 관리하며 저 스스로를 브랜딩하는 것을 시도해 보고자 했습니다.

진행 방법

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

챗지피티를 주로 사용했으며, 저에 대한 간단한 설명을 기반으로 헤드라인 및 세부 내용 기입에 대해 도움을 받고자 했습니다.

브랜드 웹사이트 기획 생성기 - 나를 브랜딩 할거야. > 논리적인 사고를 바탕으로 구현하는 창의적 아이디어를 가진 마케터 > 거인의 어깨 위에서 숲을 보는 마케터 > 헤드라인, 서브 헤드라인, cta 버튼 어떻게 하면 좋을까? 
한국어 웹 사이트의 스크린 샷
마케터란 기업과 고객, ~~라고 생각합니다의 느낌으로 브랜드 스토리 구성
전화로 한국어의 스크린 샷

최종적으로 완성된 초안을 바탕으로 한 번 더 지피티에게 학습시켰고 > markdown 구조의 브랜드 웹사이트 기획안 최종본을 완성하였습니다.

# 브랜드 웹사이트 기획안 최종본

---

## 1. 브랜드 아이덴티티 (Brand Identity)

| 항목             | 내용                                  |
| -------------- | ----------------------------------- |
| **브랜드명**       | 박수현                                 |
| **업종 / 전문 분야** | 마케터                                 |
| **미션 / 비전**    | 논리적인 사고를 바탕으로 구현하는 창의적 아이디어를 가진 마케터 |
| **슬로건**        | "거인의 어깨 위에서 숲을 보는 마케터"              |

---

## 2. 웹사이트 기획안

### 2.1. 사이트 목표

* 브랜드의 전문성과 가치를 효과적으로 전달
* 관련 이미지로 시각적 효과 향상
* 잠재 고객에게 서비스/제품 문의 및 구매 유도
* 타겟 고객과의 소통을 통해 브랜드 인지도 향상

### 2.2. 전체 사이트맵 (Sitemap)

```
1. 홈 (Home)
2. 소개 (About Us)
3. 서비스 (Services)
4. 블로그/콘텐츠 (Blog/Content)
5. 문의 (Contact)
```

---

## 3. 페이지별 상세 기획

### 3.1. 홈 (Home)

* **Hero Section (최상단)**

  * 헤드라인: `Creative Logic. Logical Creativity`
  * 서브 헤드라인: `논리와 직관을 잇는 전략을 기획합니다.`
  * CTA 버튼: `핵심 프로젝트 보기`

* **간략한 브랜드 소개**

  > "거인의 어깨 위에서 더 넓은 숲을 바라보는 마케터, 박수현입니다. 논리적인 사고를 바탕으로 아이디어를 구현하며, 브랜드와 소비자가 만나는 순간을 특별하게 만드는 전략을 만듭니다."

* **핵심 서비스 / 주요 프로젝트**

  * 롯데 자이언츠 마케팅 공모전 대상: *2030 옴니채널 마케팅 전략*
  * 북향민 창업 지원 프로젝트: *매출 2.5배 달성을 완성한 A/B 테스트*
  * U21 Sustainable Micro-internships: *18개국, 156명과 함께한 글로벌 프로젝트*

---

### 3.2. 소개 (About Us)

* **브랜드 스토리 (Our Story)**

  > "마케터란 기업의 언어를 고객의 언어로 번역하는 사람이라고 생각합니다. 저는 분석의 힘과 아이디어의 감각을 통해, 브랜드와 소비자가 진정으로 만나는 순간을 만들어가고자 합니다."

* **가치 (Values)**

  * 데이터 기반의 논리적 사고
  * 창의성과 전략의 균형
  * 글로벌 협업 경험

---

### 3.3. 서비스 (Services)

* **브랜딩 & 캠페인 전략**

  * 브랜드 아이덴티티 구축
  * 통합 마케팅 캠페인 기획

* **디지털 마케팅 실행**

  * 콘텐츠 마케팅 (블로그, SNS)
  * 퍼포먼스 마케팅 (A/B 테스트, 광고 성과 분석)

* **컨설팅 & 교육**

  * 스타트업 맞춤형 마케팅 컨설팅
  * 워크숍 & 교육 프로그램 진행

---

### 3.4. 블로그 / 콘텐츠 (Blog/Content)

* **콘텐츠 방향성**

  * 마케팅 사례 분석 (케이스 스터디)
  * 최신 마케팅 트렌드 해설
  * 데이터 기반 마케팅 인사이트 공유

* **카테고리 예시**

  * 성공 사례 (Case Study)
  * 실무 팁 (How-to)
  * 트렌드 & 리서치 (Trends)

---

### 3.5. 문의 (Contact)

* **연락처 정보**

  * 이메일: [[email protected]](mailto:[email protected]) (예시)
  * LinkedIn / SNS 링크 제공

* **문의 양식 (Contact Form)**

  * 이름
  * 이메일
  * 문의 내용

* **CTA 버튼:** `문의하기`

---

## 4. 디자인 가이드 (제안)

* **컬러 톤:** 차분한 네이비 & 포레스트 그린 (신뢰 + 창의성)
* **폰트:** 산세리프 계열 (현대적, 깔끔함)
* **이미지 톤:** 전략, 협업, 데이터, 글로벌 네트워크를 연상시키는 비주얼
* **레이아웃:** 미니멀 & 직관적 (CTA 버튼 강조)

---

✅ 이 기획안을 토대로 바로 웹디자인 시안을 제작하거나, 노션/피그마로 목업(Mockup)을 이어갈 수 있습니다.

결과와 배운 점

포트폴리오의 새로운 방식 - '웹사이트'라는 것에 대해서 알고, 쉽게 만드는 방법을 알 수 있어 유의미했습니다.

ai의 도움을 받을 수는 있지만, ai는 도구로서 - 저 스스로에 대해서 작성하는 것인만큼 기초 틀은 제가 잡아야 했습니다. 따라서 다음에는 기존에 작성해둔 '이력서', '자기소개서'를 활용해서 웹사이트를 기획해보고자 합니다. 최근 클로드, 젠스파크, 챗지피티, 제미나이 등 다양한 버전의 프로 llm을 사용할 계기가 생기면서 비교 중인데, ai스터디를 통해 각 생성형 ai의 차이에 대해서 알고 > 각 목적에 부합하게 활용할 수 있어서 유익한 스터디였습니다. 감사합니다.

1

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요