[figma] 상세페이지 제작과 기획 시작

FigJam부터 디자인까지 실무 흐름 따라가기

이번 수업에서는 제품 판매와 객단가 상승을 위한 상세페이지 기획 프로세스를 중심으로 배웠어요.
단순히 디자인을 만드는 것이 아니라, 기획부터 구조 설계, 카피 전략까지
실제 상세페이지가 제작되기까지의 흐름을 단계별로 정리할 수 있었습니다.

피그마를 처음 접한 학생들이 많았지만,
'우리가 지금 사용할 기능들을 배우자'라는 맘으로 알려주셔서
부담스럽지 않으면서도 다양한 기능을 배울 수 있었고,
처음이니 상세페이지 퀄리티보다 배운 내용들을 적용하는 것을 목표로 만들어보는데 집중했어요.

 

---

 

📌 상세페이지 제작 프로세스

1. 자사·경쟁사 USP 및 타겟 분석
    - 자사와 경쟁사의 차별점, 강점 파악
    - 메인 타겟 vs 서브 타겟 설정
    - 타겟의 니즈와 페인포인트 정리
    - 레퍼런스 수집 (타 브랜드 사례 참고)
2. 기획안 작성
    - 레퍼런스 조사 기반으로 필요한 섹션 도출
    - 각 섹션의 목적 정리 및 우선순위에 따라 순서 배치
    - 필요한 이미지, 자료, 구성요소 정리
3. 카피 작성
    - 톤앤매너 설정
    - 타겟 연령대에 맞는 표현, 언어 선택
    - 섹션별 메시지를 명확히 전달하도록 구성
4. 비주얼 자료 준비
    - 사진, 이미지, GIF 등 강조 포인트에 맞는 시각 자료 준비
    - 시선 분산을 줄이고 핵심 메시지를 시각적으로 유도할 수 있도록 구성
5. 디자인 및 검수
    - 피그마를 활용한 디자인 제작
    - 최종 검수: 흐름/오탈자/톤 일관성 확인

 

---

 

🧪 실습은 이렇게 진행 했어요

[조별과제] 피그마, 상세페이지 기획

강사님이 제시한 가상의 브랜드·제품 중 하나를 선택해,
조별로 상세페이지 기획을 준비했어요.

우선 자사와 경쟁사의 USP(핵심 셀링포인트)를 비교 분석했고,
메인 타겟과 서브 타겟 설정을 위한 논의를 진행했어요.
확정은 아니지만, 타겟의 니즈와 페인포인트를 바탕으로
어떤 방향으로 갈지 검토 했고요.

다양한 브랜드의 상세페이지를 찾아보며 레퍼런스 수집도 했고,
(비슷한업체, 다른업체 등 다양하게 수집해서 모아모아..)
섹션 구성이나 카피 톤앤매너 등 기획 요소들을 하나씩 정리하며 마무리했어요.

 

---

 

💬 수업을 마치며

다양한 브랜드의 상세페이지를 살펴보며
어떤 구성과 흐름이 효과적인지,
어떤 요소를 참고하면 좋을지 비교·분석하는 시간을 가졌어요.

디자인 제작은 아직 진행하지 않았지만,
피그잼을 활용해 구조를 구상하고, 카피와 콘텐츠 아이디어를 정리하면서
상세페이지 기획의 전반적인 전략 수립 과정을 실습해봤어요.
화면을 각자 공유하기 때문에 소통도 한결 수월했어요.

실제로 상세페이지를 만들기 전, 다양한 예시를 보고 방향을 잡는 과정이
얼마나 중요한지 체감할 수 있었던 시간이었습니다.

 

+) 흐엉.. 수업하고 복습, 숙제하느라 일주일이 너무 빠르게 지나가고 주말도 주말이 아니에요.
그간 밀린 정리도 바지런히 다시 해봅니다 ㅠㅠ!!