멀티미디어로 고도화"]
direction TB
G1["1. 경쟁 서비스 분석
랜딩페이지 필수 &
차별화 요소 적용"]
G2["2. 멀티미디어 활용
랜딩페이지 보강"]
G3["3. 다양한 AI 도구로
이미지, 음악, 동영상 제작"]
G1 --> G2 --> G3
end
%% ====== 7. 워크샵 ======
subgraph SW7["6주차 워크샵:
랜딩페이지 설계 및
멀티미디어 강화"]
direction TB
GW1["랜딩페이지 설계
& CTA 효과 극대화"]
GW2["멀티미디어 추가로
서비스 어필 강화"]
GW1 --> GW2
end
%% ====== 흐름 연결 ======
S7 --> SW7
%% ====== 스타일 정의 ======
style SW7 fill:#E8F5E9,stroke:#2E7D32,stroke-width:1.5px">
멀티미디어로 고도화"]
direction TB
G1["1. 경쟁 서비스 분석
랜딩페이지 필수 &
차별화 요소 적용"]
G2["2. 멀티미디어 활용
랜딩페이지 보강"]
G3["3. 다양한 AI 도구로
이미지, 음악, 동영상 제작"]
G1 --> G2 --> G3
end
%% ====== 7. 워크샵 ======
subgraph SW7["6주차 워크샵:
랜딩페이지 설계 및
멀티미디어 강화"]
direction TB
GW1["랜딩페이지 설계
& CTA 효과 극대화"]
GW2["멀티미디어 추가로
서비스 어필 강화"]
GW1 --> GW2
end
%% ====== 흐름 연결 ======
S7 --> SW7
%% ====== 스타일 정의 ======
style SW7 fill:#E8F5E9,stroke:#2E7D32,stroke-width:1.5px">
멀티미디어로 고도화"]
direction TB
G1["1. 경쟁 서비스 분석
랜딩페이지 필수 &
차별화 요소 적용"]
G2["2. 멀티미디어 활용
랜딩페이지 보강"]
G3["3. 다양한 AI 도구로
이미지, 음악, 동영상 제작"]
G1 --> G2 --> G3
end
%% ====== 7. 워크샵 ======
subgraph SW7["6주차 워크샵:
랜딩페이지 설계 및
멀티미디어 강화"]
direction TB
GW1["랜딩페이지 설계
& CTA 효과 극대화"]
GW2["멀티미디어 추가로
서비스 어필 강화"]
GW1 --> GW2
end
%% ====== 흐름 연결 ======
S7 --> SW7
%% ====== 스타일 정의 ======
style SW7 fill:#E8F5E9,stroke:#2E7D32,stroke-width:1.5px">
flowchart LR
%% ====== 6. 랜딩페이지 & 멀티미디어 ======
subgraph S7["6주차: 랜딩페이지 개발과<br>멀티미디어로 고도화"]
direction TB
G1["1. 경쟁 서비스 분석<br>랜딩페이지 필수 &<br>차별화 요소 적용"]
G2["2. 멀티미디어 활용<br>랜딩페이지 보강"]
G3["3. 다양한 AI 도구로<br>이미지, 음악, 동영상 제작"]
G1 --> G2 --> G3
end
%% ====== 7. 워크샵 ======
subgraph SW7["6주차 워크샵:<br>랜딩페이지 설계 및<br>멀티미디어 강화"]
direction TB
GW1["랜딩페이지 설계<br>& CTA 효과 극대화"]
GW2["멀티미디어 추가로<br>서비스 어필 강화"]
GW1 --> GW2
end
%% ====== 흐름 연결 ======
S7 --> SW7
%% ====== 스타일 정의 ======
style SW7 fill:#E8F5E9,stroke:#2E7D32,stroke-width:1.5px
필수 & 차별화 요소 분석 및 내 프로젝트에 적용프론트엔드 강화하기 (1) 랜딩페이지 필수요소 반영하기
프론트엔드 강화하기 (2) 랜딩페이지 핵심/세부사항 완전 보강 및 멀티미디어 리소스 추가하기
이미지, 음악, 동영상 생성 AI 모델 및 도구 둘러보기