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

ファーストビュー(2026年10月16日撮影)
EX Partners
コーポレートサイトのリニューアル提案
勤務先のコーポレートサイトを、白と青を基調にしたテクノロジーを感じるデザインで全面的に作り直した社内提案です(不採用)。トップと下層6ページのデザインから、HTML・CSS・JavaScriptでの実装、公開まで一人で担当しました。

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日時点の画面です。









06
結果と振り返り
- 社内提案として制作し、会社には採用されていません。
- 同じ会社のサイトを、もう一つの方向(WebGPUの銀河の演出、事例02)でも提案しています。
非公式のコンセプト作品です。会社名・ロゴ・お知らせなどの掲載内容は株式会社イーエックス・パートナーズのものです。写真は素材を使用しています。
© 2026 Yixin ChenTokyo