왜 기업 홈페이지는 ‘신뢰와 역량 증명’에서 출발하는가
기업 홈페이지 제작, 특히 B2B 제조사의 사이트에서 가장 먼저 푸는 문제는 디자인이 아니라 검증입니다. 부품을 발주하는 구매 담당자와 바이어는 “이 제조사가 우리 사양을 맞출 역량이 있는가, 납기와 품질을 책임질 수 있는가”를 먼저 확인합니다. 그래서 이 기업 홈페이지는 화려함이 아니라, 사양·생산능력·검사 기준을 먼저 펼쳐 “여기는 믿고 맡길 수 있다”를 0.3초에 전하는 것을 1번 목표로 잡았습니다.
색: 권위의 네이비, 정밀의 블루
바탕은 딥 네이비(#0b1f33) — 산업·엔지니어링의 신뢰를 상징하는 색입니다. 히어로 위에는 블루프린트 그리드를 은은히 깔아, 설계 도면 위에서 부품이 태어나는 제조의 본질을 화면 자체로 말하게 했습니다. 포인트로 정밀한 블루(#1d6fd6)를 절제해 써서 ‘기술과 정확함’을 더했고, 본문 영역은 쿨한 화이트로 밝혀 사양표와 수치가 또렷이 읽히게 했습니다. 차가운 산업의 인상에 신뢰의 무게를 더한 균형입니다.
타이포: 수치를 위한 모노스페이스
제조사 사이트의 주인공은 문장이 아니라 숫자입니다 — 공차 ±0.005mm, 가공기 24대, 견적 회신 1~2일. 그래서 사양·지표·표에는 등폭(모노스페이스) 숫자를 써서 자릿수가 가지런히 정렬되게 했습니다. 영문 라벨(Tolerance·Capacity·QC)을 한글과 병기해, 국내 담당자와 해외 바이어가 같은 화면을 그대로 읽도록 했습니다. 본문 가독성은 Pretendard로 확보해, 기술 문서의 정확함과 읽기 편함을 동시에 잡았습니다.
구조와 전환: 사양 확인에서 견적 문의까지
제품·사업영역으로 “무엇을 만드는가”를 보이고, 생산능력 탭(설비·소재·후처리)으로 “어디까지 가능한가”를 사양표로 공개했습니다. 인증·품질 시스템과 검사 흐름(FAI→CMM→출하)으로 “어떻게 보증하는가”를 증명하고, 납품 산업군으로 “누구와 일하는가”의 신뢰를 쌓았습니다. 그리고 모든 동선이 견적 문의 하나로 모이게 했습니다. 도면(STEP·IGES·DWG)을 첨부하는 RFQ 폼과 진행 절차를 함께 둬, 담당자가 망설임 없이 다음 행동으로 넘어가게 했습니다. 기업 홈페이지 제작에서 디자인의 목적은 결국 ‘한 건의 견적 요청’입니다.
해외 바이어와 영문 병기
제조사의 고객은 국경 안에만 있지 않습니다. 그래서 회사정보·제품·사양의 핵심 항목을 한·영으로 병기해, 해외 바이어가 번역 없이 그대로 검토하고 영문 견적(Quotation)까지 닿도록 했습니다. Incoterms 기준 수출 포장·선적을 안내하는 문구를 자연스럽게 녹여, “이 제조사는 해외 거래 경험이 있다”는 신호를 화면 곳곳에 남겼습니다. 국내용·수출용을 따로 만들지 않고 한 페이지가 두 시장 모두에서 제 역할을 하도록 맞춘 것이, 운영 부담을 줄이는 현실적인 설계입니다.
모바일과 데스크톱, 두 맥락
구매 담당자는 사무실 PC로 사양을 꼼꼼히 비교하지만, 전시회장이나 출장 중에는 휴대폰으로 제조사를 찾습니다. 그래서 이 사이트는 작은 화면에서도 제품 카드와 사양표가 무너지지 않게 반응형으로 짜고, 화면 어디서든 한 번의 터치로 견적 문의에 닿게 했습니다. 데스크톱에서는 블루프린트의 여백과 표의 밀도로 역량을 펼치고, 모바일에서는 속도와 문의 동선을 키워, 같은 페이지가 두 맥락 모두에서 제 역할을 하도록 맞췄습니다.
정직과 발견(GEO)
실적·인증을 과장하지 않았습니다. 인증 배지와 거래처는 ‘예시’임을 명확히 표기하고, 사실(설비 사양·공차·검사 절차)로만 신뢰를 쌓았습니다. 대신 Organization·Service·FAQ 구조화 데이터를 심고, “최소 발주 수량”, “견적 회신 기간”, “가공 가능 소재·공차”처럼 바이어가 실제로 검색하는 질문에 답하는 FAQ를 넣어 — 검색엔진과 AI 답변 양쪽에서 기업 홈페이지 제작 사례로 발견되게 했습니다. 보기 좋은 사이트가 아니라, 찾아지고 견적으로 이어지는 사이트를 목표로 했습니다.