제품 두 종의 첫 화면부터 표시사항, 수정 반영과 납품 준비까지 한 흐름으로 확인합니다.
스토리보드란?
스토리보드는 상세페이지의 화면을 실제 모습에 가깝게 미리 확인하는 문서입니다. 제품별 정보 구조와 검토 흐름을 같은 화면 언어로 연결했습니다.
마지막까지 보시면 짧은 일정 안에서도 제품별 완성도와 수정 이력을 함께 관리하는 방식을 확인하실 수 있습니다.
브랜드 담당자가 두 제품의 첫 화면, 정보 구성, 피드백 반영과 납품 준비를 차례로 확인하는 흐름입니다.
새 톤앤매너와 제품 촬영본
우선순위를 한 번에 정리
두 제품의 핵심 문장과
사진 배치를 나란히 검토
성분·사용법·용량을
읽기 쉬운 순서로 확인
의견을 화면 기준으로 남기고
반영 상태를 비교
업로드 이미지 분할과
디자인 원본을 함께 검수
두 제품을 한 브랜드 안에서 구분하되 첫인상은 일관되게 설계한 대표 화면입니다. 촬영 이미지와 기획 카피가 첫 화면의 큰 축을 차지해 R1과 R2를 바로 검토할 수 있습니다.
제품별 사진 자리, 핵심 문장, 스크롤 유도 요소를 같은 그리드에 고정합니다. 촬영본 교체 뒤에도 카피 길이와 제품별 강조색만 조정해 첫 화면의 균형을 유지합니다.
로즈펩타이드 5,000 ppm · 나이아신아마이드
아침·저녁 토너 다음 2-3방울을 펴 바릅니다.
50 mL
눈가를 피해 사용하고 이상이 있으면 사용을 중단합니다.
첫 화면에서 관심을 만든 뒤 필수 표시사항까지 자연스럽게 읽히게 하는 정보 설계 화면입니다. 두 제품에 공통으로 쓰는 정보 모듈과 제품별 효능 카피를 구분해 R3의 누락을 막습니다.
좌측은 실제 상세페이지의 한 구간, 우측은 검토용 정보 목록으로 구성합니다. 성분·사용법·용량을 각각 독립 항목으로 두고 제품별 값만 교체할 수 있게 합니다.
세럼 01 블록의 첫 문장을 더 짧게 조정
크림 03 블록 촬영본 교체 반영
두 제품의 초안을 같은 검토 보드에서 비교하고 수정 의견이 최종 이미지 묶음과 원본까지 이어지는 화면입니다. 짧은 일정에서 R4와 R5의 확인 지점을 명확하게 만듭니다.
피드백은 화면 블록과 버전 번호에 연결하고, 반영 완료 여부를 즉시 구분합니다. 최종 단계에서는 업로드용 분할 이미지 수와 디자인 원본 상태를 별도 묶음으로 관리합니다.