効果的なデザイン選定とインスピレーション
こんにちは！デザイナーのしんたにです。
毎月、気になったり、参考にしたい「美しい、上質なWebサイト」を紹介しています。
優れたデザインのサイトを参考にして、インスピレーションを得ることで、効果的なデザインを選定しWebデザイン制作に役立ててみてください。
今回は「面白いアイデア」や「コンセプト」が組み込まれた、心に印象の残るサイトを中心に紹介したいと思います。
印象に残る海外Webサイトデザイン
1. HOPE
ロサンゼルス拠点に最先端技術を駆使するデジタルデザイン・開発スタジオ「Black Rainbow」が制作した特設サイトです。
コロナ禍で困難な時代に、社会に希望を与える、Black Rainbowが制作した没入型のオーディオ・ビジュアル・サイトはシンプルかつコンセプトがはっきりと伝わる素晴らしいサイトです。
→ http://blackrainbow.la/hope/
2. CreativeCrew
ロシアのクリエイティブ系のパートナーシッププログラムを提供するエージェンシーサイトです。
ファーストビューに大胆なGifアニメーションを使い、PCでマウスでスクロールすると画面が横スクロールしコンテンツが表示されます。1024px以下のSPでは縦スクロールに切り替わり、イラストとテキストのバランス感覚が絶妙です。
→ https://partners.cpeople.ru/en/
3. Studio Almond
ニュージーランドのオークランドを拠点とする国際的なデジタルデザインと開発を行うデュオ。
縦にスプリットされたレイアウトで、スクロールすることで左右のレイウトが上下逆にスクロールします。シンプルにテキストのレイアウトで魅せるデザインが軽くて秀逸です。
4. Studio Almond
先進的なサウンドと音楽のコンサルティング、音楽と最新技術を活用したクリエイティブカンパニーのサイトです。
ファーストビューにコンテンツに繋がるメニューが大胆にレイアウトされており、国内のサイトではなかなか見ることができないUIデザインになっています。セオリーにとらわれず、Webデザインはもっと自由で良いのかも知れないと思わせてくれました。
5. Lemonade Pet Health
イスラエルの犬猫用ペット健康保険の新商品のデザインとイラストサイトです。
ペットの可愛いイラストが目に飛び込んできます。SVGアニメで制御された犬や猫が小気味よくスクロールに合わせて動きます。サイトのカラー数も抑えられていてとても見やすいシンプルグッドなデザインです。
→ https://www.lemonade.com/pet
6. Sans Tête – Crowdfunding Agency
パリに拠点を置く、映画やメディアのための資金調達や認知度向上を行っているクラウドファンディング機関のサイトです。
スクロールすることでコンテンツが心地よく動きます。制御されたスクロールは逆にストレスを与えかねないですが上手くコントロールされています。スマホ時もデザインに違和感のないレスポンシブ表示が秀逸です。
印象に残る国内Webサイトデザイン
7. ポmagazine
「ポmagazine」は「Umekoji Potel KYOTO」が運営する旅のメディア、京都のローカルシティガイドのサイト。
イラストがたくさん使われてポップで親しみやすいデザインです。設置された郵便ポストから噂や情報を投稿できたり、遊び心が散りばめられた楽しいデザインが魅力的です。
→ https://www.potel.jp/kyoto/cityguide/
8. Patra
インフルエンサーがプロデュースする複数の⾃社ブランド商品を販売するマーケットプレイスや。Instagramを中⼼中心とした、ガールズトレンドを発信する⼥性向けのトレンドメディアを提供している。
最前面にレイヤーされたイラストがボトムに固定されています。構成はとてもシンプルですが、スクロールすることで、コンテンツを印象深く見せることができています。
→ https://patrainc.jp/services.html
まとめ
いかがだったでしょうか?
今回は印象に残る、ひと工夫されたサイト中心にセレクトしてみました。国内外問わず、トレンドは非常に気になりますし、参考になりますね。
以上、しんたにでした！
またPart3でお勧めサイトを紹介したいと思います！
弊社では「シンプルで美しいサイト」制作を50万円から承ります
お客様の目的にあったプランでわかりやすくご提案いたします。一番人気の50万円ライトプランで自分だけのWebサイトを持ちませんか？
Contact
Webサイトデザインを承ります！お気軽にお問い合わせください。