CHIBA NEXTAGE — WEBSITE DESIGN

千葉ネクステージ協同組合御中
ホームページデザイン案（3パターン）

同じ内容・同じ構成のまま、デザインだけを3通り作り分けています。各パターンの「開いて見る」から、実際のページをご覧いただけます。

パターンA

PATTERN A

信頼・誠実

紺と白だけの落ち着いた配色
見出しは明朝体（Noto Serif JP）で格式を出す
写真は最小限。情報の正確さで信頼を伝える
受け入れの流れは、点線でつないで上から順に読ませる
動きは控えめなフェードインのみ

パターンAを開いて見る

パターンB

PATTERN B

爽やか・親しみ

青のグラデーションを画面いっぱいに使う
セクション名は細い筆記体＋山吹色のマーカーで飾る
半透明の色を斜めに重ねた、遊び心のある背景
ボタンは角丸＋グラデーションでやわらかく
フッターは差し色のシアンで明るく締める

パターンBを開いて見る

パターンC

PATTERN C

余白と写真で魅せる

余白を大きく取り、写真を主役にする
写真の右下に濃紺（#004888）の四角を重ねて奥行きを出す
英字の大見出し（96px）＋細い横罫で見出しを印象づける
鮮やかな青は「点」でだけ使い、全体を締める

パターンCを開いて見る

ご覧いただくうえでの注意点

3パターンとも、掲載している情報・文章・並び順はまったく同じです。違いはデザインだけです。
写真は商用利用が可能なフリー素材です。人物が写っているものには「写真はイメージです」と記載しています。本番では、組合の実際の写真に差し替えることもできます。
お問い合わせフォームは見た目だけの見本で、送信はされません。本番では送信機能を実装します。
迷惑メール対策のため、メールアドレスはページ上に掲載していません。お問い合わせはフォームとお電話が窓口です。
「個人情報保護に関する基本方針」は、一般的なものをお入れします。
PDF（業務運営規程・監理費表）のリンクは、本番制作時に差し替えます。
制作見本のため、検索エンジンには登録されない設定にしています。