効果的なデザイン選定とインスピレーション
こんにちは！デザイナーの新谷です。
毎月、気になったり、参考にしたい「シンプルかつ切り口の面白いWebサイト」を紹介しています。
優れたデザインのサイトを参考にして、インスピレーションを得ることで、効果的なデザインを選定しWebデザイン制作に役立ててみてくださいね。
それでは見ていきましょう！
印象に残る海外Webサイトデザイン
1. Lispako
ロシアの映像制作スタジオ「LISPAKO」のプロモサイトです。シンプルでカラフル、トップに浮遊するオブジェクトを選択することで映像のイントロダクションが見られるクールなデザイン。映像までがポップでユニークですが映像がカッコよくてそのギャップがとても素敵です。
2. d:istinkt | Usually right.
ブルガリアのソフィアにある、コミュニケーション・エクスペリエンス・エージェンシーのサイト。スクロールに合わせてコンテンツが切り替わる、縦横が乱立しているレイアウトデザインですが、テキストうあ画像のバランス含めて見やすいです。サイトスピードもサクサクで快適に閲覧できます。
3. Jomor Design | High-End Digital Experiences
ハイエンドのデジタル体験に焦点を当てたデザイン事務所のサイトです。こちらもスクロールでアニメーションが発動するデザインで、テキストのレイアウトとレイヤー（パララックス効果）の使い方が秀逸で、スピードも早くてとても良いサイトだと思いました。
→ Jomor Design | High-End Digital Experiences
4. Vivid+Co | Full-Service Agency and Strategic Advisor
アメリカのビジョンを達成するために困難な課題を解決するための、フルサービスエージェンシーのサイトです。画面遷移が少なく、トップページにコンテンツが表記されているレイアウト。メニューを押すことで、そのコンテンツにスムーススクロールします。ダークテーマのようなデザインで光のエフェクトを効果的に取り入れていてコンセプチュアルなサイトデザインです。
印象に残る国内Webサイトデザイン
5. Private Equity | AQM², Ltd.
日本の主に、投資家が戦略を策定してくれるような株式市場やプライベート・エクイティに投資する投資会社のサイトです。ポップな3Dアニメーションがスクロールに応じて展開します。投資のイメージとあえてかけ離れたようなデザインがとても印象的。グリグリアニメーションが展開します。
6. ヨッキューくん 公式webサイト
人の欲求が見える主人公の物語を描いた漫画「ヨッキューくん」が読める特設サイト。コンセプト自体がユーモアがあって面白いです。サイトデザインもシンプルで、漫画を見せるために構成されていて、スマホとの相性も良く見やすいです。初回の読み込みは多少時間がかかりますね。
7. WELCOME MARVEL｜フェリシモ
フェリシモさんの語りたくなるようなMARVELグッズたちの特設サイト。雑誌風のテイストで、レイアウトやカラフルな色使いがとても面白いです。複雑なレイアウト構成をうまく雑誌をめくるかのように見せていて秀逸だと思いました。
8. 湖畔の時間 2021｜白樺湖で焚き火を囲み、音楽に身を任せ、テントサウナやシーシャを満喫
湖のほとりで自然を体いっぱいに感じながら、思い思いの時間を過ごせる野外イベント「湖畔の時間」の特設サイトです。構成はシンプルでいたって普通。でも要所に気の利いたエフェクトうやデザインが施されており、良い意味でわかりやすく心地の良いデザインです。
まとめ
スクロールすることでアニメーションが発動し、コンテンツが切り替わったりインタラクティブにオブジェクトが反応するサイトが多かったです。縦方向にフォーカスされたデザインで自ずとスマホのレイアウトにも相性が良いのでレスポンシブ対応もし易そうだなという印象です。
海外のサイトは全体的にテキストのサイズが大きく、画像配置やレイアウトバランスがよいなぁと感心させられます。Private Equityやヨッキューくんなどコンセプチュアルなサイトも面白かったです。
色数やアニメーション、エフェクトを多用することで逆に見せたいものを見てもらえなかったり、離脱する原因にもなりかねないのでバランスがとても大切だなと思います。紹介したWebデザインで何かインスピレーションに響くものはあったでしょうか？
以上、しんたにでした！
ではまた来月、お勧めのWebサイトデザインを紹介したいと思います！
あなたにはこの関連記事もおすすめです
参考にしたいアイデア溢れるおすすめWebサイトデザインまとめ
弊社では「シンプルで美しいサイト」制作をスピーディーに承ります
美しく効果的なサイトをお客様の目的にあったプランでわかりやすくご提案いたします。
Contact
Webサイトデザインを承ります！お気軽にお問い合わせください。