サイト分析 / トレース

1/4ページ

Webデザイン分析 その17 「鎌倉紅谷」

  • 2020.09.08

「鎌倉紅谷」は鎌倉にある老舗のお菓子メーカーです。 サイト分析 トップはスライドショーで商品画像を、また製造工程の画像から信頼感を伝えています。 追随するヘッダーで各リンクにアクセスしやすくなっています。背景ベタのカートアイコンも目立ちます。 SNSへのリンクが多めに設置されており、積極的に情報発信に活用しています。 ハンバーガーメニュー(三本線)を開いた時の背景を、グラデーションでスタイリッシュ […]

Webデザイン 分析 その16 「KURASHITO」

  • 2020.03.20

「KURASHITO」は仙台で不動産事業を展開している、株式会社KURASHITOのWebサイトです。 サイト分析 ファーストビューのスライドショーは画像と一緒に詳細情報も見せています。また、次の画像を少し見せていることでユーザーを留め、アクティブビュー率を上げています。 物件は画像を大きく見せ、必要最小限の情報のみで構成されています。タグを付けることで特徴を伝えています。 コラムは周りに大きく余 […]

Webデザイン 分析 その15 「ch.books」

  • 2020.03.19

「ch.books」は長野にある新刊書店のウェブサイトです。 サイト分析 ファーストビューは画像がフレームに収まるようなアニメーションで表現されています。 リード文の背景に長方形を敷き、動きを出しています。 スクロールするとトップへ戻るボタンがアニメーションします。 地図はモノクロでサイトのデザインに合わせています。 一貫して画像や色がついた要素が目立つようにモノクロで引き立てられ、お洒落な雰囲気 […]

Webデザイン 分析 その14 「ねこねこ食パン」

  • 2020.03.18

「ねこねこ食パン」は高級食パン専門店のブランドサイトです。 サイト分析 サイトロゴは自然な色とアーチで構成されています。 ナビゲーションメニューは三本線が少し長めで、ゆったりとした印象です。三本線のバリエーションが地味に増えてきているので、チェックしたいところです。 トップは時間経過でスライドする、左右分割のスプリットスクリーンになっています。スマホ向けには縦に分割します。 画像にアニメーションを […]

Webデザイン 分析 その13 「PLATFORM」

  • 2020.03.17

「PLATFORM」はモバイルオーダー運用ソリューションを提供する会社のウェブサイトです。 サイト分析 要素を視差させながら二重にスライドさせています。 ナビゲーションはハイフンで階層を示しています。 ボタン要素のホバー時、特徴的なアニメーションがあり、押しやすくなっています。 ユーザビリティにとても気を使っており、今どこにマウスカーソルがあるのか、要素のコントラスト、ホバーに余韻があるなど操作し […]

1 4