프라텍 국문·영문 기업 홈페이지 구축

성형사출·금형부터 자동차부품, LED 조명까지 여러 사업을 국문과 영문으로 소개하는 홈페이지

SCROLL
클라이언트명
(주)프라텍 · PLATECH CO., LTD.
기술
PHP · 그누보드5 · MySQL · jQuery · HTML · CSS
프로젝트 유형
기업 홈페이지 · 제품 소개 · 국문·영문 웹
담당 범위
홈페이지 디자인 · 퍼블리싱 · 개발
주요 기능
  • 메인 비주얼 슬라이드 · Plastic·LED·Autoparts·Technology 사업 영역 4칸
  • 프라텍소개·제품정보·R&D·PR·고객지원 메뉴 · 제품정보 3단계 메뉴 · 현재 위치 표시
  • 국문·영문 전환 · 언어별 메뉴·회사 정보 · 배너·팝업·게시판·페이지 내용 관리
프로젝트 개요
  • 프라텍은 인천에 있는 제조 기업으로, 플라스틱 성형사출과 금형, 사이드미러·도어핸들 같은 자동차부품, LED 조명과 교통안전시설물을 다룹니다.
  • 사업 분야가 여러 갈래라, 메인에서 네 분야를 한눈에 보여 주고 제품정보 메뉴 아래 성형사출, 금형, 자동차부품, LED 조명을 나눠 소개하는 홈페이지를 구축했습니다.
  • 영문 홈페이지를 함께 만들고, 상단에서 국문과 영문을 바꿔 볼 수 있게 했습니다.
개발 목표
  • 방문자가 메인에서 회사의 사업 분야를 먼저 파악하고, 관심 있는 분야의 페이지로 바로 들어가도록 합니다.
  • 국문과 영문이 각자의 메뉴와 회사 정보를 갖도록 하고, 운영자가 관리자에서 배너·팝업·게시판·페이지 내용을 직접 고치도록 합니다.

성형사출부터 LED 조명까지,
여러 사업을 한 홈페이지에

프라텍은 플라스틱 성형사출과 금형, 자동차부품, LED 조명과 교통안전시설물처럼 성격이 다른 사업을 함께 하고 있습니다. 방문자가 사업 분야를 먼저 고르고 그 분야의 제품으로 들어가도록 메인과 메뉴를 나누고, 영문 홈페이지도 함께 운영하도록 했습니다.

  • 네 분야로 나눈 메인

    메인 비주얼 아래에 Plastic, LED, Autoparts, Technology 네 칸을 두고, 칸마다 생활가전·의학용, Indoor·Outdoor LED, Rearview Mirror처럼 대표 품목을 적었습니다.

  • 3단계로 나눈 제품 메뉴

    제품정보 메뉴를 성형사출, 금형, 자동차부품, LED조명, 기타로 나누고, LED조명 아래에는 직관형 램프, 전구형, 다운라이트, 도로표지병, 시선유도등을 한 단계 더 두었습니다.

  • 국문·영문 전환

    상단 LANGUAGE 메뉴에서 Korean과 English를 고르면 그 언어의 메뉴와 화면 구성, 하단 회사 정보로 바뀝니다.

국문과 영문을 따로 관리하는
제조 기업 홈페이지

메뉴, 메인 화면 구성, 회사 정보를 언어별로 따로 저장해 국문과 영문 홈페이지를 한 관리자에서 운영하도록 했습니다. 상단 메뉴와 왼쪽 하위 메뉴, 현재 위치 표시, 하단 정보 영역도 국문용과 영문용을 각각 만들었습니다.

메인 비주얼
슬라이드

메인 상단에는 Plastic LED AutoParts Technology 문구와 제품 이미지를 담은 비주얼을 두고, 좌우 화살표로 넘기거나 저절로 넘어가도록 만들었습니다. 슬라이드 이미지는 관리자의 배너관리에서 등록하고 순서를 정합니다.

사업 영역
네 칸

메인 아래 Plastic, LED, Autoparts, Technology 네 칸은 배경색과 이미지를 달리해 구분하고, 칸마다 대표 품목과 바로가기 화살표를 두었습니다.

회사소개와
하위 메뉴 구조

프라텍소개 메뉴는 인사말, 개요, 연혁, 비전, CI, 오시는길로 나눴습니다. 상단 메뉴에 마우스를 올리거나 키보드로 이동하면 하위 메뉴가 가로 막대로 펼쳐지고, 하위 페이지에는 왼쪽 메뉴와 Home › 프라텍소개 › 인사말 같은 현재 위치를 보여 줍니다. 제품정보처럼 메뉴가 세 단계인 곳은 왼쪽 메뉴에서 세 번째 단계까지 펼쳐 보여 줍니다.

성형사출 공정과
주요 제품 소개

성형사출 페이지는 탭 두 개로 나눴습니다. 한쪽에는 주문부터 원료 입고·건조, 금형 예열·세팅, 사출, 외관 검사·측정, 포장, 출하 검사, 납품까지 이어지는 공정 흐름도를 현장 사진과 함께 담고, 다른 쪽에는 자동차부품, 생활가전, 의료기기, 전자통신기기 분야의 주요 제품 사진을 모았습니다.

선택한 언어를
기억하는 전환

상단 LANGUAGE에서 English를 고르면 선택한 언어가 저장돼, 다른 페이지로 옮겨 가도 영문 메뉴와 화면이 그대로 유지됩니다. 로고와 하단 회사명·주소·전화·팩스·이메일도 언어별 설정값을 불러와 보여 줍니다.

운영자가 직접 고치는
관리자

운영자는 관리자에서 메인 슬라이드 배너와 팝업, 게시판 글, 회사소개 같은 페이지 내용을 직접 고칠 수 있습니다. R&D, PR, 고객지원 메뉴에는 게시판을 두어 관리자에서 글을 올려 내용을 채우도록 했습니다.

여러 사업과 제품을 한 홈페이지에서 소개해야 하시나요?
영문 홈페이지 운영까지, 회사 상황에 맞는 홈페이지 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.

무료 상담받기

문의전화 . 1660-0723

지금 무료로 상담해보세요  

#카카오 플러스 친구 Instagram Blog 회사소개서

카카오 채널 카카오 1:1 문의