2016年3月29日Wixサイトで使える優れたWebデザインアイディア個性豊かでバラエティーにとんだWebデザイン。いくつもある選択肢の中からアイディアを組み合わせることで、数えきれないほど美しいホームページが誕生しています。毎日、ユーザーが作成した何千ものサイトを拝見し、そのデザインに感動しています。今回は、中でも美しいWixサイトを紹介しつつ、そのデザインアイディアを自分のホームページに取り入れる方法をお伝えしたいと思います。カッコイイ画像と楽しい文章の組み合わせハッとするほど素敵な画像と、わくわくするようなキャッチコピーが揃ったホームページは、芸術ともいえるほど。ホームページを見てみてください。見た目にも美しい写真や、テキストと画像のバランスの取れたデザインの美しさに、一見スペイン語のサイトということすら気が付かないかないほど。その出来栄えは、菜食主義者でさえも、ハンバーガーに唾をのんでしまうほど。■実践方法Wixエディタを使い、画像、ボックス、色を組み合わせることで、あなたもこのデザインを実現できます。最善の解決策としては、サイトのヘッダーを固定する方法です。女性向けアプリやwebサービスの開発・運営を行っているパペルック株式会社のWixサイトは、固定ヘッダーを取り入れた良い例です。ヘッダーを使う場合に、守っておきたいルールとしては、全てのページで表示されるパーツですので、機能的でありつつ、優れたデザインにする必要があります。固定ヘッダーの上手な使い方をご覧ください。GIFアニメーションで楽しさをプラスGIFアニメーションが嫌いな人はいないはず。動きのある要素を追加することで、ホームページのデザインが一段と楽しいものに仕上がります。使わなければ、単に煩わしいものになってしまいます。ロゴにGIFを上手に利用し、訪問者にサイト、そして自分のことを印象づけることに成功しています。アニメーションは、画像と同じように追加することができます。ファイルをアップロードしてください。Wixの推奨する画像ファイルについては、こちらからご確認いただくことができます。マウスオーバーエフェクトを活用マウスオーバーエフェクトとは、マウスを乗せると動きや色が変わるインターラクティブなウェブデザインのことです。マウスオーバーすると見た目が変わり、訪問者にちょっとしたサプライズをすることができます。さんのWixサイトでは、このエフェクトを使って、マウスオーバーすると、白黒の写真に色が宿るという工夫をしています。一度、彼女のサイトを訪れてみてください。その素晴らしさが一目で分かるはずです!■実践方法この機能を使うことで、いろいろなことができます。マウスオーバー効果を自分のサイトに取り入れ、カスタマイズする方法については、こちらのページをご覧ください。い合わせなどのコンバージョンを得ること」です。従って、優れたランディングページは、情報が順序良く並んでおり、見た目にも美しいものでなくてはいけません。このページは、クリアなデザインで、ページの意図がすぐに伝わるデザインになっています。■実践方法Wixでなら、美しくて、売上にも繋がるランディングページを1時間以内で作成することができます。こちらの記事にコツをまとめていますので、参考にしてみてください。シンプルかつプロフェッショナルに迷った時は、シンプルにするのが一番。多すぎる文字や画像、バナーなどが詰め込まれた、うるさいデザインのホームページは、見た人を混乱させてしまいます。ボタンデザインさんのホームページは、伝えたいメッセージをとても分かりやすく表現しています。■実践方法まず、サイトにどんな情報が必要かを考えましょう。コツはコンテンツを必要最小限にとどめること。情報が多過ぎると、閲覧者が最も大切な情報を見過ごしてしまう可能性が大きくなります。した状態からスタートしてみてください。