안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
스킨케어 브랜드 랜딩 — 에디토리얼 타이포·성분 스토리텔링
개발 · 디자인
퍼블리싱ㆍ반응형, 랜딩ㆍ소개 페이지, 마케팅 페이지
프로젝트 배경
화장품 랜딩은 대부분 같은 모양으로 수렴합니다. 제품 컷을 격자로 늘어놓고 그 아래 성분 아이콘을 배치하는 구조입니다. 그러면 브랜드가 아니라 카탈로그가 되고, 어느 브랜드인지 가려도 구별되지 않습니다. 그래서 이 작업은 반대로 갔습니다. 사진을 줄이고 여백을 늘리고, 문장을 화면의 주인공으로 세웠습니다. 색도 하나의 계열(세이지·올리브)로만 끝까지 밀어, 색 대비가 아니라 사진의 톤과 여백이 리듬을 만
프로젝트 성과
격자 카탈로그를 피한 에디토리얼 구조
제품 컷 격자 대신 성분·질감·사용 순간을 한 장면씩 배분해, 스크롤이 카탈로그가 아니라 한 편의 글처럼 읽히게 했습니다.

이미지는 전부 이 브랜드를 위해 슬롯별로 새로 생성했습니다. 같은 사진을 다른 자리에 돌려
핵심 기능
한 계열 팔레트로 끝까지 미는 절제
강조색을 추가하지 않는 것을 규칙으로 두었습니다. 대비가 필요한 자리에서는 색을 바꾸는 대신 여백의 양과 사진의 명도를 바꿔 해결했습니다. 그래서 화면 전체가 한 브랜드의 목소리로 유지됩니다.
진행 단계
톤 설정 → 자산 생성 → 조판 → 3폭 확인
2026.08.
1) 브랜드 톤과 단일 팔레트 확정(색을 늘리지 않는다는 제약을 먼저 걸었습니다)
2) 히어로·성분·질감·모델 컷을 슬롯별 프롬프트로 각각 생성
3) 국문 에디토리얼 조판 — 여백, 문단 폭, 행간을 폭별로 따로 지
프로젝트 상세
자연 유래 스킨케어 브랜드의 단일 랜딩 페이지를 자체 제작한 포트폴리오입니다. '온결'은 이 작업을 위해 만든 가상 브랜드이며, 제품 사진과 모델 이미지는 슬롯별로 생성형 AI로 새로 만들었습니다. 화장품 랜딩이 흔히 빠지는 함정은 제품 사진을 격자로 늘어놓는 것입니다. 그러면 브랜드가 아니라 카탈로그가 됩니다. 그래서 여백을 크게 두고 문장을 화면의 주인공으로 삼는 에디토리얼 조판을 택했고, 성분·질감

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

le******
개발 · 개인사업자

프로젝트 정보

참여 기간
2026.08. ~ 2026.08.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
자체 프로젝트
역할
아트디렉션·디자인·퍼블리싱 전체
관련 기술
반응형웹
브랜딩
CSS3
HTML5
랜딩페이지
JavaScript
ui디자인
웹디자인