개요
핵심 요약
- 모리스(MORRIS)는 형광펜·마커·펜·샤프를 생산하는 필기구 제조 기업으로, 인천에 본사를 두고 있다.
- 제품 카테고리는 형광펜, 드라이와이프 마커, 퍼머넌트 마커, 수성 마커, 홈&DIY 마커, 산업용 마커, 펜, 샤프, 디지털 아홉 갈래로 나뉜다.
- 보유 브랜드로 JUSTCLICK, bamboo, STARFLO, Easy Fluid를 탭 형태로 노출한다.
- 강점 구획은 ‘Precise in Technology, Warm in Design’ 아래 정밀 기술, 협업, 감성과 디자인, 글로벌 생산 네 항목으로 정리된다.
- 프레스 소식은 영문으로 작성돼 있으며 인도 법인 설립 등 해외 확장 소식을 포함한다.
모리스(MORRIS)는 형광펜과 마커를 중심으로 한 필기구 제조 기업이다. 홈페이지 첫 화면은 제품 슬라이더인데, 그 처리 방식이 일반적인 제조사 사이트와 다르다. 파스텔 그라디언트 배경에 형광펜 여러 자루가 공중에 떠 있고, 하단에는 슬라이드 이름(Prime Glitter Highlighter S, Prime Highlighter S antique 등)이 목록으로 나열된다. 제품 사진을 카탈로그 컷이 아니라 정물 화보처럼 다룬 것이다.
이어지는 구성은 신제품 → 브랜드 선언 → 제품 카테고리 → 보유 브랜드 → 강점 → 프레스 → 문의 순이다. 중간에 ‘Made to write’라는 대형 타이포가 화면을 가로지르며 흐름을 끊는다. 이번 리뷰에서는 제조사 사이트를 편집 지면처럼 구성한 이 방식과, 글로벌을 겨냥하면서도 비어 있는 검색 기반을 함께 살펴본다.
브랜드 & 메시지
브랜드 선언은 짧다. ‘Made to write’. 그 옆에 작은 글씨로 ‘We enrich everyday life with creative stationery and build the future together, with every line’이 붙는다. 문구 회사가 쓸 수 있는 가장 단순한 문장이면서, 제품군 전체를 포괄한다. 산업용 마커부터 감성 형광펜까지 성격이 다른 제품을 한 지붕 아래 묶는 데 이보다 효율적인 문장을 찾기는 어렵다.
강점 구획의 카피도 같은 방식으로 대비를 만든다. ‘Precise in Technology, Warm in Design’ — 정밀함과 따뜻함이라는 상반된 두 단어를 병치해, 제조 기술력과 디자인 감성을 동시에 주장한다. 그 아래 정밀 기술과 품질, 유연한 협업과 브랜드 파트너십, 감성과 디자인의 융합, 글로벌 생산과 지속가능성 네 항목이 아이콘과 함께 배치된다. 시각 언어는 화이트와 라이트 그레이를 기본으로 하되 제품의 색만 살리는 방식이고, 강점 구획에서만 다크 톤으로 반전된다.
UX/UI 관점
강점은 여섯 가지다. 첫째, 히어로 슬라이더의 인디케이터를 점이 아니라 제품명 목록으로 만들었다. 어떤 제품이 나올지 미리 알 수 있어 원하는 슬라이드로 바로 이동할 수 있다. 둘째, 신제품 구획을 카드 슬라이더로 두고 ‘All products’ 버튼을 함께 배치해, 훑어보기와 전체 보기를 나눴다. 셋째, 제품 카테고리를 좌측 세로 목록으로 고정하고 우측에 해당 카테고리 제품을 보여주는 구조를 택했다. 아홉 개나 되는 카테고리를 가로로 늘어놓지 않아 화면이 정돈된다.
넷째, 보유 브랜드를 로고 탭으로 배치하고 선택된 브랜드의 소개를 아래에 펼친다. JUSTCLICK 소개 문구 ‘No cap, Just Click’처럼 브랜드마다 고유한 카피를 유지하면서도, 모기업 사이트의 틀 안에서 관리되는 구조다. 다섯째, 프레스 구획에 보도 사진과 제목, 날짜를 카드로 배치해 기업 활동의 최신성을 드러냈다. 여섯째, 문의를 목적별로 네 개(대량 주문, 제조, 기타, 협업)로 나눴다. 제조사에 들어오는 문의는 성격이 크게 다른데, 이를 첫 단계에서 분기시키면 담당 부서 연결이 빨라지고 문의자도 자신의 요청이 제대로 갈 것이라는 확신을 얻는다.
IA·SEO 전략
검색 기반은 사실상 비어 있다. 페이지 제목은 ‘MORRIS’ 한 단어이고, meta description과 canonical, Open Graph 태그가 확인되지 않는다. h1 요소는 있지만 내용이 비어 있다. 국문 사명인 ‘모리스’나 ‘형광펜 제조’ 같은 검색어에 대응할 근거가 문서에 없는 상태다.
이 사이트는 글로벌을 겨냥한 정황이 뚜렷하다. 프레스가 영문으로 작성돼 있고, 해외 법인 설립 소식이 실려 있으며, 푸터의 회사 정보도 영문으로 병기된다. 그렇다면 검색 대응은 더욱 중요해진다. 해외 바이어는 브랜드명을 모르는 상태에서 ‘highlighter manufacturer korea’, ‘OEM marker pen supplier’ 같은 검색어로 접근하기 때문이다. 제목에 취급 품목과 국문·영문 사명을 함께 담고, 국문·영문 페이지를 별도 URL로 운영하며 hreflang으로 연결하고, 제품 카테고리마다 고유 설명과 Product 구조화 데이터를 붙이는 것이 순서다. 프레스 기사에 Article 구조화 데이터를 적용하면 기업 검색 결과의 품질도 함께 올라간다.
성능·접근성
제품 사진 중심 사이트인데 지연 로딩과 차세대 포맷 사용이 확인되지 않는다. 카테고리 구획과 브랜드 탭, 프레스 카드까지 이미지가 계속 이어지는 구조이므로, 뷰포트 밖 이미지의 지연 로딩만 적용해도 초기 전송량이 눈에 띄게 줄어든다. 제품 사진은 흰 배경에 단순한 형태가 많아 WebP 전환 효율도 좋은 편이다.
접근성 측면에서는 비어 있는 h1을 채우는 것이 우선이다. 브랜드 탭은 키보드로 전환 가능한지, 선택 상태가 색 외의 요소로도 표시되는지 확인이 필요하다. 좌측 카테고리 목록 역시 현재 선택된 항목이 명확히 구분돼야 한다. 제품 이미지의 대체 텍스트에는 제품명과 색상 정보를 담는 편이 좋다. 필기구는 색상 선택이 구매 요인이라 이미지 검색 유입도 무시할 수 없다.
자주 묻는 질문
제조사 홈페이지에서 제품 카테고리가 많을 때 어떻게 배치해야 하나요?
좌측에 세로 목록으로 고정하고 우측에 해당 카테고리 제품을 보여주는 구조가 효율적입니다. 모리스처럼 카테고리가 아홉 개를 넘어가면 가로 탭으로는 감당이 안 되고, 드롭다운에 숨기면 존재 자체가 인지되지 않습니다.
문의 창구를 목적별로 나누는 것이 좋은가요?
좋습니다. 제조사에는 대량 주문, OEM 제조, 협업 제안처럼 성격이 전혀 다른 문의가 들어옵니다. 첫 단계에서 분기시키면 담당 부서 연결이 빨라지고, 문의자도 자기 요청이 제대로 전달될 것이라는 확신을 갖습니다.
해외 바이어를 노리는 제조사 홈페이지는 무엇을 갖춰야 하나요?
영문 페이지를 별도 URL로 운영하고 hreflang으로 연결하는 것이 기본입니다. 바이어는 브랜드명을 모른 채 품목과 국가로 검색하므로, 제목과 본문에 품목명이 영문으로 존재해야 노출됩니다.
홈페이지 제목에 회사명만 쓰면 왜 문제인가요?
회사명을 아는 사람만 도달합니다. 신규 거래처는 품목으로 검색하므로 제목에 취급 품목이 없으면 검색 결과에 나타나지 않습니다. 제목과 설명은 가장 적은 비용으로 가장 큰 차이를 만드는 항목입니다.
디지털 파트너 더블루캔버스
제조 기업이 자체 브랜드와 OEM 사업을 함께 운영하면 웹사이트의 역할이 복잡해진다. 소비자에게는 브랜드로, 바이어에게는 생산 능력으로 보여야 하고, 국내와 해외의 언어도 나뉜다. 이 층위를 정리하지 않으면 사이트는 예쁜 카탈로그로 끝나고, 신규 거래 문의는 전시회와 인맥에만 의존하게 된다.
The Blue Canvas(더블루캔버스)는 제조 기업의 홈페이지 제작에서 대상별 층위를 먼저 나눈다. 소비자용 브랜드 콘텐츠와 바이어용 생산 정보를 구분하고, 언어별 URL 체계를 잡고, 품목 단위로 검색에 걸릴 문서를 만든다. 화면의 완성도와 신규 문의는 다른 작업이며, 둘을 함께 설계해야 결과가 남는다.
마무리와 다음 스텝
모리스의 웹사이트는 문구 제조사가 만들 수 있는 가장 세련된 형태에 가깝다. 제품을 화보처럼 다루고, 아홉 개 카테고리를 세로 목록으로 정돈하고, 보유 브랜드를 탭으로 관리하고, 문의를 목적별로 나눴다. ‘Made to write’라는 한 문장으로 이질적인 제품군을 묶은 카피도 효율적이다.
실행 제안은 셋이다. 첫째, 제목을 ‘형광펜·마커 제조 | 모리스(MORRIS)’ 형태로 바꾸고 description·canonical·h1을 채운다. 글로벌을 겨냥한 사이트에서 지금 상태는 손해가 크다. 둘째, 국문·영문 페이지를 별도 URL로 운영하고 hreflang과 Product 구조화 데이터를 적용한다. 셋째, 제품 이미지에 지연 로딩과 차세대 포맷을 적용하고 대체 텍스트에 제품명·색상을 담는다. 화면은 이미 준비돼 있으니, 발견되게 만드는 일이 남았다.