Blog スタッフブログ

こんにちは、WEBデザイナーのそいです。

目まぐるしくトレンドが変わるWEBデザインの中でも、劣らない人気を誇る流線形（波）のモチーフを使ったデザイン。今回はそんな、流線形で表現された印象的なデザインを厳選して紹介していきたいと思います。

相談e-眠り

エーザイ株式会社が運営している“眠りを知るサイト「相談e-眠り」”数年前から開設されておりイラストが印象的なサイトでした。

開設された当時は手描きのイラストがキービジュアルに使われていたのが斬新だった記憶があります。

2026年の今、サイトを閲覧するとセクションの区切りやフッターは波のようなモチーフで表現されており落ち着きのあるイエロー・ブルー、ゆらいだ波の表現は、「眠り」というワードにぴったりですね。

眠りを知るサイト「相談e-眠り」

JAFTAS®

関税・貿易をイメージできるよう、まさに「波」のモチーフをふんだんに使われているJAFTAS®（ジャフタス）のサイト。

鮮やかなブルーやところどころで使われている線の表現が印象的なサイトです。

信頼感を受けるブルーに、角ばったコンテンツと波の融合で堅すぎず柔らかすぎない美しいデザインに仕上がっていました。

JAFTAS

First Trade

次に医薬品卸売会社、First Tradeのサイトです。青と緑のグラデーションが美しいサイトですね。

部分的に山のように盛り上がったモチーフが使われており淡いグラデーションや動きとの組み合わせで優しい印象も受けます。

波型でなく、山型の流線形が珍しいオリジナル性あふれるサイトでした。

世界とつながる医薬品卸売パートナー | First Trade Ltd.（ファーストトレード）

CASA stella

次に岐阜にある文化観光施設、CASA stellaのサイトです。

波や雲のような、手描きタッチの波線が特徴的なサイトです。落ち着きのある紺が、和の雑貨が映えさせてくれるおしゃれな世界観ですね。

光のあしらいや丸くぽってりとしたモチーフ、写真や波をかたどった背景が心地よく、パンフレットのような仕上がりのデザインで印象に残りました。

CASA stella

創味 焼肉のたれ 初代・二代目

最後に創味食品からは焼肉のたれ初代・二代目の特設サイトです。ガツンとインパクトのあるキービジュアルが迎えてくれます。

二代目、初代のそれぞれのコンテンツの区切りとして流線形のモチーフが採用されています。

英語のリースがおしゃれに回るところもポイントです。

初代・二代目それぞれは同じレイアウトでデザインされていますが色使いが素晴らしく、流線形とほかのモチーフとの組み合わせ、色の組み合わせ、写真との調和など見せ方について勉強になるサイトデザインでした。

まとめ

いかがでしょうか。

今回は流線形のデザインを取り入れたサイトを厳選して紹介してみました。全体的に格好良い印象のサイトが多かったのですが色の使い方によってはやわらかく、ふわっとまろやかなデザインにも仕上げられる流線形。格好良い＆かわいらしい＆上品さも与えられる万能なデザインですのでぜひアイデアとして取り入れてみてはいかがでしょうか。

今回もご一読いただきありがとうございました。