프로젝트 배경
1) 문제점
- 기존 홈페이지가 오래되어 관리자 수정 권한이 전혀 없어,
문구 하나 변경하는 데도 제작사를 거쳐야 해 최소 10일 이상 소요됨
- 국내·해외 거래처가 많음에도 제품·기술 자료가 방대하고 분류되지 않아 필요한 정보를 정확히 찾기 어려움
- 기존 사이트의 구조적 한계로 영문 페이지가 부실해 글로벌 고객 대응이 어려움
- 콘텐츠 중복, 페이지 노후화 등으로 기업 경쟁력을 온라인에서 충분히 보여주지 못하는 상태
- 속도 최적화가 이루어지지 않아 해외 사용자 접근 시 로딩 저하 문제가 발생
2) 프로젝트 목표
- 관리자가 직접 유지보수·수정·신규 페이지 생성이 가능한 홈페이지 구축
- 글로벌 거래처 대응을 위해 영문 기반의 제품·기업 소개 페이지 강화
- 방대한 기술/제품 자료를 기준에 맞게 정보 구조화(IA)하여 이해하기 쉬운 구조로 재정비
- 해외 사용자 접근을 고려한 사이트 속도 최적화 및 반응형 UI/UX 구축
- 향후 베트남·중국어 등 추가 언어를 내부에서 직접 확장할 수 있는 다국어 구조 설계
- 브랜드 컬러·타이포·로고 등 온라인 맞춤형 브랜드 아이덴티티 업그레이드
3) 주안점
- 불필요한 자료 정리 및 중복 콘텐츠 제거로 정보 체계를 명확하게 재구성
- 기술·공정 내용을 시각적으로 이해하기 쉽게 하기 위해 다이어그램·그래프 등 신규 비주얼 요소 제작
- 글로벌 접근성을 고려한 속도 최적화(WebP, 캐싱, 템플릿 경량화 등)
- 서비스·기술·포트폴리오가 유기적으로 연결되도록 IA 재설계
- 추가 언어 확장 시 ***(회사명 : 삭제됨)을 거치지 않아도 되는 내부 자가 구축형 다국어 페지 시스템 구축
- 기존 브랜드 이미지를 온라인에서 보다 전문적으로 보여줄 수 있도록 BI/CI 기반 UI/UX 재정립
- 기존 홈페이지가 오래되어 관리자 수정 권한이 전혀 없어,
문구 하나 변경하는 데도 제작사를 거쳐야 해 최소 10일 이상 소요됨
- 국내·해외 거래처가 많음에도 제품·기술 자료가 방대하고 분류되지 않아 필요한 정보를 정확히 찾기 어려움
- 기존 사이트의 구조적 한계로 영문 페이지가 부실해 글로벌 고객 대응이 어려움
- 콘텐츠 중복, 페이지 노후화 등으로 기업 경쟁력을 온라인에서 충분히 보여주지 못하는 상태
- 속도 최적화가 이루어지지 않아 해외 사용자 접근 시 로딩 저하 문제가 발생
2) 프로젝트 목표
- 관리자가 직접 유지보수·수정·신규 페이지 생성이 가능한 홈페이지 구축
- 글로벌 거래처 대응을 위해 영문 기반의 제품·기업 소개 페이지 강화
- 방대한 기술/제품 자료를 기준에 맞게 정보 구조화(IA)하여 이해하기 쉬운 구조로 재정비
- 해외 사용자 접근을 고려한 사이트 속도 최적화 및 반응형 UI/UX 구축
- 향후 베트남·중국어 등 추가 언어를 내부에서 직접 확장할 수 있는 다국어 구조 설계
- 브랜드 컬러·타이포·로고 등 온라인 맞춤형 브랜드 아이덴티티 업그레이드
3) 주안점
- 불필요한 자료 정리 및 중복 콘텐츠 제거로 정보 체계를 명확하게 재구성
- 기술·공정 내용을 시각적으로 이해하기 쉽게 하기 위해 다이어그램·그래프 등 신규 비주얼 요소 제작
- 글로벌 접근성을 고려한 속도 최적화(WebP, 캐싱, 템플릿 경량화 등)
- 서비스·기술·포트폴리오가 유기적으로 연결되도록 IA 재설계
- 추가 언어 확장 시 ***(회사명 : 삭제됨)을 거치지 않아도 되는 내부 자가 구축형 다국어 페지 시스템 구축
- 기존 브랜드 이미지를 온라인에서 보다 전문적으로 보여줄 수 있도록 BI/CI 기반 UI/UX 재정립
프로젝트 성과
관리자 수정 소요시간 90% 단축
기존에는 간단한 문구 한 줄 수정에도 평균 10일 이상 소요되었으나, 관리자 직접 유지보수가 가능한 구조로 재구축하여 실시간 수정이 가능한 시스템으로 개선(약 90% 시간 단축)했습니다.
글로벌 페이지 접근성 향상 및 이탈률 감소
영문 제품·기업 소개 페이지를 재구축하고 속도 최적화(WebP·캐싱 등)를 적용한 결과, 해외 거래처의 초기 로딩 속도가 크게 개선되었고 정보 이탈률이 체감적으로 감소하였습니다.
방대한 제품·기술 정보의 구조화로 정보 검색 효율 증가
중복 자료 정리와 카테고리 체계 재정립을 통해 기술·제품 정보를 빠르게 찾을 수 있는 구조로 개편하여, 내부 담당자의 정보 관리 효율이 크게 향상되고 고객사의 정보 접근성이 높아졌습니다.
다국어 확장 비용 절감
영문 사이트를 기반으로 다른 언어 페이지를 쉽게 복제·확장할 수 있는 구조를 설계해, 향후 베트남어·중국어 등 추가 언어 구축 시 비용과 기간이 크게 절감되는 운영 구조를 확보했습니다.
핵심 기능

다국어 확장 기능
영문 페이지를 기반으로 다른 언어를 쉽게 추가할 수 있도록 페이지 복제·텍스트 교체 중심의 확장 구조를 제공했습니다.


전역 검색(Global Search) 기능
제품·공정·기술 설명 등 방대한 자료를 빠르게 찾을 수 있도록 사이트 전체를 검색하는 전역 검색 시스템을 구축했습니다.

관리자 전용 페이지 관리 시스템
문구 수정부터 신규 페이지 생성까지 제작사 없이 내부에서 직접 운영할 수 있도록 관리 기능을 최적화해 유지보수 효율을 높였습니다.
진행 단계
정보 재해석 & 기술 자료 정리
2023.10.
방대한 제품·공정 자료를 검토하며 중복을 제거하고, 글로벌 고객이 필요로 하는 핵심 정보를 기준으로 재정리했습니다.
IA 재설계 & 브랜드 방향성 정립
2023.11.
제품·기술 카테고리를 새로 구성하고, 온라인에 맞춘 색상·폰트·UI 방향성을 재정립하며 기획 중심의 구조를 완성했습니다.
기술 페이지 시각화 & 다국어 UX 디자인
2024.01.
기술·공정 설명을 그래프·도식으로 시각화하고, 영문 페이지 우선 UX 설계로 다국어 확장이 쉬운 디자인 시스템을 구축했습니다.
워드프레스 개발 & 속도 최적화
2024.03.
전역 검색, 제품 템플릿 등 핵심 기능을 개발하고, WebP·캐싱 최적화로 해외 접근 속도를 개선한 커스터마이징 작업을 진행했습니다.
다국어 검수 & 최종 런칭
2024.05.
영문 페이지 전체 검수 후 내부에서 언어를 직접 추가할 수 있는 구조를 테스트하고, 품질 점검을 거쳐 최종 런칭을 진행했습니다.
프로젝트 상세
엠테크는 국내외 대기업과 꾸준히 거래해온 PCB 제조사로, 오래된 홈페이지의 구조적 한계로 인해 해외 고객에게 최신 제품 정보를 전달하기 어려운 상황이었습니다.
수정 권한이 없어 간단한 문구 하나 변경하는 데도 10일 이상이 걸렸고, 방대한 기술 자료는 정리되지 않아 온라인에서 브랜드 경쟁력을 충분히 보여주기 어려웠습니다. 이를 해결하기 위해 관리자가 직접 운영 가능한 워드프레스 기반의 다국어 홈페이지로 재구축했으며, 제품·기술 정보를 처음부터 재정리하여 구조화하고, 글로벌 접근성을 고려해 속도·UI/UX·브랜드 아이덴티티까지 전면 개선하였습니다.
그 결과, 엠테크는 해외 거래처에서도 신뢰도 있게 기업 기술력을 전달하고, 내부에서 스스로 페이지를 추가·확장할 수 있는 안정적인 시스템을 갖추게 되었습니다.
____
1) 포트폴리오 소개 (서비스 카테고리 + 메인 타깃 포함 간략 소개)
PCB 제조 기업 엠테크를 위한 워드프레스 기반 다국어 기업 홈페이지 구축 프로젝트입니다.
국내 대기업(삼* 등) 및 해외 거래처가 많은 특성상, 글로벌 고객이 제품·기술 정보를 명확하게 이해할 수 있는 구조가 필수였고, 기존 노후된 홈페이지를 개선하여 직접 유지보수가 가능한 환경 + 해외 대응력 강화를 위한 영문 사이트를 구축하는 것이 핵심 목표였습니다.
2) 작업 범위 (참여한 범위 및 지원 환경)
- 정보 구조화(IA) 재설계: 방대한 제품·공정 정보를 분류 기준부터 다시 정의
- UI/UX 기획 및 전체 디자인 리뉴얼
- 워드프레스 커스터마이징 개발 (Front-end + Back-end)
- 다국어 구조 설계 및 영문 페이지 구축
- 전역 검색 기능 개발
- 관리자 페이지 커스터마이징(페이지 복제·언어 확장 기능 제공)
- 브랜드 아이덴티티 업그레이드(색상·폰트·로고 조정)
- 속도 최적화(WebP 이미지, 캐싱 구조, 템플릿 경량화)
- 100% 반응형 웹 구축
※ 지원 환경
- Web(반응형), 워드프레스 기반
- 글로벌 접근성 고려 서버·속도 구조 최적화
3) 주요 업무 (해당 서비스의 주요 기능 및 주요 페이지)
- 제품(Product) 상세 페이지 템플릿 제작
PCB 사양, 공정, 기술 설명을 시각화한 그래프·다이어그램 적용
- 기업 소개 / 기술력 소개 / 공정 소개 페이지 기획 및 구성
- 서비스 + 포트폴리오 통합 구조
기존 서비스 소개만 있던 구조를 기업 사례와 기술 성과를 함께 보여주는 구조로 확장
- 전역 검색 기능(Global Search) 개발
대량의 기술/제품 정보를 빠르게 확인할 수 있도록 개선
- 다국어 페이지(영문 기본, 베트남/중국어 확장 가능)
페이지 복제 → 텍스트만 교체하면 추가 언어 구축 가능하도록 설계
- 관리자 직접 유지보수 가능한 페이지 구조 제공
- 브랜드 아이덴티티 반영 UI/UX 스타일 가이드 제작
※ 주요 페이지 구성
- 기업 소개 / 핵심 기술 페이지
- 제품 소개 / 공정 소개 / 시스템 소개
- 포트폴리오(실적) 페이지
- 문의·상담 페이지
- 다국어 전환 페이지
4) 주안점 (디자인·개발 시 집중했던 사항)
- 글로벌 사용자도 빠르게 접근할 수 있는 속도 최적화
- 방대한 데이터를 정돈해 명확하게 전달하는 정보 구조화가 핵심 포인트
- 관리자가 직접 유지보수·언어 확장·신규 페이지 생성이 가능한 구조로 제작
- 브랜드 아이덴티티를 온라인 환경에 맞게 재해석하여 신뢰도 강화
- 중복 자료 제거 및 서비스·기술·포트폴리오 간 흐름을 단절 없이 연결
- 장기적인 확장성과 안정적인 운영을 전제로 한 워드프레스 커스터마이징
<위시켓 이용 약관에 의해 수정된 내용입니다.>
수정 권한이 없어 간단한 문구 하나 변경하는 데도 10일 이상이 걸렸고, 방대한 기술 자료는 정리되지 않아 온라인에서 브랜드 경쟁력을 충분히 보여주기 어려웠습니다. 이를 해결하기 위해 관리자가 직접 운영 가능한 워드프레스 기반의 다국어 홈페이지로 재구축했으며, 제품·기술 정보를 처음부터 재정리하여 구조화하고, 글로벌 접근성을 고려해 속도·UI/UX·브랜드 아이덴티티까지 전면 개선하였습니다.
그 결과, 엠테크는 해외 거래처에서도 신뢰도 있게 기업 기술력을 전달하고, 내부에서 스스로 페이지를 추가·확장할 수 있는 안정적인 시스템을 갖추게 되었습니다.
____
1) 포트폴리오 소개 (서비스 카테고리 + 메인 타깃 포함 간략 소개)
PCB 제조 기업 엠테크를 위한 워드프레스 기반 다국어 기업 홈페이지 구축 프로젝트입니다.
국내 대기업(삼* 등) 및 해외 거래처가 많은 특성상, 글로벌 고객이 제품·기술 정보를 명확하게 이해할 수 있는 구조가 필수였고, 기존 노후된 홈페이지를 개선하여 직접 유지보수가 가능한 환경 + 해외 대응력 강화를 위한 영문 사이트를 구축하는 것이 핵심 목표였습니다.
2) 작업 범위 (참여한 범위 및 지원 환경)
- 정보 구조화(IA) 재설계: 방대한 제품·공정 정보를 분류 기준부터 다시 정의
- UI/UX 기획 및 전체 디자인 리뉴얼
- 워드프레스 커스터마이징 개발 (Front-end + Back-end)
- 다국어 구조 설계 및 영문 페이지 구축
- 전역 검색 기능 개발
- 관리자 페이지 커스터마이징(페이지 복제·언어 확장 기능 제공)
- 브랜드 아이덴티티 업그레이드(색상·폰트·로고 조정)
- 속도 최적화(WebP 이미지, 캐싱 구조, 템플릿 경량화)
- 100% 반응형 웹 구축
※ 지원 환경
- Web(반응형), 워드프레스 기반
- 글로벌 접근성 고려 서버·속도 구조 최적화
3) 주요 업무 (해당 서비스의 주요 기능 및 주요 페이지)
- 제품(Product) 상세 페이지 템플릿 제작
PCB 사양, 공정, 기술 설명을 시각화한 그래프·다이어그램 적용
- 기업 소개 / 기술력 소개 / 공정 소개 페이지 기획 및 구성
- 서비스 + 포트폴리오 통합 구조
기존 서비스 소개만 있던 구조를 기업 사례와 기술 성과를 함께 보여주는 구조로 확장
- 전역 검색 기능(Global Search) 개발
대량의 기술/제품 정보를 빠르게 확인할 수 있도록 개선
- 다국어 페이지(영문 기본, 베트남/중국어 확장 가능)
페이지 복제 → 텍스트만 교체하면 추가 언어 구축 가능하도록 설계
- 관리자 직접 유지보수 가능한 페이지 구조 제공
- 브랜드 아이덴티티 반영 UI/UX 스타일 가이드 제작
※ 주요 페이지 구성
- 기업 소개 / 핵심 기술 페이지
- 제품 소개 / 공정 소개 / 시스템 소개
- 포트폴리오(실적) 페이지
- 문의·상담 페이지
- 다국어 전환 페이지
4) 주안점 (디자인·개발 시 집중했던 사항)
- 글로벌 사용자도 빠르게 접근할 수 있는 속도 최적화
- 방대한 데이터를 정돈해 명확하게 전달하는 정보 구조화가 핵심 포인트
- 관리자가 직접 유지보수·언어 확장·신규 페이지 생성이 가능한 구조로 제작
- 브랜드 아이덴티티를 온라인 환경에 맞게 재해석하여 신뢰도 강화
- 중복 자료 제거 및 서비스·기술·포트폴리오 간 흐름을 단절 없이 연결
- 장기적인 확장성과 안정적인 운영을 전제로 한 워드프레스 커스터마이징
<위시켓 이용 약관에 의해 수정된 내용입니다.>

제품종류가 많아 제품으로 바로 이동할 수 있도록 기획된 메인 페이지










