키리웹 제작 사례

유리 용기·패키징

모담 패키징 소개 홈페이지 제작

모담 2026년 10월

운영 중인 사이트 열기 (새 창) 모담 패키징 소개 홈페이지 제작 화면

모담은 향수·화장품·식품에 쓰는 유리 용기와 패키징을 소개하는 브랜드입니다. 제품을 찾는 기준과 문의를 시작하는 순서를 함께 정리해, 제품 사진에서 상담 준비까지 이어지는 홈페이지를 구성했습니다.

모담 운영 사이트 바로가기

브랜드를 보여 주고, 다음 행동을 안내합니다

모담 홈페이지 첫 화면. 갈색 유리병 사진과 제품 살펴보기, 제품 문의 안내가 나란히 보입니다.

‘담는 순간, 가치가 되다.’라는 문구와 유리병 사진으로 첫인상을 전합니다. 제품 살펴보기와 제품 문의를 나란히 두어 제품 탐색과 상담 준비를 바로 시작할 수 있도록 했습니다.

용도별 분류와 사진 확대

모담 제품 소개 화면. 향수·디퓨저, 화장품, 식품·소스, 미니병을 골라 볼 수 있습니다.

향수·디퓨저, 화장품, 식품·소스, 미니병으로 나누어 원하는 제품군을 골라 볼 수 있습니다. 사진을 누르면 제품 구성을 크게 볼 수 있습니다. 사진으로 확인할 수 있는 형태와 분위기, 상담에서 확인해야 할 규격과 공급 여부를 구분해 안내합니다.

정확한 규격을 몰라도 문의를 준비하도록

모담 문의 안내 화면. 찾는 용기, 희망 용량, 예상 수량, 일정과 요청사항을 적는 칸이 보입니다.

찾는 용기와 희망 용량, 예상 수량, 일정과 요청사항을 적으면 인스타그램에 보낼 문의 문안이 정리됩니다. 모르는 내용은 비워 두거나 상담 후 결정할 수 있도록 안내합니다.

문안 정리부터 직접 전송까지 분명하게

2026년 10월 20일 운영 사이트 문의 내용 정리 화면. 100mL와 500개는 기능 설명을 위한 입력 예시입니다.

2026년 10월 20일 운영 사이트에서 확인한 문의 문안 생성 화면입니다. 100mL와 500개는 기능 설명을 위한 입력 예시입니다.

① 문의 내용 정리 → ② 내용 복사 → ③ 모담 인스타그램에서 직접 메시지 보내기 순서입니다. 입력한 정보는 이 화면에서만 사용되며 서버로 전송되지 않습니다. 문안을 만드는 것만으로 상담이 접수되거나 DM이 자동 발송되지는 않습니다.

작은 화면에서도 이어지는 탐색

화면 너비에 맞춰 제품 사진과 설명이 재배치됩니다. 제품 분류와 사진 확대, 문의 준비의 순서를 유지하고 밝은 화면과 어두운 화면을 선택할 수 있도록 구성했습니다.

모담 홈페이지 살펴보기 · 모담 인스타그램

제품 소개와 문의 동선을 함께 정리하고 싶다면 키리웹에 문의해 주세요.

← 제작 사례 목록으로