デザイン
WEBデザイナーが参考にしたいWEBサイト【2019年1月版】
2019年01月21日 8:00
おはようございます！社員Aです👩
今回は、WEBデザイナーが参考にしたいWEBサイトの【2019年1月版】を更新します！
RSエンジニアリング
斜めのカットをうまく使用したサイトです。全面の写真が何枚も使われているにもかかわらず、すっきりとした印象でなおかつインパクトも与えてくれるのは、斜めのカット効果が大きいと思います。
大胆かつスタイリッシュな英フォントも写真とマッチしてよりインパクトを出しています。
株式会社ゴールデンバロール
メインビジュアルの背景がゆっくりと動き、惹きつけられます。その後、サイトに移動しますがスクロールとともに立体感のある背景がクオリティの高さを醸し出しています。
色使いやフォントも高級感たっぷりです。
青柳総本家 公式サイト
メインビジュアルではやわらかい手書き風の和のイラストがふんだんに使われており、マウスの動きとともに連動してアニメーションします。
また、洗練されたフォントとノングリットレイアウトがすっきりとした印象を与えてくれ、トレンド感を感じさせてくれます。
[Ad3]
イーコンセプト株式会社
サイト内にたくさんの写真が使われていますが、大胆に大きく使っている部分と小さい部分がバランス良くブレンドされているので、内容にも目を引きつけつつ、インパクトを出しています。
個人的には、マウスオン時の動きも好きです！
SHITOIー感覚と旅する。
スクロールとともに写真・文字・写真のような順番でふわっと表示されるため、読ませながら写真で惹きつけてくれる素敵なサイトです。
まるで雑誌のようなレイアウトでとても読みやすいです。
かいのわ
縦書きと横書きの文字をバランス良く使い、ジュエリーとキャッチコピーに惹きつけられます。
柔らかい色使いとスクロールと連動した背景が、商品イメージを際立たせてくれています。
株式会社西山ファーム
インパクトとみやすさを両立した西山ファームさんのサイト。ノングリットレイアウトを思う存分に活かし、果物を美味しそうに見せる工夫が感じられます。
また、シンプルすぎず店舗紹介部分などの並びに遊び心があるのも素敵です。
大阪メトロ
地下鉄の運行状況がシンプルでひと目で分かるのが良いですね。また、その下には「地下鉄」「バス」などユーザーがすぐに目的のページを探せるユーザビリティの高い設計になっています。
S-GROOVE 2020新卒採用
大胆にイエローの背景を使った、リクルートサイトです…かと思いきや、スクロールとともに枠がなくなり、スクロールアニメーションとともにコンテンツが表示されます。
色使いもワントーンな写真も含めて、デザイン性の高いサイトです。
関連記事
この記事を書いた人
社員A
入社8年目。フロントエンドエンジニア・デザイナーの社員Aです。 小動物が好きで、デグー・チンチラと暮らしています！トレンドの情報を発信できるようにがんばります☺
