메인 화면 구성
글로벌 파트너십을 소개하는 메인 슬라이드, 대표 제품을 넘겨 보는 제품 쇼케이스, NOTICE 최신글 카드, 온라인 문의·기술자료 다운로드 바로가기, 파트너사 로고 슬라이드로 메인을 구성했습니다.
청원물산 홈페이지 리뉴얼 및 제품 상세페이지 제작
해외 산업 장비 공식 대리점의 홈페이지를 새로 만들고, 제품 15종의 상세페이지를 제작
- 클라이언트명
- 청원물산 · CHUNGWON INTERNATIONAL
- 기술
- PHP · CodeIgniter · MySQL · JavaScript · Swiper · 카카오맵
- 프로젝트 유형
- 기업 홈페이지 리뉴얼 · 제품 상세페이지 디자인 · 반응형 웹
- 담당 범위
- 홈페이지 리뉴얼(디자인 · 퍼블리싱 · 개발) · 제품 상세페이지 15종 제작
- 주요 기능
-
- 메인 슬라이드 · 제품 쇼케이스 · NOTICE 최신글 · 파트너사 로고 슬라이드
- 원심분리기·초음파유니트·건조기·제트밀 분류 · 연속형/배치형 하위 분류
- 제품 상세페이지 · 기술자료 첨부 다운로드 · 온라인 문의 · 카카오맵 오시는 길
- 프로젝트 개요
-
- 청원물산은 원심분리기, 초음파유니트, 건조기, 제트밀 같은 해외 산업 장비를 국내에 공급하는 기업으로, Ferrum AG 한국 공식 대리점이자 Riera Nadeu 한국 공식 독점 대리점입니다.
- 기존 홈페이지는 핵심 파일이 구형 PHP에서만 동작하도록 암호화돼 있어 수정과 서버 이전이 어려웠습니다. 화면과 기능을 새로 만들어 홈페이지를 리뉴얼했습니다.
- Ferrum과 Riera Nadeu 제품 15종은 특징과 스펙을 한 장에 정리한 상세페이지를 새로 제작했습니다.
- 개발 목표
-
- 방문자가 제품 분류와 모델을 찾아 상세페이지에서 특징과 스펙을 확인하고, 기술자료 다운로드와 문의로 이어가도록 합니다.
- 운영자가 관리자에서 제품과 소식, 문의를 직접 관리할 수 있도록 합니다.
DESIGN SYSTEM
primary Color
secondary Color
text Color
Kor
Noto Sans KR
Eng
Noto Sans KR
WEB DESIGN
제품 상세페이지
고치기 어려웠던 옛 홈페이지를,
제품을 찾기 쉬운 새 홈페이지로
기존 홈페이지는 핵심 파일이 암호화돼 기능 수정이나 보안 업데이트, 서버 이전을 하기 어려웠습니다. 회사소개와 제품소개, 소식, 문의로 메뉴를 다시 정리하고, 제품마다 상세페이지를 새로 만들어 대리점으로서 공급하는 장비를 한눈에 보여 주도록 했습니다.
-
홈페이지 리뉴얼
메인, 회사소개, 오시는 길, 제품소개, 소식, 문의 페이지를 새로 디자인하고 PC와 모바일 화면에 맞게 구현했습니다.
-
제품 상세페이지 15종
Ferrum과 Riera Nadeu 제품의 특징, 적용 산업, 스펙, 기술 지원 체계를 한 장에 담은 상세페이지를 제작했습니다.
-
제품 분류와 기술자료
제품을 분류와 하위 분류(연속형·배치형)로 나눠 보여 주고, 상세 화면에서 기술자료 첨부파일을 내려받을 수 있게 했습니다.
회사 소개부터 제품 상세와
문의 접수까지 새로 구성
해외 제조사의 장비를 소개하는 회사인 만큼, 파트너사와 제품을 중심에 두고 메인부터 제품 상세, 문의까지의 흐름을 다시 짰습니다.
회사소개와
오시는 길
신뢰·전문성·협력·지속가능성 네 가지 핵심 가치와 CEO 인사말로 회사를 소개하고, 오시는 길에는 카카오맵과 주소·전화·이메일을 정리했습니다.
연속형·배치형으로 나눈
제품 목록
원심분리기·초음파유니트·건조기·제트밀 분류 아래, 원심분리기는 연속형과 배치형 하위 분류로 묶어 보여 줍니다. 하위 분류를 골라도 상위 분류 전체가 나오던 문제를 고쳐, 선택한 분류의 제품만 보이도록 했습니다.
제품 상세페이지
15종 제작
Ferrum 5종과 Riera Nadeu 10종의 상세페이지를 만들었습니다. PM-23과 RINA Serie 700 Pharma 상세페이지는 브랜드 소개와 한국 공식 대리점 표기, 제품 개요와 특징, 핵심 특장점, 적용 산업 분야, 제품 스펙 표, 청원물산 기술 지원 체계 순서로 구성했습니다.
긴 상세 이미지 업로드와
기술자료 첨부
세로로 긴 상세페이지 이미지도 올라가도록 게시판의 이미지 크기 제한을 풀었고, 상세 화면 아래에 기술자료 첨부파일을 내려받는 영역을 두었습니다.
온라인 문의 접수
문의 항목과 회사명, 담당자 성함, 연락처, 이메일, 문의 내용, 파일 첨부, 개인정보 동의를 받는 문의 폼을 만들고, 접수된 내용은 관리자 문의 게시판에 저장되도록 했습니다.
고치기 어려운 옛 홈페이지,
제품 상세페이지와 함께 새로 만드세요.
홈페이지 리뉴얼과 제품 상세페이지 제작이 필요하신가요?
취급 제품과 영업 방식에 맞는 기업 홈페이지를 상담해 드립니다.
지금 웹셀러에 상담하세요.
카카오 1:1 문의