Yixin Chen
陳 亦新

Based in Tokyo
Web Designer

Case Study 08|社内提案(不採用)・非公式コンセプト

EX Partners
コーポレートサイトのリニューアル提案

勤務先のコーポレートサイトを、白と青を基調にしたテクノロジーを感じるデザインで全面的に作り直した社内提案です(不採用)。トップと下層6ページのデザインから、HTML・CSS・JavaScriptでの実装、公開まで一人で担当しました。

期間
2026年4〜6月
立場
社内提案として制作(不採用)。公式サイトではありません
担当
デザイン・実装・公開
体制
私1名
使用技術
HTML・CSS・JavaScript(フレームワーク不使用)/Cloudflare Pages
EX Partnersのリニューアル提案のファーストビュー。Technology improves medical experience.
ファーストビュー(2026年10月16日撮影)
01

背景と目標

勤務先(医療機関向けのWeb制作会社)のコーポレートサイトを、「Webサイトの制作会社」から「医療とテクノロジーをつなぐパートナー」へと見え方を変えることを目標に、全面的に作り直した社内提案です。会社には採用されておらず、公式サイトでもありません。デザインからコーディング、公開まで私が一人で担当しました。

02

構成

トップファーストビュー(キャッチコピーと会社の数字)、About、事業内容のカード、考え方(Philosophy)、お知らせ、フッター
下層ページAbout・Business・News・Company・Career・Contactの6ページ
共通部分角丸のヘッダーとCONTACTボタン、スマートフォンのメニュー、ページ上部の大きな英字見出し
03

デザインのポイント

  • 白と青を基調に、ファーストビューは「Technology improves medical experience.」の大きな英字コピーで、医療×テクノロジーの会社であることを一目で伝えるようにしました。
  • 事業内容だけは濃紺の背景に切り替え、Platform・Marketing・Systemの3つの事業を、画面のイメージを入れたカードで並べました。カードは横にドラッグして見られます。
  • 設立年・資本金・運営ポータルサイト数の3つの数字を、ファーストビューの下にまとめました。
  • 下層ページは「Solutions for healthcare.」「A trusted healthcare partner.」のように、ページごとに英字の見出しとキーワードのタグを置き、トーンを統一しました。
  • スマートフォンでは見出しの大きさと改行位置を調整し、ボタンやタグを指で押しやすい大きさにしました。
04

実装

  • HTML・CSS・JavaScriptで7ページを作成し、フレームワークは使っていません。
  • ファーストビューの文字の切り替わり、数字のカウントアップ、スクロールに合わせた表示などの動きを付けました。
  • Cloudflare Pagesで公開し、検索エンジンには表示されない設定にしています。
05

画面

2026年10月16日時点の画面です。

トップページのAbout。医療機関の課題に、戦略と実装の両面で伴走します
トップ:About
トップページの事業内容。濃紺の背景に3つの事業カード
トップ:事業内容
トップページの考え方。Webを使う人の立場で、考え抜く。
トップ:Philosophy
フッター。大きなEX.PARTNERSのロゴと会社情報
フッター
下層ページBusiness。Solutions for healthcare.
下層ページ:Business
下層ページCompany。A trusted healthcare partner.
下層ページ:Company
スマートフォンのトップページ
スマートフォン:トップ
スマートフォンのBusinessページ
スマートフォン:Business
スマートフォンのCompanyページ
スマートフォン:Company
06

結果と振り返り

  • 社内提案として制作し、会社には採用されていません。
  • 同じ会社のサイトを、もう一つの方向(WebGPUの銀河の演出、事例02)でも提案しています。

非公式のコンセプト作品です。会社名・ロゴ・お知らせなどの掲載内容は株式会社イーエックス・パートナーズのものです。写真は素材を使用しています。

次の事例:TK168 中古車・高級車販売店のWebサイト提案サイトを見る作品一覧へ戻る

© 2026 Yixin ChenTokyo