WEBSITE RENEWAL PROPOSAL
좋은 원료를 찾는 고객이,
좋은 상담으로 이어지도록.
조은푸드텍 홈페이지 개편 기획안 · 2026.10
01신뢰를 보여주다
실제 사업장·연구 사진과 확인된 기업 정보를 중심으로 B2B 거래의 신뢰를 형성합니다.
02품목을 쉽게 찾다
분류와 검색을 통해 필요한 원료에 접근하고 담당자가 직접 품목 정보를 관리합니다.
03상담을 가깝게 두다
우측 하단에 카톡·메일·전화 버튼을 고정하고 제품 상세에서도 문의로 연결합니다.
사이트 구성
회사소개인사말 · 회사 개요
연혁 · 인증현황 · 오시는 길
상단 5개 메뉴는 해찬솔푸드 구성을 참고했습니다. 세부 페이지는 실제 보유 자료에 맞춰 확정합니다.
메인 화면의 흐름
기업 첫인상 → 취급 품목 → 사업 소개 → 현장·연구 → 카카오톡 상담
디자인 시스템
CI GREEN#439639
DEEP GREEN#163D2E
WARM WHITE#F4F5EF
CHARCOAL#202A23
CI 문서에 명시된 RGB 67 · 150 · 57을 브랜드 색으로 적용합니다. 화이트와 넓은 여백을 바탕으로 초록색의 인지도를 살리고, 짙은 초록으로 기업의 차분한 인상을 더합니다. 카카오 옐로는 문의 버튼에 집중합니다.
업체가 직접 관리하는 취급 품목
담당자가 수정할 내용
품목명 · 분류 · 사진 · 설명
규격 · 포장 단위 · 노출 여부
아임웹 기본 게시판 또는 상품 관리 기능을 비교하고, 샘플 품목으로 등록·수정·삭제를 검증한 뒤 채택합니다.
이번 시안에서 확인할 내용
제품 분류 · 검색 · 개별 페이지 · 품목표 · 상담 동선
이 화면은 디자인 검토용입니다. 실제 관리자 기능과 데이터 저장은 아임웹 구축 단계에서 구현합니다.
상담 양식과 카카오톡 문의
상단 CONTACT US는 담당자 연락처를 확인하는 별도 페이지로 이동합니다. 메인과 각 제품 페이지 하단에는 동일한 담당자 연락처 배너를 배치합니다. 온라인 문의 버튼은 상담 양식을 엽니다. 문의 목적은 OEM 문의 / 샘플 문의 두 가지로 구성합니다. 업체명, 담당자명, 연락처, 이메일, 문의 내용을 입력하도록 설계하고, 제품 상세에서 문의하면 관심 분류를 문의 내용에 표시합니다.
모든 페이지 우측 하단에 카톡 → 메일 → 전화 순서의 빠른 문의 버튼을 고정합니다. 메일은 xogus3200@nate.com, 전화는 010-7306-3200으로 연결합니다. 카톡 버튼은 공식 채널 주소 수령 후 연결합니다.
현재 양식은 입력 검증만 제공하며 정보를 저장·전송하지 않습니다. 실제 문의 접수와 개인정보 수집 안내는 아임웹 구축 시 확정합니다. 카카오톡 버튼은 공식 채널 URL을 받은 뒤 연결합니다.
자료 및 공개 기준
- 사용 자료: 제공받은 CI 로고, 공장 외관, 연구 현장 사진.
- 품목 분류: 레퍼런스 기준의 구성 예시. 실제 취급 여부와 세부 목록은 업체 확인 후 확정.
- 회사소개·인증·설비·연구개발: 확인된 자료를 받은 뒤 반영하며, 수치와 인증을 임의로 추가하지 않음.
- 추가 필요: 카카오톡 채널 URL, 취급 품목 목록, 회사소개서, 회사 기본 정보.
제작 및 전환
시안 협의 → 관리 기능 시험 → 아임웹 구축 → 모바일·문의 검수 → 도메인 연결
기존 joeunfd.com 주소를 유지합니다. 새 홈페이지 검수가 완료된 뒤 연결을 전환하며, 회사 이메일을 함께 사용한다면 관련 설정도 확인합니다.
상단 메뉴는 페이지 내부 스크롤 대신 각각의 독립 페이지로 이동합니다. 메인 제품 영역의 더보기와 각 제품 카드는 제품별 페이지에 연결합니다. 첫 화면은 PC에서 텍스트 35% · 사진 65%, 모바일에서는 세로 배치합니다. 아임웹 유료 요금제의 메뉴·페이지 생성 안내에 따라 상단 메뉴를 2개로 축소하지 않습니다. 최종 요금제는 품목 관리 방식과 등록 수를 확인한 뒤 결정합니다.
INSIDE JOEUN / RESEARCH