WEBデザイン

2/6ページ

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

  • 2020.03.19

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

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

  • 2020.03.18

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

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

  • 2020.03.17

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

Webデザイン 分析 その12 「あおば会計事務所」

  • 2020.03.16

「あおば会計事務所」は広島にある会計事務所のウェブサイトです。 サイト分析 スクロールすると背景を覆うようにスクロールし、ロゴとナビゲーションが現れます。 ナビゲーションは背景が透けています。最近見るようになったデザインです。 画面遷移時、見出しが現れるアニメーションが流れます。 サイト全体に丸い要素が多く、柔らかく、安心できる印象になっています。 おまけ デザインで敷居が変わる。

Webデザイン 分析 その11 「SHISEIDO」

  • 2020.03.15

「SHIISEIDO」は化粧品の販売などを事業とする株式会社資生堂のコーポレートサイトです。 サイト分析 大量のナビゲーションリンクをドロップダウンメニューでまとめています。 要素をグリッドですっきり配置しています。 スマートフォン時のナビゲーションもアコーディオンでコンパクトにまとめられています。 全体的に1つひとつの要素の配置を広く取り、かつグリッドで堅実にしっかり伝わるようになっています。 […]

1 2 6