브랜드 경험을 전달하는 마케팅 콘텐츠
브랜드의 콘셉트와 분위기를 시각 콘텐츠로 구체화하고, 이를 통해 브랜드 경험을 전달하는 방법에 관심이 있습니다.
Project
마케팅 프랙티컴 — Midjourney와 Veo3를 활용해 가상창업 ‘Warm Seoul Bar’의 마케팅 영상을 제작했습니다.
프로필
기본 정보
관심 분야
프로젝트 3건을 근거로 한 관심 축 3개
AI를 활용한 서비스 설계와 프로토타이핑
AI 도구로 서비스 아이디어를 구조화하고 앱 프로토타입과 발표자료까지 빠르게 구현하는 바이브 코딩 방식에 관심이 있습니다.
Project
IT캡스톤 디자인 — Custom GPT로 가상창업 ‘마이셰프’의 앱을 설계하고, Perplexity Computer와 Gemini로 프로토타입과 HTML 발표자료를 제작했습니다.
비즈니스 데이터 분석과 정보 전달
기업의 재무 데이터를 분석하고, 분석 내용을 이해하기 쉬운 발표자료로 구성하는 과정에 관심이 있습니다.
Project
기업인수합병과 전략적 제휴 — Comet 브라우저로 DART 재무제표를 분석하고 Claude Design으로 PPT 자료를 제작했습니다.
사용 도구
프로젝트에서 사용한 AI 도구
| Tool | Usage |
|---|---|
| Midjourney | ‘Warm Seoul Bar’ 마케팅 영상 제작을 위한 시각 자료 생성 |
| Veo3 | ‘Warm Seoul Bar’ 마케팅 영상 제작 |
| Custom GPT | ‘마이셰프’ 앱 설계 |
| Perplexity Computer | ‘마이셰프’ 앱 프로토타입 제작 |
| Gemini | ‘마이셰프’ HTML 발표자료 제작 |
| Comet 브라우저 | DART 재무제표 분석 |
| Claude Design | 재무제표 분석 결과를 담은 PPT 자료 제작 |
Production Note
이 페이지의 제작 과정
제작 목표
프로젝트 경험을 관심 분야 중심의 자기소개 페이지로 구성하고, 콘텐츠 구조화부터 HTML 구현까지의 제작 과정을 함께 기록하는 것을 목표로 했습니다.
방법론
먼저 콘텐츠 기준문서를 작성해 페이지에 사용할 정보와 서술 방향을 확정한 뒤, 별도의 디자인 가이드에 따라 HTML을 구현하는 단계적 방식을 선택했습니다. 이 방식은 콘텐츠와 표현 규칙을 분리해 정보의 일관성을 유지하고, 제작 과정에서 제공되지 않은 내용이 추가되는 것을 방지하기 위한 것입니다.
Phase 1
콘텐츠 구조화
프로젝트 경험을 활동 목록이 아닌 세 가지 관심 분야를 보여주는 근거로 구성합니다.
프롬프팅 방식
동작과 대상을 분리한 구조화 지시
사용한 지시
- [서술 방향] 프로젝트 > ‘무엇을 했다’가 아닌 ‘어떤 것에 관심이 있다’로 서술
- [구조] 관심 분야 > 프로젝트 3건을 관심 축 3개로 구성하고, 프로젝트를 근거로 배치
- [포지셔닝] 한 줄 소개 > 3개 관심 축을 관통하는 1문장으로 작성
- [도구] AI 도구 > 프로젝트에서 사용한 도구를 별도 섹션으로 정리
- [원칙] 정보 > 제공된 내용만 사용하고, 존재하지 않는 정보를 생성하지 않음
주요 결정
프로젝트의 수행 결과를 나열하기보다 마케팅 콘텐츠, AI 기반 서비스 구현, 비즈니스 데이터 분석이라는 관심 축을 먼저 제시하고 각 프로젝트를 근거로 배치했습니다.
Phase 2
HTML 페이지 제작
콘텐츠 기준문서와 프로덕션 노트를 하나의 반응형 자기소개 웹페이지로 구현합니다.
프롬프팅 방식
디자인 가이드를 별도 문서로 작성하여 첨부
사용한 지시
- [구조] 페이지 > 디자인 가이드의 섹션 순서대로 구성
- [콘텐츠] 텍스트 > 콘텐츠 기준문서의 내용만 사용하고, 존재하지 않는 정보를 생성하지 않음
- [의존성] 외부 리소스 > 외부 폰트, 외부 이미지, 외부 스크립트를 포함하지 않음
디자인 가이드 주요 내용
딥 네이비 기반의 다크 테마와 블루·청록 색상 토큰을 사용하고, 최대 너비 1140px의 PC·모바일 인식 반응형 레이아웃을 적용합니다. 부드러운 스크롤·애니메이션과 같은 동적인 요소들을 추가합니다. 모든 리소스를단일 HTML에 포함해 외부 의존성을 제거합니다.
배포
Cloudflare Pages를 통해 배포합니다. 단일 HTML 파일이므로 추가 과정 없이 바로 배포할 수 있습니다.
연락처
Contact via Email