고객과 함께한 시간
티티에스
디자인아트플러스가 제작한 티티에스 홈페이지 포트폴리오.
반도체 장비용 메탈·세라믹 히터와 정전척(ESC), 특수 코팅, 열·유체 솔루션을 만드는 기업의 기술을 사업분야별로 소개하는 반응형 홈페이지입니다.
- CLIENT.
- (주)티티에스(TTS)
- Year.
- 2025
- 프로젝트 설명
- 디자인아트플러스는 반도체 장비용 히터와 정전척, 정밀가공, 특수 코팅 기술을 보유한 (주)티티에스의 기업 홈페이지를 기획·디자인·개발했습니다. 히터부터 코팅, 열·유체 솔루션까지 기술이 많은 회사의 사업을 일곱 개 분야로 나눠, 반도체 장비 담당자가 필요한 기술을 바로 찾아 들어갈 수 있도록 설계했습니다. 국문·영문 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
기술 중심 첫 화면: 웨이퍼와 장비 로봇을 담은 푸른 비주얼 위에 「Thermal Technology System」을 크게 올려, 열 기술로 반도체 공정을 받치는 회사라는 정체성을 첫인상으로 전달
사업 분야 이미지 탭: 일곱 개 사업 분야를 같은 크기의 세로 사진 카드로 나란히 두고 카드마다 자세히 보기로 연결해, 많은 기술 가운데 필요한 분야를 한눈에 고르도록 설계
기술 상세 구조: 특수 코팅과 열·유체 솔루션처럼 세부 공정이 많은 분야는 기술별 하위 페이지로 나눠, 아노다이징부터 칠러까지 각 기술의 쓰임을 따로 확인할 수 있게 구성
사업장 안내 블록: 화성과 천안 두 사업장을 빨강·검정 색 면과 건물 사진으로 나눠 주소와 연락처를 담아, 방문하거나 문의할 곳을 바로 찾을 수 있게 구성
기업 소개 그리드: 「Welcome to TTS」 아래 경영이념과 인재상을 사진과 글 칸이 엇갈리는 그리드로 배치해, 기술 회사의 신뢰감과 사람 중심의 문화를 함께 전달
FAQ
보유 기술을 제품군과 공정 기술로 나눠 각 분야를 따로 찾아볼 수 있게 구성하는 것이 좋습니다. 장비 업체 엔지니어는 필요한 부품이나 공정 기술 이름으로 정보를 찾기 때문에 분류가 명확해야 합니다. 티티에스 홈페이지는 히터, 정전척, 정밀가공, 세정, 특수 코팅, 열·유체 솔루션으로 사업분야를 나눴습니다.
사업분야별 제품·기술 소개, 대표 인사말과 연혁, 인재채용, 문의하기, 오시는 길이 기본 메뉴입니다. 기술 종류가 많다면 하위 메뉴에서 세부 기술 이름을 바로 고를 수 있게 해야 원하는 정보에 빨리 닿습니다. 티티에스 홈페이지는 사업분야 메뉴 아래에 AlN HEATER, ALD, Vaporizer 같은 세부 기술 페이지를 두어 구축했습니다.
사업장마다 주소와 연락처를 나눠 적고 지도와 함께 보여 주면 방문자와 거래처가 헷갈리지 않습니다. 생산 공장과 사무실이 다른 지역에 있는 제조 기업은 방문 목적에 맞는 장소를 바로 찾을 수 있어야 합니다. 티티에스 홈페이지는 메인 화면과 오시는 길에서 화성사업장과 천안사업장을 따로 안내합니다.
현장에서 실제로 쓰는 영문 기술 용어를 그대로 쓰고 국문 페이지와 같은 구조로 맞추는 것이 가장 정확합니다. 해외 고객과 엔지니어는 익숙한 기술 명칭으로 정보를 찾기 때문에 억지로 풀어 쓴 표현보다 이해가 빠릅니다. 티티에스 홈페이지는 Thermal Spray, Liquid Mass Flow Controller 같은 기술명을 국문·영문 페이지에 같은 체계로 정리했습니다.
