배경
빅웨일즈는 조선해양 프로젝트 관리 서비스를 제공하는 기업입니다. 신조선, 오일·가스, 재생에너지 등 서로 다른 사업 분야를 한 사이트 안에서 설명해야 했습니다.
사이트의 주요 방문자는 국내 고객에 한정되지 않았습니다. 글로벌 클라이언트를 대상으로 회사와 서비스를 소개해야 했기 때문에 영문을 중심으로 한 화면 구조와 정보 설계가 필요했습니다.
조선해양 산업은 사업 내용을 글만으로 설명하기 어렵습니다. 프로젝트 규모와 작업 환경을 보여줄 영상과 이미지가 중요했습니다. 클라이언트는 직접 구매한 비디오와 이미지 자료를 제공했고 이를 사이트의 주요 시각 요소로 사용하는 방향으로 프로젝트를 진행했습니다.
접근
빅웨일즈의 사업을 신조선, 오일·가스, 재생에너지 세 분야로 나눴습니다. 각 분야의 서비스를 독립된 영역에서 설명하고 방문자가 필요한 사업 정보를 바로 찾을 수 있도록 메뉴를 구성했습니다.
페이지라이터의 커스텀 워드프레스 테마로 사이트를 제작했습니다. 메인 화면에는 클라이언트가 제공한 해양 영상을 배경으로 적용했습니다. 영상 위에는 회사의 역할과 사업 범위를 짧은 문장으로 배치했습니다.
영문 콘텐츠가 긴 문장으로 이어지지 않도록 제목과 요약, 세부 설명의 단계를 나눴습니다. 회사 개요와 사업 분야, 인증과 특허, ESG 경영 정보를 각각 분리해 글로벌 고객이 회사의 역량을 확인할 수 있도록 했습니다.
데스크톱과 모바일에서 영상과 콘텐츠가 같은 순서로 보이도록 반응형 화면을 구성했습니다. 최종 검수 단계에서는 영문 표기와 메뉴 이동, 영상 재생, 모바일 화면을 확인했습니다.
결과
빅웨일즈는 조선해양 프로젝트 관리 사업을 영문으로 소개할 수 있는 독립 웹사이트를 갖추게 됐습니다. 신조선, 오일·가스, 재생에너지 서비스가 분야별로 나뉘어 방문자가 사업 범위를 구분할 수 있게 됐습니다.
클라이언트가 제공한 영상과 이미지는 단순한 장식이 아니라 회사가 다루는 현장과 산업 규모를 보여주는 자료로 사용됐습니다. 별도의 설명을 길게 읽지 않아도 빅웨일즈의 사업 분야를 짐작할 수 있는 화면이 만들어졌습니다.
인증과 특허, ESG 경영도 별도의 영역에서 소개할 수 있게 됐습니다. 회사 소개와 사업 내용에 흩어져 있던 신뢰 자료를 한곳에서 확인할 수 있는 구조가 마련됐습니다.
사용 기술
- WordPress 커스텀 테마
- Video Background 영상 기반 메인 화면
- Responsive Web 반응형 디자인
- English UI 영문 중심 구성
- Custom Sections 사업 분야별 구성
- SSL 보안 인증