「シンプルながら目を惹くデザイン」とは?

Webサイトお役立ち情報ブログ

FamiSiteでは「シンプルながら目を惹くデザイン」をテーマにWebサイトを制作しております。
シンプルと聞くと、地味、普通、簡単、単純というイメージがあるかもしれませんが、Webサイトにおけるシンプルは次のような特徴と目的があります。

シンプルなデザインの特徴

  • 優先順位を考慮し情報を整理する
  • 装飾は控えめにする
  • 余白を多くとる

シンプルなデザインの目的

  • ユーザーに訴求内容をわかりやすく伝える
  • ユーザーに誠実感、信頼感、清潔感、安心感、洗練された印象を与える
  • トレンドに左右されず飽きにくく、長期的に運用できる

FamiSiteではユーザーにわかりやすく内容を伝える事を重視しているため「シンプルながら目を惹くデザイン」をご提案させていただいております。
では「目を惹く」とはどのようなものでしょうか?
FamiSiteではWebサイトの一部に「動き」を取り入れることでオリジナリティがあるデザインにしています。本サイトのトップページにもいくつか「動き」を取り入れているのでご紹介します。ぜひご覧くださいね。

目を惹く動きのサンプル

1.マウスエフェクト

FamiSiteトップページ(PCの時のみ)のメインビジュアルのパソコンとマウス画像にマウスポインタを当ててみてください。マウスポインタと連動します。

2.スクロールエフェクト

FamiSiteトップページのメインビジュアル下のご挨拶セクションをゆっくりスクロールしてみてください。スクロールの動きに合わせて星が左右に流れていきます。

3.開始エフェクト

FamiSiteトップページの事業内容セクションが表示されると、「Webサイト制作」の文字が1文字ずつ上下から現れます。

4.フローティングエフェクト

FamiSiteトップページのサービスセクションにあるグラデーションのまるがゆっくりと宙に浮いたような動きをします。

5.Lottieアニメーション

FamiSiteトップページのContactセクションにあるタイトル部分はLottieアニメーションを使用しています。

一部分となりますが、以上、FamiSiteホームページの「動き」のご紹介でした。


FamiSiteでは「シンプルながら目を惹く」デザインをテーマとして、ユーザーにわかりやすいWebサイト制作を行っております。Webサイトの立ち上げにぴったりな2つのプランをご用意しておりますので是非ご利用ください。