貿易

125BASE(海外用サイト)

CMS HP デザイン

プロジェクト概要

125BASE LLC様の海外向けコーポレートサイトにおいて、ヒアリングからサイト構成・デザイン、フロントエンド実装まで一貫して担当いたしました。

海外メーカーの日本市場進出を支援するサービスであるため、事業内容や提供価値を海外の企業にも分かりやすく伝えられるよう、信頼性を重視したデザインと情報設計を行っています。

サービス内容や日本市場への展開支援について理解しやすい構成とし、海外企業からの問い合わせにつながるよう、情報の整理や導線設計にも配慮して制作しました。

サイトURL:
https://trade.125base.co.jp/


担当範囲

  • ヒアリング・要件整理
  • サイト構成・情報設計
  • UIデザイン
  • HTMLコーディング
  • CSSコーディング
  • JavaScript実装
  • WordPress構築
  • レスポンシブ対応
  • フェードインアニメーション実装
  • SEOを考慮したサイト設計・実装

制作のポイント

ヒアリングからデザイン・実装まで一貫して対応

クライアントへのヒアリングをもとに、事業内容やターゲットとなる海外企業を整理し、サイト構成の設計からデザイン、実装まで一貫して担当しました。

単に情報を掲載するだけではなく、「誰に」「何を伝えるサイトなのか」を意識し、サービスの特徴や提供価値が伝わりやすい情報設計を行っています。


海外企業を意識した情報設計

海外メーカーの日本市場進出を支援するサービスであることを踏まえ、日本国内向けの一般的なコーポレートサイトとは異なり、海外企業がサービス内容を理解しやすい構成を意識しました。

日本市場への進出を検討している企業に対して、125BASE LLC様がどのような支援を提供できるのかを分かりやすく伝えられるよう、情報を整理しています。


信頼性を重視したデザイン

海外企業が日本市場でのビジネスパートナーを検討する際に、安心して相談できる印象を持ってもらえるよう、信頼性を重視したデザインを設計しました。

配色や余白、タイポグラフィ、コンテンツの配置などを調整し、サービスの専門性と企業としての信頼感が伝わるデザインを目指しています。


レスポンシブ対応

パソコン・タブレット・スマートフォンなど、さまざまな画面サイズで快適に閲覧できるようレスポンシブ対応を行いました。

デバイスごとの画面幅に合わせてレイアウトや文字サイズ、余白などを調整し、どの環境でも情報を確認しやすいサイトを実現しています。


フェードインアニメーションの実装

ページをスクロールした際にコンテンツが自然に表示されるフェードインアニメーションを実装しました。

過度な演出を避けながら、ユーザーの視線を適切に誘導し、サイト全体をスムーズに閲覧できるよう配慮しています。


WordPressによるサイト構築

WordPressを使用してサイトを構築し、今後のコンテンツ更新や運用にも対応できる構成としています。

デザイン性だけでなく、クライアント側で継続的に運用しやすいことも考慮して実装しました。


使用技術

  • HTML5
  • CSS3
  • JavaScript
  • WordPress
  • レスポンシブデザイン

このようなWebサイト制作に対応しています

  • コーポレートサイト
  • 海外向けWebサイト
  • サービスサイト
  • WordPressサイト
  • オリジナルデザインによるWebサイト制作
  • レスポンシブ対応
  • JavaScriptを用いたアニメーション実装
  • ヒアリングからデザイン・実装までの一貫対応

Webサイト制作をご検討中の方へ

「事業内容を分かりやすく伝えられるサイトを作りたい」
「海外企業・海外ユーザー向けのWebサイトを制作したい」
「デザインだけでなく、構成から相談したい」
「WordPressで運用しやすいサイトを作りたい」

このようなご要望にも対応しております。

ヒアリングをもとにしたサイト構成・情報設計から、デザイン、WordPress構築、レスポンシブ対応まで一貫して対応可能です。

Webサイトの新規制作やリニューアルをご検討の方は、お気軽にお問い合わせください。