해양·인프라 금융투자사 · 기업 홈페이지
트리오션파트너스
해양·인프라 분야에 특화된 금융투자사 트리오션파트너스(주)의 기업 홈페이지를 기획·디자인·구축했습니다. 회사·사업 소개부터 공지·자료실, 문의까지 한국어·영어 이중언어로 제공합니다.
기업 홈페이지한·영 이중언어반응형 디자인Next.js
01
프로젝트 개요
트리오션파트너스(주)는 해양 및 인프라 분야에 특화된 금융투자회사로, 투자관리 사업을 주력으로 합니다.
서울 여의도 국제금융 중심지에 자리해 국내외 이해관계자와 함께 일합니다.
회사의 정체성과 사업을 온라인에서 일관되게 알릴 수 있도록, 기업 홈페이지(triocean.kr)를 한국어·영어로 기획·디자인·구축했습니다.
이 프로젝트에서 실마릴은 기업 홈페이지 제작을 담당했습니다.
02
담당 역할 & 기여
- 기업 홈페이지 기획·정보 구조 설계 — 회사소개, 사업소개, 공지·자료실, 문의 구성
- 금융투자사 브랜드에 맞는 신뢰감 있는 UI·비주얼 디자인
- 한국어·영어 이중언어(i18n) 사이트 구축 및 언어 전환 구현
- 회사소개서·뉴스·공지사항을 담는 자료실과 문의 양식 구현
- 데스크톱·모바일 반응형 레이아웃과 검색 친화적 마크업 적용
- Next.js(App Router) 기반으로 구축하고 배포까지 완료
03
핵심 작업
01
한·영 이중언어 사이트
KOR/ENG 언어 전환으로 국내외 방문자 모두에게 동일한 콘텐츠를 제공합니다.
02
회사·사업 소개
회사의 정체성과 해양·인프라 투자 사업을 정리해 명확하게 전달합니다.
03
공지·자료실
회사소개서·뉴스·공지사항을 체계적으로 제공하는 자료실을 구성했습니다.
04
문의하기
방문자가 바로 연락할 수 있는 문의 양식을 제공합니다.
05
오션 브랜드 비주얼
심해 오션 이미지를 활용해 신뢰감 있는 첫인상을 만듭니다.
06
반응형 · 빠른 성능
데스크톱·모바일 어디서나 빠르게 열리는 최신 웹으로 구축했습니다.
04
과제와 해결
금융투자사다운 신뢰감
- 상황
- 금융투자사의 홈페이지는 첫인상에서 전문성과 신뢰를 전달해야 합니다.
- 과제
- 해양·인프라라는 사업 정체성을 담으면서도 절제되고 신뢰감 있는 인상을 주어야 했습니다.
- 행동
- 심해 오션 비주얼을 중심으로, 절제된 색·타이포그래피와 여백 중심의 레이아웃으로 브랜드를 설계했습니다.
- 결과
- 사업 정체성과 신뢰감을 함께 전달하는 기업 홈페이지를 완성했습니다.
한·영 이중언어
- 상황
- 국내외 이해관계자를 모두 대상으로 해, 한국어와 영어를 함께 제공해야 했습니다.
- 과제
- 두 언어에서 콘텐츠와 레이아웃이 어긋나지 않게 운영해야 했습니다.
- 행동
- 언어 전환 구조를 갖춘 i18n 기반으로 회사·사업 소개와 공지·자료실을 한·영으로 구성했습니다.
- 결과
- 방문자가 KOR/ENG를 자유롭게 오가며 동일한 정보를 보는 이중언어 사이트를 구축했습니다.
05
기술 스택
프레임워크 · 언어Next.js (App Router) · React · TypeScript
UI · 스타일Tailwind CSS · 반응형 디자인
다국어한국어 / 영어 이중언어(i18n) · 언어 전환
콘텐츠회사·사업 소개 · 공지·자료실(회사소개서/뉴스/공지) · 문의 양식
인프라Vercel 배포
06
성과 / 임팩트
- 한·영 이중언어 기업 홈페이지로, 국내외 이해관계자에게 회사를 일관되게 소개하는 채널을 마련했습니다.
- 회사·사업 소개와 공지·자료실, 문의 동선을 한곳에 모아 정보 접근성을 높였습니다.
- 빠르고 반응형으로 동작하는 최신 웹 기반으로 데스크톱·모바일 어디서나 동일한 경험을 제공합니다.
- 이 프로젝트에서 실마릴의 담당 범위는 기업 홈페이지 제작입니다.