마케팅과 비즈니스 데이터를 AI 도구로 구조화해 아이디어를 콘텐츠와 프로토타입으로 구현하는 데 관심이 있습니다.
Marketing · Business Data · AI
Lee
Lee
Eun Bin
마케팅과 비즈니스 데이터를 AI 도구로 구조화해 아이디어를 콘텐츠와 프로토타입으로 구현하는 데 관심이 있습니다.
01 / PROFILE
Profile
경영학과 4학년
02 / INTERESTS
관심 분야
세 가지 관심 축과 각 축의 근거가 된 프로젝트입니다.
01MARKETING CONTENT
브랜드 경험을 전달하는
마케팅 콘텐츠
브랜드의 콘셉트와 분위기를 시각 콘텐츠로 구체화하고, 이를 통해 브랜드 경험을 전달하는 방법에 관심이 있습니다.
근거 · 마케팅 프랙티컴Midjourney와 Veo3를 활용해 가상창업 ‘Warm Seoul Bar’의 마케팅 영상을 제작했습니다.
02AI PROTOTYPING
AI를 활용한
서비스 설계와 프로토타이핑
AI 도구로 서비스 아이디어를 구조화하고 앱 프로토타입과 발표자료까지 빠르게 구현하는 바이브 코딩 방식에 관심이 있습니다.
근거 · IT캡스톤 디자인Custom GPT로 가상창업 ‘마이셰프’의 앱을 설계하고, Perplexity Computer와 Gemini로 프로토타입과 HTML 발표자료를 제작했습니다.
03BUSINESS DATA
비즈니스 데이터 분석과
정보 전달
기업의 재무 데이터를 분석하고, 분석 내용을 이해하기 쉬운 발표자료로 구성하는 과정에 관심이 있습니다.
근거 · 기업인수합병과 전략적 제휴Comet 브라우저로 DART 재무제표를 분석하고 Claude Design으로 PPT 자료를 제작했습니다.
03 / TOOLS
사용 도구
프로젝트에서 사용한 AI 도구와 각 도구의 용도입니다.
| 도구 | 용도 |
|---|---|
| Midjourney | ‘Warm Seoul Bar’ 마케팅 영상 제작을 위한 시각 자료 생성 |
| Veo3 | ‘Warm Seoul Bar’ 마케팅 영상 제작 |
| Custom GPT | ‘마이셰프’ 앱 설계 |
| Perplexity Computer | ‘마이셰프’ 앱 프로토타입 제작 |
| Gemini | ‘마이셰프’ HTML 발표자료 제작 |
| Comet 브라우저 | DART 재무제표 분석 |
| Claude Design | 재무제표 분석 결과를 담은 PPT 자료 제작 |
04 / NOTE
Production Note
이 페이지의 콘텐츠 구조화부터 HTML 구현까지의 제작 과정 기록입니다.
GOAL제작 목표
제공된 프로젝트 경험을 관심 분야 중심의 자기소개 페이지로 구성하고, 콘텐츠 구조화부터 HTML 구현까지의 제작 과정을 함께 기록하는 것을 목표로 했습니다.
METHOD방법론
먼저 콘텐츠 기준문서를 작성해 페이지에 사용할 정보와 서술 방향을 확정한 뒤, 별도의 디자인 가이드에 따라 HTML을 구현하는 단계적 방식을 선택했습니다.
이 방식은 콘텐츠와 표현 규칙을 분리해 정보의 일관성을 유지하고, 제작 과정에서 제공되지 않은 내용이 추가되는 것을 방지하기 위한 것입니다.
PHASE 1콘텐츠 구조화
프로젝트 경험을 활동 목록이 아닌 세 가지 관심 분야를 보여주는 근거로 재구성합니다. 프롬프팅은 동작과 대상을 분리한 구조화 지시 방식을 사용했습니다.
사용한 지시- [서술 방향] 프로젝트 > ‘무엇을 했다’가 아닌 ‘어떤 것에 관심이 있다’로 서술하다
- [구조] 관심 분야 > 프로젝트 3건을 관심 축 3개로 재구성하고, 프로젝트를 근거로 배치하다
- [포지셔닝] 한 줄 소개 > 3개 관심 축을 관통하는 1문장으로 작성하다
- [도구] AI 도구 > 프로젝트에서 사용한 도구를 별도 섹션으로 정리하다
- [원칙] 정보 > 제공된 내용만 사용하고, 존재하지 않는 경력이나 수상을 생성하지 않다
프로젝트의 수행 결과를 나열하기보다 마케팅 콘텐츠, AI 기반 서비스 구현, 비즈니스 데이터 분석이라는 관심 축을 먼저 제시하고 각 프로젝트를 그 근거로 배치했습니다.
PHASE 2HTML 페이지 제작
콘텐츠 기준문서와 프로덕션 노트를 하나의 반응형 자기소개 웹페이지로 구현합니다. 프롬프팅은 디자인 가이드를 별도 문서로 작성하여 첨부하는 방식을 사용했습니다.
사용한 지시- [구조] 페이지 > 디자인 가이드의 섹션 순서대로 구성하다
- [콘텐츠] 텍스트 > 콘텐츠 기준문서의 내용만 사용하고, 존재하지 않는 정보를 생성하지 않다
- [의존성] 외부 리소스 > CDN, 외부 폰트, 외부 이미지, 외부 스크립트를 포함하지 않다
딥 네이비 기반의 다크 테마와 블루·청록 색상 토큰을 사용하고, 최대 너비 1180px의 반응형 레이아웃을 적용합니다. 데스크톱과 모바일의 그리드 전환, sticky navigation, 스크롤 진행률, 섹션 감지, 제한적인 모션, prefers-reduced-motion을 정의하며 CSS와 JavaScript를 단일 HTML에 포함해 외부 의존성을 격리합니다.
DEPLOY배포
Cloudflare Pages를 통해 정적 페이지로 배포합니다. 단일 HTML 파일이므로 별도의 빌드 과정 없이 배포할 수 있습니다.