HANABUSA — WEBSITE DESIGN

はなぶさ協同組合御中
ホームページデザイン案（3パターン）

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

パターンA

PATTERN A

信頼・誠実

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

パターンAを開いて見る

パターンB

PATTERN B

爽やか・親しみ

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

パターンBを開いて見る

パターンC

PATTERN C

赤い斜めのラインで力強く

赤と灰色の斜めの帯を重ね、建設・製造らしい力強さを出す
トップは写真を赤い斜めブロックで切り、明朝体のキャッチを置く
英字の見出しは太い縦長の書体（Oswald）で印象づける
受け入れの流れは、赤いタブ（STEP 1〜6）付きのカードで見せる
ボタンは右端を斜めに落とし、フッターは濃いグレーで締める

パターンCを開いて見る

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

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