見出し画像

webデザイン所感 2020/07/22

飲食チェーンらしくカラフルでポップな色合い
それでも1番目立つのは恐らく最もクリックさせたいentryボタン
ロゴの背景のあしらいの三角が枠のような印象と視線誘導を兼ねてる?

携帯版でfvとヘッダーメニューが綺麗に収まるのが良い
ボタンテキストの矢印が中心にあるので目を引く

最初のキャッチコピー、
行頭で揃えず句点で区切って2段の右揃えで下の行が長いのに違和感があったが、
逆にはみ出した文字が印象的に感じる
下の本文は左揃えでバランスをとってる?

奥行きを感じさせるアニメーションがテーマになっている時間を流れで表現している
未来がキャッチに入っている通り、近未来的な印象を受ける
ページ遷移のアニメーションがタイムスリップしてるよう
ページごとに背景のアニメーションが変わってて飽きない

上記サイトの企業情報のページだがかなり美しく纏まっている
上記ページとは打って変わって、派手すぎない装飾になっている
fvの背景で透けているロゴが暗くなってて奥行きを感じさせる上に、
色を薄くしながら大きくなっているので左のページタイトルがかなり印象的になる
左下のメニューもfvの左辺に揃ってて気持ちいい

写真といいaktiv-groteskのフォントの配置といいwebページだがファッション雑誌のようなテイスト
写真のクオリティも高く、重なった写真をめくるようなページスクロールも面白い
だけどおそらく画像がハイクオリティすぎるのかなんなのかかなり重たくなってるのがとても良くない

Noto Sans JPのフォントがスタイリッシュな印象
両端にメニューがあるのが独特
会社名に習ってセクションタイトルの一部を反転させてて読みづらい
画像にセクションタイトルを重ねる場合、文字の線の部分と画像の辺が重なると気持ちいい
タイトルロゴが黒縁が印象的なためか、サイト内でボーダーが太めに描かれてる気がする

fvはタイトルロゴ中央寄せでインパクトあり、
独特なテイストの柄でありながら真中に線が通っててとても良いと思った
だが、プログラムの数字のアイコンが、正円使ってるのに文字入れてて窮屈な印象
ディレクターズメッセージの欄が下線引いてるものの長文で読みづらいと思ってしまった

fvのhoverした箇所以外が写真になるのものすごくかっこいい
白黒反転させるのもかっこいい
デフォルトが白黒で色を感じるモチーフすらないから背景画像がかなり印象的になる
イラストで奥行きを感じさせてる
europaのフォントは高級感を感じる

fvの猫の顔が常に天地の真ん中にある、対のスライドで比較
使いどころが難しそうだけど、スライドにbeforeで画像を重ねるのは面白いと思った
ターゲット層が好みそうな淡い暖色系の配色でまとめてるのも良い


この記事が気に入ったらサポートをしてみませんか?