본문으로 건너뛰기

글로벌 식품 유통 기업 홈페이지 재구축

조회수 5 게시일 2026.04.16 3시간 전 수정

해외 과일 수입 및 식품 유통을 주력으로 하는 기업의 홈페이지를 재구축한 프로젝트입니다. 기존에는 정적 HTML로 만든 단일 랜딩 페이지 구조였으나, 다국어 지원과 콘텐츠 관리 기능을 갖춘 PHP 기반 환경으로 새로 개발했습니다.

티엠에스글로벌, tmsglobal

URL 구조와 한·영 다국어 구성

언어별로 독립된 URL 구조를 적용했습니다. 한국어는 /ko, 영어는 /en 경로를 기준으로 모든 페이지가 분기됩니다. 메인 페이지, 회사 소개, CEO 메시지, 연혁, 뉴스 각각에 언어별 URL이 별도로 존재하며, 상단 KOR / ENG 전환 버튼으로 동일 페이지의 해당 언어 버전으로 이동합니다. 이 구조는 검색엔진이 한국어 페이지와 영어 페이지를 각각 독립된 문서로 인식할 수 있게 합니다.

단일 페이지 구성과 섹션 내비게이션

메인 페이지는 회사 소개, G.S.A.S, 제품, Food Tech, Farming, Commerce, Contact 섹션을 세로로 이어 배치한 원페이지 구조입니다. 상단 내비게이션의 각 항목은 해당 섹션으로 스크롤 이동하는 앵커 링크로 처리했습니다. COMPANY 항목만 드롭다운으로 구성해 Introduction, CEO Message, History 세 개의 독립 페이지로 연결됩니다.

제품 섹션은 국산 특수과일, 수입과일, 가공식품, 스테비아 상품 네 가지 탭으로 구분하고, 탭 전환 시 해당 카테고리의 제품 목록이 표시되는 방식으로 구성했습니다. 글로벌 브랜드 네트워크 섹션에서는 파트너사 로고를 클릭하면 해당 브랜드의 취급 상품 목록이 레이어로 표시됩니다. Food Tech 섹션의 PEF 기술 및 스마트팜 항목은 영상 팝업과 연동됩니다.

뉴스 게시판과 관리 기능

기존 정적 페이지에는 없던 뉴스 게시판을 새로 추가했습니다. 게시글은 목록과 상세 페이지로 구성되며, 각 게시물에 고유 슬러그 기반 URL을 부여했습니다. 한국어와 영어 게시판이 별도로 운영되고, 언어 전환 버튼으로 각 언어의 뉴스 목록으로 이동합니다. 게시물 등록, 수정, 삭제는 관리자 기능으로 처리하며 프론트 화면에는 조회수가 함께 표시됩니다.

개발 환경

서버 사이드는 PHP로 구성했고, 기존 정적 파일 방식에서 동적 라우팅과 데이터 관리가 가능한 구조로 전환했습니다. 다국어 콘텐츠와 게시판 데이터를 관리자 화면에서 직접 수정할 수 있어 매번 파일을 수정하던 방식에서 벗어났습니다.