WEBデザイナーが参考にしたいWEBサイト【2019年5月版】

デザイン

WEBデザイナーが参考にしたいWEBサイト【2019年5月版】

2019年05月15日 8:00 

WEBデザイナーが参考にしたいWEBサイト【2019年5月版】

お久しぶりです!社員Aです👩

200記事を達成したことに安堵したのか、なかなか更新できておりませんでした!

今日からまた頑張って、自分の勉強も兼ねて投稿を続けていきたいと思います。

今回は、WEBデザイナーが参考にしたいWEBサイトの【2019年5月版】を更新します!



 

サンデシカ

メインビジュアルはあたたくて優しい雰囲気のイメージから始まります。また、マウスをドラッグすると画面が切り替わるようになっているのが新しいなと思いました。

文字も丸みのあるやわらかいフォントが使われており、スクロールしていくとふちのある文字から色付きの文字へ変化するのが印象的です。

 

プロフェッショナル・バランスブランドサイト

ドッグフード・キャットフードメーカーのサイトです。洗練された色合いとフォント、写真すべてのバランスが参考になります。

中間あたりにある6つの特徴は思わず押して読みたくなるような仕組みになっています。

 

梶田商店

スクロールしていくとわかるのですが、右半分の写真は固定(スライダー)のまま左半分だけ内容が変わっていきます。

これによって写真からは雰囲気を感じることができますし、説明も同時に印象に残ります。

 



焼きたて抹茶チーズタルト『深緑』『涼』

まずサイトの開き方と写真のアニメーションが魅力的です。

見出しやアニメーションもそうですが、圧倒的に写真に惹きつけられます。思わず食べたくなりますね。

また、抹茶ということで緑がところどころに使われていますが数種類の緑色をバランスよく配色しているのが、とても参考になります。

 

坂田道路株式会社

グローバルが縦書きなのは珍しくて新鮮ですね。こういうデザインの仕方もあるんだなと思いました。

全体的にシンプルなのですが、ロゴをモチーフにしたシェイプがところどころに使われていていいアクセントになっています。

 

Hamic

サイドが固定されているようなデザインは最近よく見かけるのですが、大体が左側に固定されているので、このサイトのように右側に固定されているのは新鮮ですね。

右手が利き手だと、こちらの方が操作しやすいなと思いました。

また、下層ページはトップと違った配色で印象が変わるのも面白いです。

 



さとなか鍼灸整骨院

雑誌のようなレイアウトで、読みたくなるサイトです。スクロールすると、左上が角で固定されているのが面白いです。

また、「はじめての方へ」のページでは、ポイントごとに数字が固定されていてとても見やすいです。

 

はだいろはクリニック

女性をターゲットにしたサイトを作るときに、とても参考になりそうです。

ベージュ色のベースに、柔らかいピンクが加わることでより女性らしさを感じます。ほわっとしたぼかし具合も素敵です。

 

【肉×カフェ】ミニラバーズカフェ

「お肉好き?」というキャッチフレーズと牛のイラストがユニークです。

また、切り抜きの写真や手書き風フォントを使っておしゃれな雰囲気に仕上がっています。

 



やざわ虎クリニック

虎という名前に掛けて、コンテンツをマウスオンすると可愛らしい虎のイラストがぴょこっと出てくるのが可愛らしいです。

下層ページは写真をメインにしながら、内容を押し出しているのでクリニックの雰囲気が伝わります。

 

 

関連記事

この記事を書いた人

社員A

社員A

フロントエンドエンジニア・デザイナーの社員Aです。 多分一番更新頻度が多いかと思います。このブログのテーマも作成しました。ブログの執筆を通じて、やっと日本語Lv.20くらいになれた気がします。 家ではデグーとチンチラという小動物を飼っていて、かなり溺愛しています…!小動物が好きな皆さん、小動物トークしましょう!