私が選ぶGOOD WEB DESIGN2023
こんにちは、株式会社フォークでデザイナーをしているmakiです！
早いもので、もう2023年が終わろうとしています。皆様、今年もお疲れ様でした🍵
そこで！一年の締めくくりとして昨年同様、フォークのnote企画「私が選ぶGOOD WEB DESIGN」の2023年ver.をやっていきたいと思います。
企画概要
2023年に見たWEBサイトのなかで、特に印象に残ったサイトを
【私が選ぶ Good Web Design 2023】として3つご紹介します。
※サイトの記載順はランキングではありません
今回は、数あるサイトの中でも「イラスト」に注目してレビューしてみました！
良いサイトが多すぎて、正直かなり悩みました！！👀💦
それではいってみましょう～！🏃♀️🔍
ポップでキュートなSP流用型サイト「ME PLAY LAB | IPSA」
ジャンル：ブランドサイト
フォント：平成丸ゴシック
キーワード：＃かわいい ＃カラフルな ＃ポップ ＃女性向け ＃曲線的 ＃コスメ #イラスト ＃漫画
IPSAと、CHAIという4人組のガールズバンドのコラボレーションサイトで、商品の魅力・ヒミツをメンバーと一緒に、漫画形式で知ることができるサイトになっています。
絵柄と色使いがポップで可愛らしく、一気に世界観に引き込まれます✨
この漫画にはアニメーションがついていて、より一層コンテンツを楽しめるようになっています！（例えば、バスが動いたり、森の奥に密かに建っている建物が、茂みが開けて姿を現す演出 など・・・）
「可愛い」だけじゃなく、仕掛けもあって見ていて面白いです✨
漫画自体も、最初から全編表示されているのではなく、「続きを読む」を押すことで全編読めるようになっているため冗長さを抑えつつ、漫画の下にあるサービスや商品ラインナップの情報を隅々まで紹介できているところが工夫されていると感じました。
それから、IPSAは肌の状態を分析できる「肌診断」というサービスを行っているのですが、それがストーリー上に登場してきたところで、「詳細へ」と肌診断へのリンクが貼られているところに、サービスの紹介をするための導入の仕方の上手さを感じました。
スクロールするとイラストが降ってきたり、背景に浮かぶ「●」が、泡のようなしゅわしゅわ感を演出しているのも可愛い🫧
目を惹く賑やかなアニメーション「株式会社ニューピース」
ジャンル：コーポレートサイト
フォント：游ゴシック
キーワード：＃賑やか #派手 #繋がり #線 #アニメーション
このサイトを見た時、とにかく「楽しい！！」という感情が起こりました！
KVの次々と変化していくイラストにワクワク感を覚えます。上下にスクロールすると、イラストを繰り返し見ることができるようになっています。
下層にある「サービス」のタブに流れるテキストとイラストにも、動きにひと工夫加えられています。このアニメーションが面白いので、テキスト自体はなんと書いてあるか認識し終えても最後まで見たくなっちゃいます。
「プロダクト」にあるグラフにもアニメーションがついていて、とても凝っていると思いました。
賑やかな演出を入れつつも、シンプルさが根幹にあり、見栄えや見やすさが良いサイトだと思いました！
大自然を感じる。「BOTANISTのサステナビリティ | FOR A SUSTAINABLE FUTURE」
キーワード
＃ナチュラル #爽やか ＃エコロジー ＃優しさ ＃緑色 ＃植物
このサイト…没入感が凄いです！！
切り絵のようなグラフィックで作られており、サイトに入った時にスクロールをすると、森が開けていく演出で初っ端から心を掴まれます。
森が開けていき、場面が転換し続けてスクロールすると、手のイラストが両端から登場し、種をキャッチするというアニメーションが入ります。ここの凝り方が良いなと思いました…！
カラーも全体的に緑が多く、とても癒されます。
切りえのようなグラフィックに加え、本物の色（いろ）紙みたいなアナログ感のあるテクスチャが入っているのも、ナチュラルな印象を高めるため温かみも感じられると思いました。
「くわしく見る」のボタンもホバーすると、水が溜まっていくような動きをしながら色が変わったり、白丸の部分も波紋のように広がる動きをするので、ボタンにも「ナチュラルさ」を追求しているように感じ、こだわりが凄いなと思いました。
最後までお読みいただきありがとうございました！
今年もたくさんの素敵なデザインに巡り合う一年でした。
来年からはどんなデザインがトレンドになるのか、情報を追いつつ楽しんで
いけたらと思います！
他にも、フォークのデザイナーの方々がレビューをしているので是非チェックしてみてください🔍
みなさま、今年もたくさんお世話になりました。来年も何卒よろしくお願いいたします！
良いお年をお迎えください🎍
この記事が気に入ったらサポートをしてみませんか？