見出し画像

WEBサイトレビュー#02

FireShot Capture 019 - 売場作り・VMD専門コンサルティングの深澤企画 - www.fukasawakikaku.net


FVにある写真のスライダーが非常に印象的です。
スワイパーで実装しており、若干右上に配置して左下に空間を空けてフレーズもしっかりと見せる形になっています。

最近になって特に奥行きや立体感のある表現が増えてきたように思います。

両サイドにあるロゴやテキスト、ボタンは画面追従になっているようです。

FireShot Capture 020 - 売場作り・VMD専門コンサルティングの深澤企画 - www.fukasawakikaku.net

メニューの構成は非常にシンプルで特に変わったアニメーションは施されていません。

FireShot Capture 021 - 売場作り・VMD専門コンサルティングの深澤企画 - www.fukasawakikaku.net

サービス部分は、写真とテキストが順番に左右にふられている構成になっています。
結構見慣れた構成ではあるものの、使用する写真で印象が変わってきます。

FireShot Capture 022 - 売り場作りでやるべきこと | 深澤企画コンサルティングオフィス - www.fukasawakikaku.net

下層ページのレイアウトも基本的にはどのページも同じような感じになっているようです。
「テキスト+写真」→「写真横並び」→「フロー系」

上記のように統一することによって、分かりやすさが増すような印象があります。良い意味で簡素で分かりやすいといった感じ。

アニメーションは、ホバー時に写真がscaleでアップになる・下からのフェードインといったように必要最低限のものを採用しているといった感じがしました。

FireShot Capture 023 - 信頼の実績 | 深澤企画コンサルティングオフィス - www.fukasawakikaku.net

主要な下層ページのボタンは、ホバーすると左から右に背景色が流れるようになっています。ボタンについてのアニメーションも統一するとユーザーが分かりやすくて良いですね。

フォント:
アルファベット → Oswald
日本語     → sans-serif

文字色:
白 (#ffffff)
黒(#333333)

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