オリジナルデザイン | ホームページ制作 福岡|TAKAMI DESIGN

SOLUTION

Web制作サポート

「伝わる・つながる」デザインオリジナルデザイン

TAKAMI DESIGNでは、お客様のビジネスに合わせたオリジナルデザインのホームページを基本として制作しています。
テンプレートに頼らず、サービスや特長を反映させたデザインにすることで、個性を際立たせ、他社との差別化を実現します。

オリジナルデザインのメリットは、自由度の高いサイト設計が可能なこと。
企業やブランドの独自性を表現しやすく、信頼感のあるWebサイトへと仕上げることができます。

「伝わる・つながる」デザイン

視線を誘導させるデザインの法則

ホームページ制作において、コンテンツの配置は重要なポイントです。ユーザーがホームページを閲覧する際の視線の移動は、自然と上から下へ、左から右へと進みます。興味を持ってもらいたい内容や優先して伝えたい情報などをその動線上に掲載することで、コンテンツの優先順位を明確にできます。

ユーザーの視線の移動には「Z型」「F型」「N型」などがあり、左上が一番ユーザーの目に止まりやすく、右下がクリックしやすい位置となります。そのため、最も伝えたい情報は左上付近に、クリックさせたいボタンは右下に配置するのが最適です。

他にも数字やコンテンツの大きさ、文字の大きさ、余白を活用することで、よりスムーズにユーザーの視線を誘導させやすくなります。

Webデザインの配色
重要な3つの基本カラー

Webデザインの配色には重要な3つの基本カラー

Webサイトの配色は、ベースカラー、メインカラー、アクセントカラーの3つで構成されます。これらのカラーは、ベースカラー70%、メインカラー25%、アクセントカラー5%の割合で構成すると美しい配色に仕上げることができます。

ベースカラー
70%
サイトの大部分を占める基本となる色。背景や余白に多く使用され、一般的には白や明るいグレーなどが使われます。
メインカラー
25%
サイトの印象を決める色。ロゴマークから選ばれることが多く、サイト全体の統一感を出しやすいです。また、サイトのイメージやターゲットに合わせた色を選ぶことが重要です。
アクセントカラー
5%
使用頻度の少ない色ですが、ユーザーの目を引き、サイト全体を引き締める役割を果たします。

デザインは目的で決まる

Webサイトをデザインする際、目的を明確にすることが大切です。単におしゃれなデザインや、かっこいいデザインを目指すだけでは、本来の目的が曖昧になり、結果として効果のないサイトになる可能性があります。

コーポレートサイト
商品紹介や会社案内による認知度の向上やブランディングが目的
採用サイト
業務内容や会社の魅力を伝え、興味や関心、安心感を高めることで応募数を増やすことが目的
サービスサイト
商品やサービスの特徴や利点を発信し、購入やお問い合わせにつなげることが目的

サイトの目的が明確であれば、Webデザインもその目的に応じて最適なデザインを導き出せます。
例えば、トップページから下層ページへのリンクが多すぎると、ユーザーが目的のページへたどり着きにくくなります。誘導したいページやサイトの目的をしっかりと整理することが大切です。

ターゲットに合わせたデザイン

Webサイトの目的が決まったら、次にターゲットを明確にします。
ターゲットを設定することをペルソナ設計といい、具体的なユーザー像を描くことで、Webサイト制作の軸が定まり、デザインの方向性も決まります。

ペルソナ設計の項目例

  • 基本情報(年齢/性別/住んでいる地域/家族構成)
  • 職業(会社員・主婦・学生など)
  • 収入(年収・貯蓄額など)
  • 行動(1日の過ごし方・休日の過ごし方・趣味)
  • 内面(性格/関心事/悩み・要望・不満/流行への感度など)
  • 情報収集(SNS/インターネット利用状況など)

ペルソナ設計を通じて、ターゲットユーザーが抱えている悩みを理解し、その解決に向けたサイト設計やデザインを模索していきます。

PAGE TOP