구축 사례 전체웹 · 2025
이멕스(EMECS) 공식 웹사이트 구축
한국전기연구원(KERI) 연구책임자 출신 대표의 전동기 설계·제작 기술력을 해외 바이어에게 전달하는 이중언어 기술 웹사이트.
- 고객
- 이멕스 (EMECS)
- 연도
- 2025
- 상태
- 완료
- 분야
- 웹
- 기술
- Next.js · React · TypeScript · Node.js · hreflang · 구조화 데이터
작업 기록
전동기 설계·제작 전문 기업 이멕스는 깊은 기술력에 비해 이를 보여줄 디지털 접점이 없었다. 기획→디자인→개발→호스팅 전 과정을 1인 전담(Full Ownership)으로 3개월간 수행했다. 국내·해외 바이어 유입을 목표로 정밀한 기술 데이터를 직관적 UI로 정리하고, Next.js·TypeScript·React·Node.js 풀스택으로 개발했다. hreflang과 구조화 데이터 기반의 한/영 이중언어 SEO로 해외 검색 유입 경로를 열었고, 그 결과 실제 다수 기업의 설계·제작 프로젝트 문의가 실제 수주로 이어졌다.
과제
- 전문 기술 데이터의 일반인·바이어 대상 전달
- 해외 유입용 이중언어 SEO
- 소규모 기업 예산 내 풀사이클 수행
해결
- 기술 스펙의 시각적 위계화
- hreflang·구조화 데이터 기반 이중언어 SEO
- Next.js+TypeScript 1인 풀스택 개발
결과
- 실제 다수 기업으로부터 설계·제작 프로젝트 문의 → 수주로 연결 (비즈니스 기회 창출)
전문 기술을 이해시키는 구조,
해외 바이어까지 닿는 검색 설계.
전동기 설계·제작 기업의 기술 정보를 정리하고, 한국어와 영어로 탐색할 수 있는 웹사이트를 구축했습니다.
기술 구성
- FRONTEND
- Next.js · React · TypeScript기술·제품 정보를 일관된 화면 구조로 구현
- RUNTIME
- Node.js웹사이트 개발과 서버 실행 환경
- DISCOVERY
- hreflang · 구조화 데이터언어별 페이지와 기술 정보를 검색엔진에 전달
핵심 구현
기술 사양을 읽기 쉬운 정보로
전동기 설계·제작 역량과 제품 정보를 시각적 위계로 정리했습니다. 전문 용어와 세부 사양을 다루면서도 바이어가 필요한 정보를 따라갈 수 있게 구성했습니다.
한·영 페이지를 고려한 SEO
hreflang으로 언어별 페이지의 관계를 알리고, 구조화 데이터로 콘텐츠의 의미를 전달했습니다. 국내 고객과 해외 바이어를 함께 고려한 검색 기반을 만들었습니다.
기획에서 호스팅까지 연결
정보 구조, 디자인, Next.js·TypeScript 개발, 호스팅까지 전 과정을 맡았습니다. 초기 기획의 기술 메시지가 실제 화면과 운영 환경까지 이어지도록 구현했습니다.