海洋・インフラ金融投資会社 · 企業ウェブサイト
Triocean Partners
海洋・インフラ分野に特化した金融投資会社トリオーシャン・パートナーズ(株)の企業ウェブサイトを企画・デザイン・構築しました。会社・事業紹介からお知らせ・資料室、問い合わせまで、韓国語・英語の二言語で提供します。
企業ウェブサイト韓・英二言語レスポンシブデザインNext.js
01
プロジェクト概要
トリオーシャン・パートナーズ(株)は、海洋・インフラ分野に特化した金融投資会社で、投資運用事業を主力としています。
ソウル・汝矣島(ヨイド)の金融街に拠点を置き、国内外のステークホルダーと取引しています。
同社が企業アイデンティティと事業をオンラインで一貫して発信できるよう、企業ウェブサイト(triocean.kr)を韓国語・英語で企画・デザイン・構築しました。
本プロジェクトでSilmarilは企業ウェブサイトの制作を担当しました。
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
成果・インパクト
- 韓・英二言語の企業ウェブサイトにより、国内外のステークホルダーに会社を一貫して紹介できるオンラインチャネルを整えました。
- 会社・事業紹介、お知らせ・資料室、問い合わせ導線を一か所にまとめ、情報へのアクセス性を高めました。
- 高速でレスポンシブな最新のウェブ基盤により、デスクトップ・モバイルのどちらでも同じ体験を提供します。
- 本案件でのSilmarilの担当範囲は、企業ウェブサイトの制作です。