Skip to content
Work·Web & Brand·Precision Machinery

TSG ·/ Precision Grinding Machinery Site

Bilingual platform for a precision grinding machinery manufacturer. Active news cadence, attribution-safe footer credit.

What this maps to
Closest sprint
Brand + Site Express
Duration
8주 (이중 언어 롤아웃과 5개 카테고리 제품 스키마가 표준 6주 웹 빌드에 2주를 더했습니다)
Team
2 + network
TSG · Precision Grinding Machinery Site

TSG: 정밀 연삭기를 위한 이중 언어 플랫폼

Client: TSG Co., Ltd. Services: 웹 디자인 및 개발, 이중 언어 콘텐츠 구조, 제품 카탈로그 Duration: 8주 (이중 언어 롤아웃과 5개 카테고리 제품 스키마가 표준 6주 웹 빌드에 2주를 더했습니다) Tech: WordPress, Elementor, WPML, 커스텀 테마


문제 정의

TSG는 정밀 연삭기를 제조합니다. 내경 연삭기, 외경 연삭기, 센터리스 연삭기, 슈퍼피니싱 머신, 링 롤링 머신. 구매자는 공장 매니저 또는 플랜트 엔지니어로, 자기가 어느 카테고리의 기계가 필요한지는 이미 알고 있으며, 견적을 요청하기 전에 TSG의 모델 단위 사양, 서비스 커버리지, 수출 역량을 확인하고 싶어 합니다.

기존 사이트는 네 가지 카테고리를 하나의 제품 리스트로 섞어 두었고, "외경 연삭기가 필요하다"에서 "비교할 만한 외경 연삭기 세 모델이 여기 있다"로 가는 깨끗한 경로가 없었습니다. 수출 문의는 컨택트 페이지를 통해 영문으로 들어왔지만, 사이트의 영문 측은 국문 측보다 몇 달 뒤처져 있었고 최신으로 유지되지 못했습니다. TSG는 마케팅 리드가 개발자 없이도 계속 업데이트할 수 있는 이중 언어 빌드를 원했습니다.


만든 것

구매자의 카테고리 우선 내비게이션을 중심으로 구조화한 이중 언어 기계 카탈로그 플랫폼입니다.

  • 5개 카테고리 제품 트리: 내경 연삭기, 외경 연삭기, 센터리스 연삭기, 슈퍼피니싱 머신, 링 롤링 머신
  • 공장 엔지니어가 실제로 읽는 사양이 들어간 제품 상세 페이지(가공 능력, 베드 길이, 연삭 정밀도, 스핀들 속도, 동력)
  • 견적 요청 버튼이 내비게이션에 통합되어, 어느 페이지에서든 한 번의 클릭으로 견적 경로로 이어집니다
  • 리트로핏, 설치, 유지보수를 다루는 서비스 페이지(TSG가 기계와 함께 판매하는 세 가지 서비스 계약)
  • TSG 마케팅 팀이 직접 업데이트하는 항목을 갖춘 뉴스 모듈. 런칭 시점의 2025년 12월자 항목에는 "백만불 수출의 탑" 수상과 BUTECH 2025 전시 참가가 포함되어 있습니다
  • WPML을 통한 이중 언어 운영(EN / KO)

작업 방식

1주차–2주차. 제품 데이터 통합. TSG는 5개 제품군에 걸쳐 사양 시트를 갖고 있었고, 각 시트의 포맷이 달랐습니다. 빌드 시작 전에 마스터 스키마(모든 제품 페이지에서 같은 필드가 같은 순서로 들어가도록)를 만들었습니다.

3주차–4주차. Elementor + 커스텀 테마 빌드. 카테고리 랜딩 페이지, 제품 상세 페이지, 견적 요청 흐름. 5개 카테고리 트리를 메인 내비에 연결했습니다.

5주차–6주차. 서비스 페이지(리트로핏 / 설치 / 유지보수), 뉴스 모듈 셋업, TSG 마케팅 리드가 업데이트를 직접 올릴 수 있도록 사내 교육.

7주차–8주차. WPML 이중 언어 롤아웃, QA, 런칭. 런칭 직후 2025년 12월자 뉴스 포스트가 올라갔는데, 클라이언트 팀이 직접 운영해도 뉴스 모듈이 의도대로 작동한다는 점이 그것으로 확인됐습니다.


어디까지 갔는가

TSG의 이중 언어 카탈로그는 영업팀이 해외 문의에 보내는 수출 응대 표면입니다. 공장 엔지니어가 카테고리에 들어와 모델로 내려가고, 같은 제품군의 다른 두세 모델과 사양을 비교한 다음 사이트를 떠나지 않은 채로 결정합니다.

뉴스 모듈은 정밀 기계 구매자가 실제로 스캔하는 자격 신호를 담습니다. "백만불 수출의 탑" 수상과 BUTECH 2025 참가는 런칭 시점에 날짜를 달고 두 언어로 올라갔습니다. TSG가 휴면 카탈로그가 아니라 현재 활동 중인 제조사인지 평가하는 구매자에게는, 최근의 날짜 있는 활동이 그렇지 않으면 통화로 물었을 질문에 대한 답으로 읽힙니다.

메인 내비의 견적 요청 버튼은 대부분의 엔지니어가 택하는 경로입니다. 이전 사이트는 풋터에서 도달하는 컨택트 페이지였습니다. 새 배치는 견적 문의를 어떤 제품 페이지에서든 한 번의 클릭으로 끝나는 동작으로 바꿉니다.


배운 것

페이지 빌더만으로는 안 되고, 커스텀 테마가 필요합니다. TSG 마케팅 리드는 콘텐츠를 자주 수정하고, Elementor 전용 빌드는 의도치 않은 사람이 의도치 않은 부분을 덮어쓸 위험을 안고 있습니다. 가벼운 커스텀 테마가 구조의 하중을 받는 부분(내비, 풋터, 제품 페이지 템플릿)을 들고, Elementor는 콘텐츠 본문을 담당합니다. 기계 사이트의 사양 표는 수십 개 모델에 걸쳐 일관성을 유지해야 합니다. 템플릿은 그것을 강제하고, 자유로운 페이지 빌더는 그러지 못합니다.

견적 요청은 페이지가 아니라 내비게이션 요소입니다. 첫 IA는 견적 폼을 풋터에서 도달하는 전용 페이지에 두었습니다. 아무도 쓰지 않았습니다. "견적 요청"을 메인 내비에 버튼 형태의 항목으로 옮기니, 첫 달의 폼 제출 건수가 세 배로 늘었습니다. 공장 엔지니어는 컨택트 페이지를 찾아 스크롤하지 않습니다.

뉴스 리듬은 현재 활동 중인 제조사임을 신호합니다. 기계 구매자는 회사가 여전히 출하 중인지 확인합니다. 최근 한 달 안의 수상과 전시 참가를 보여 주는 뉴스 모듈은, 히어로의 역량 주장만큼이나 효과적입니다. TSG 팀이 이제 이걸 직접 운영하는데, 그 점이 핵심입니다.


스택

  • WordPress. 정밀 기계 영업 사이클은 길게 흐르고, TSG 마케팅 리드는 외주 개발자 리테이너 없이도 수년에 걸쳐 뉴스를 발행하고 사양을 수정하고 모델을 추가해야 했습니다. 그 팀에게 가장 마찰이 적은 CMS는 WordPress입니다.
  • Elementor. 코드 없이 콘텐츠 본문 편집. 마케팅 리드가 제품 설명을 다시 쓰거나 사양 이미지를 직접 교체할 수 있습니다.
  • EN / KO 운영을 위한 WPML. 한국어는 내수 시장, 영어는 수출 시장이며, 사양이 바뀌면 두 언어가 함께 움직여야 합니다. WPML은 포스트 단위로 두 로케일을 연결해서, 국문 모델 업데이트가 영문 버전을 "검토 필요"로 표시하게 만듭니다. 이전 사이트에서처럼 영문이 그냥 낡아 가도록 두지 않습니다.
  • 커스텀 테마(제품 페이지 템플릿, 내비 버튼). 기술 구매자는 모델 간 사양을 비교합니다. 일관된 제품 페이지 템플릿(모든 모델에서 같은 필드가 같은 순서로)이 그 비교를 읽을 수 있게 만듭니다. 페이지 빌더만으로 만들어진 사이트는 시간이 가면서 결이 흐트러집니다. 커스텀 테마 템플릿이 구조를 잡아 줍니다.
  • 5개 카테고리 제품 포스트 타입. 구매자는 기계 카테고리(내경 vs 외경 vs 센터리스) 단위로 먼저 쇼핑합니다. 카테고리 우선 분류가 그 멘탈 모델에 그대로 맞춰집니다.
  • 직접 발행 에디터가 있는 뉴스 모듈. 이 업종에서는 수상, 인증, 전시 참가가 신뢰 신호입니다. 에디터를 통해 마케팅 리드가 그 일이 일어난 날 바로 올릴 수 있습니다. 다음 에이전시 청구서를 기다릴 필요가 없습니다.
  • TSG 영업 인박스로 라우팅되는 견적 폼. 단일 인박스, CRM 락인 없음, 라우팅은 TSG 손에 있습니다.

비슷한 작업이 필요하신가요

구매자가 카테고리 단위로 먼저 쇼핑하고 모델 단위로 비교하는 기계와 장비 제조사. 사내 팀이 개발자 리테이너 없이도 최신 상태로 유지할 수 있는 이중 언어 카탈로그. 웹 디자인 및 개발 페이지를 참고해 주시거나 info@cclemang.com 으로 메일을 보내 주십시오.

전체 작업 보기 →

Swipe / buttons →

Want something similar?

Tell us what you're building. Most conversations start with two sentences.