【2021年】デザインの参考にしたい素敵なWebサイト5選 #7

Web Design Inspirations #7

毎週私が見つけたデザインの参考にしたい素晴らしきWebサイトをまとめ、発信して行く予定です。
今週も魅力的なWebサイトは数多くありましが、その中から5つのサイトを厳選してお届けします。

個人的な感想も交えながらピックアップしていきますので、Webサイトの提案やデザインの実制作に役立ててください。

1. F&S CREATIONS – SAIYO BRANDING

https://saiyo-branding.fands-c.com/

東京のデザイン制作会社であるF&S CREATIONSの採用ブランディングサイトです。

企業の採用ブランディングに特化した構成になっており、企業の「苦難」と「課題解決」をスプリットスクリーンを用いて表現をされているのが印象的です。

BUILD A RECRUITMENT WEBSITE」のページは非常にユニークで、採用活動に困っている「変なキャラ」とF&Sのコンシェルジュがスクロールに応じて採用サイト制作について会話をするのですが、これがなんとも言えないシュールな雰囲気なので、楽しみながら読み進めることができます。

ビジュアル:⭐️⭐️⭐️⭐️ 
話題性  :⭐️⭐️⭐️⭐️ 
最先端  :⭐️⭐️⭐️⭐️

2. S&B CRAFT STYLE

https://www.sbfoods.co.jp/craftstyle/

香辛料などで有名なエスビー食品が手がける、スパイスとハーブで楽しむ本格手作りキット「S&B CRAFT STYLE」の公式サイトです。

スパイシー&涼しげな配色に、シズル感が満載のスパイスや料理などのイメージで構成されており、お腹が減ってしまうこと間違いなしのデザインとなっています。

「ラインナップ」では、オンマウスでスパイスが飛び出すマイクロインタラクションが心地よく、「おいしいカレーの作り方」では、丸皿に合わせて料理名とカレーが出現するアニメーションや美味しそうな写真によって、ついその先が気になってタップしたくなりますね。

ビジュアル:⭐️⭐️⭐️⭐️
話題性  :⭐️⭐️⭐️⭐️
最先端  :⭐️⭐️⭐️

3. 偏愛上等。WOWOW RECRUIT

https://corporate.wowow.co.jp/recruit/

「偏愛上等。」のスローガンをかかげるWOWOWのリクルートサイトです。

約30名の「偏愛」をポートレートを介してヒーローイメージで表現しており、スマホなら上下左右スワイプ、PCならマウスの移動でイメージが切り替わるといった遊び心がユニークで、キャッチーなビジュアルも相まって期待感を抱かせてくれる企業のブランドイメージを演出されています。

ページの切り替えもシームレスなのでサイト内の回遊もしやすく、各人がどんな「偏愛」を持っているんだろう?ついつい読み進めてしまうような設計になっています。

テキストや画像などが左から右に流れて移り変わるアニメーションがスマートで躍動感があるのもポイントですね。

ビジュアル:⭐️⭐️⭐️⭐️⭐️ 
話題性  :⭐️⭐️⭐️⭐️⭐️ 
最先端  :⭐️⭐️⭐️⭐️

4. M-HAND RECRUITING SITE

https://www.m-hand.co.jp/recruit/

こちらはマーケティング戦略からプロモーションまで一貫して提供するWeb制作会社エムハンドのリクルーティングサイトです。

まずサイトに入った瞬間、人物の切り貼りとペーパーのコラージュが視覚に刺激を与え、その背景に流れる数々のメッセージと合わせて、よく見るリクルーティングサイトではない特異な空気感を察知します。

無機質な幾何学や色鮮やかな流体、歪なタイポグライフィなどを交わらせながら、独特な世界観を演出しており、リクルートの内容よりもそちらが目に入って仕方がないです。

採用メッセージも独特な表現でポエミーな雰囲気あり。ぜひ一読してみてください。

ビジュアル:⭐️⭐️⭐️⭐️⭐️ 
話題性  :⭐️⭐️⭐️⭐️ 
最先端  :⭐️⭐️⭐️⭐️

5. Alex Frison de Isla

https://www.alexfrisondeisla.com/

フランスのフロントエンドエンジニアであるAlexandreFrison deIslaのポートフォリオサイトです。

作品一つ一つが揺らめきながら独創的な世界観を演出しており、ページ遷移や作品、テキストの見せ方すべてにこだわりを感じる穏やかで心地よいアニメーションが施されています。

ミニマルデザインなので要素は最低限に留めつつ、作品を引き立たせる演出も随所に見られるので、展示会にいるような気分にさせてくれますね。

ビジュアル:⭐️⭐️⭐️⭐️⭐️ 
話題性  :⭐️⭐️⭐️⭐️
最先端  :⭐️⭐️⭐️⭐️