サイト分析 / トレース

2/4ページ

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

  • 2020.03.16

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

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

  • 2020.03.15

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

Webデザイン 分析 その10 「HAKKAISAN RYDEEN BEER」

  • 2020.03.14

「HAKKAISAN RYDEEN BEER」はライディーンビールのブランドサイトです。 サイト分析 時間経過でビールの画像を変えながら、額縁のような背景と合わせて見せています。 スクロールしていくとビールと合わせて縦書きの見出しが現れます。 ナビゲーションメニューはシンプルな2本線のアニメーションになっています。 動画リンクは埋め込みではなく別ページで開くようになっています。 背景と額縁による日 […]

Webデザイン 分析 その9 「Wheeebo」

  • 2020.03.13

「Wheeebo」は水の上で遊べるパーソナルクラフトのサイトです。 サイト分析 ファーストビューに動画を置き、ストレートに魅力を伝えています。 要素間とナビゲーションメニューのホバー時の下線に商品を想起する波線を使っています。 静と動、補色色相配色などコントラストがあります。 商品についてシンプルな1カラムで簡潔にまとめられていて、分かりやすかったです。 おまけ すっごい楽しそう乗りたい。

Webデザイン 分析 その8 「Fontworks」

  • 2020.03.12

「Fontworks」は書体を制作している会社です。 サイト分析 ファーストビューにコンテンツを置き、サービス内容をストレートに伝えています。 要素間は余白と細い線ですっきり区切られています。 ホバー時、box-shadowとtransformのアニメーションで立体的に見せています。 さすが書体制作会社で、文字の大きさ、文字間、書体など……ファーストビューからサイト全体が読みやすく美しかったです。 […]

1 2 4