화장품 브랜드 홈페이지 제작기: 사진 속 제품에서 전성분으로 이어지는 온새미로

사진 속 병을 누르면 그 제품의 성분표가 열립니다

데스크톱 첫 화면의 사진에는 크림·세럼·오일 병이 놓여 있습니다. 병 위의 점에 마우스를 올리면 제품 이름과 용량·가격이 보이고, 누르면 해당 제품의 전성분 탭이 열린 채 이동합니다. 사진에서 고른 병과 성분표의 제품이 어긋나지 않게 연결했습니다. 온새미로 첫 화면에서 크림 병의 점을 누르면 수분 크림 전성분을 볼 수 있습니다. 화면의 두 버튼도 역할이 다릅니다. 원료가 궁금한 고객은 ‘성분표 읽기’를, 제품을 비교하려는 고객은 ‘제품 보기’를 누릅니다. 휴대폰에서는 사진 아래 제품 번호를 누르면 같은 제품의 상세를 바로 볼 수 있습니다.

저희 에코스튜디오에 제작을 맡겨주시면 제품 사진과 확인된 표기 자료를 살펴보고, 고객이 사진에서 고른 제품의 정보를 바로 찾게 만들어드립니다.

여섯 제품의 기본 정보와 상세를 비교합니다

제품 화면 왼쪽에는 여섯 제품의 이름·제형·용기·용량·가격이 같은 순서로 나옵니다. 크림, 세럼, 오일처럼 형태가 다른 제품도 같은 자리에서 용량과 가격을 쉽게 비교할 수 있게 디자인했습니다. 한 제품을 고르면 오른쪽에 그 제품 사진과 전성분 첫머리, 쓰는 법, 보관·기한 정보가 보입니다. 고객은 목록을 오가며 각 제품의 기본 정보와 상세를 바로 맞춰 볼 수 있습니다. 홈의 제품 카드를 눌러도 선택한 제품의 상세가 열립니다. 상세에 있는 ‘전성분 전체 보기’는 다시 같은 제품의 성분표로 이어집니다. 제품마다 주소가 있어 페이스 오일 상세처럼 관심 제품을 따로 보여 줄 수도 있습니다.

저희 에코스튜디오에 화장품 브랜드 홈페이지 제작을 맡겨주시면 실제 제품 사진과 표기 내용을 살펴보고, 고객이 제품마다 다른 점을 쉽게 비교해 마음에 드는 제품을 고를 수 있게 만들어드립니다.

전성분 옆에서 원료 출처까지 확인합니다

전성분·원료 화면에서는 제품 탭 여섯 개를 골라 번호 붙은 전성분 목록을 확인할 수 있습니다. 수분 크림의 전성분은 줄임표 없이 끝까지 적혀 있고, 다른 제품 탭을 누르면 목록도 그 제품에 맞게 바뀝니다. 고객은 펼쳐진 목록에서 제품별 표기를 직접 읽을 수 있습니다. 목록에서 자두색으로 표시된 원료의 이름과 산지·제품별 함량을 옆 상자에서 확인할 수 있습니다. ‘넣지 않은 것’도 제품 탭에 맞춰 바뀝니다. (지움)

저희 에코스튜디오에 제작을 맡겨주시면 브랜드가 확인한 전성분과 원료·배합 자료를 받아 제품별 표기와 출처 안내를 읽기 쉽게 구성해드립니다.

쓰는 순서를 읽은 뒤 구매처를 찾습니다

사용법 화면은 아침과 저녁을 나눠 제품을 바르는 순서를 번호로 보여 줍니다. 제품마다 쓰는 양을 단계 오른쪽에 적고, 아래에서는 개봉 후 기한과 개봉 전 기준을 따로 읽게 합니다. 제품 소개를 읽은 고객이 그 제품을 언제, 얼마나 바르는지까지 한 번에 확인할 수 있게 디자인했습니다. 구매처 화면은 판매처와 성수 쇼룸을 카드에서 구분합니다. 쇼룸에는 ‘체험만’, ‘판매는 하지 않습니다’가 함께 적혀 있어 방문 목적이 분명합니다.

저희 에코스튜디오에 제작을 맡겨주시면 브랜드의 판매 채널과 주소를 받아, 제품 정보를 읽은 고객이 구매 가능한 곳을 찾도록 연결해드립니다.

저희 에코스튜디오에 화장품 브랜드 홈페이지 제작을 맡겨주시면 제품 사진과 확인된 전성분 자료, 사용법과 판매처를 살펴보고 고객이 사진에서 고른 제품의 정보를 바로 확인하게 만들어드립니다. 제품마다 무엇이 다른지 읽고 구매 가능한 곳까지 찾아볼 수 있게 구성해드립니다.

홈페이지 제작 안내를 보시고 프로젝트 문의에 궁금하신 점을 남겨 주세요.