マガジンのカバー画像

サイト分析

39
気になったサイトを分析して言語化した記事をまとめています。
運営しているクリエイター

#サイト分析

サイト分析(2023.03.04)

デザインの意図の推測というよりは、"どういった部分が効いているのか"という見た目のスタイリングに関して気づいた点をメモしています✍️ 余白を生かしたデザイン見出しを3行に改行して高さを出しつつ、右側に空間を作っている。 左下の文章も見出しとは頭を揃えず、下に配置している。 見出しを「Works」ではなく「Selected Works」にするなど、 敢えて単語の数を増やすことで改行できるようにし、余白を作っている。 また、画像の頭をずらしている。 PERSONページでは、

サイト分析(2021.06.07-06.11)

Wild Souls商品のラインナップは上下にずらす、アニメーションで流す、商品名を座布団からずらすことで短調にならず、没個性的にならないようにしている。 見出しのフォントはCanelaを使用。形はセリフ体っぽいが線が太めなのでカジュアルっぽく見える。 Kや?など形にクセがあるためこのフォントを使うだけでサイトに味が出るなと思った。その一方で本文のフォントはクセのないGraphik LGを使用。読みやすさやサイトのイメージを考慮したフォント選定になっている。色が#000だ

サイト分析(2021.06.01-06.04)

MEITECFVはキャッチコピーをセンターに置き、画像を見切れさせている。 →スクロールしてもらうために、続きがあることが分かるようにしているのと最初にメイテックとは何なのかを伝えたい。 写真を2つ並べて高さを変えることで短調な印象になっていない。またコードの写真と働く様子を合わせることで、1枚では伝わりにくい内容をうまく補い合って伝えている。 写真の1枚に人物を入れることで冷たい印象を回避している、また仕事に対しての誠実さ、熱心さを感じる(写真も明るめにしている) F

サイト分析(2021.05.13-05.31)

FORCASクラウドサービスという硬めのサイトの中で各所に工夫を施すことで単調なデザインにならないようにしている。 【工夫されている箇所】 ・写真やモックをコンテンツから若干上にはみ出させることで奥行きと動きを出している。 ・背景を3つ重ねることでも奥行きが感じられる。 ・後ろに敷いてある背景をコンテンツごとに左右に振っている。 ・後ろに敷いてある背景やヘッダーにはうっすら影がついている。 ・モックを見切れさせる。 ・画像を2つ配置する時に若干上下をずらして動きをだしたり

サイト分析(2021.04.26-05.07)

KURASHITO【何がこのサイトをかわいいと感じさせるのか】 ・線の一部が欠けている、細い ・バナーの手書きっぽいイラスト、パステルカラー ・フォントサイズが小さい ・パーツが小さい(トップページボタン、数字、アイコン) ・フラットなデザイン(シャドウをつけてない、立体感がない) 【いいと思ったところ】 ・物件のサムネにマウスを重ねるだけで、内装と間取りを見れる  (いちいち詳細ページに飛ばなくていい) ・2階以上、アパートかマンションかなど細かい情報もタグとして載せてい

サイト分析(2021.04.19-04.23)

「テプラ」PRO "MARK" 【制作目的】 ・簡単で楽しいことを伝えたい ・家庭用としても使える(=オフィス以外での活用も普及したい) 従来のゴツい、会社で使うような見た目のイメージを払拭するため、 デザイン性の高さ、邪魔にならないサイズ感であることを伝えるために FVでは、商品を部屋の中に置いた写真にしている。 最初にコンセプトを設置して、MARKとは何か。他のシリーズとは何が違うのかを説明。 大事な部分のため、テキストだけで余白を広く取ったデザインにすることで しっ

サイト分析(2021.04.12-04.16)

今週も1週間分析したものをまとめていきたいと思います。 板谷アイクリニック銀座【ターゲット】 ・場所が銀座にあること、治療に最新機器を用いていることから所得、年齢が高めの人(50代以上)がターゲットだと考えられる。 →サイト全体に落ち着いた配色や明朝体を用いることでターゲットが好みそうな、また院内の雰囲気に合った洗練された高級な印象を与えている。 ・ターゲットがサイトを閲覧する際に使いやすいように、マウスストーカーをつけたり、メニューにカーソルを重ねたときに文字が動いたり

サイト分析(2021.04.01-04.09)

こんにちは、en(@en_design0315)です。 4月にQUOITWORKS Inc.にデザイナーとして入社し、今はサイトの一部分のデザインを作ったり、ブラウザチェックをしたりなどアシスタントとして働いています。 会社では、毎日ムーオルグというギャラリーサイトから1つサイトを選んで分析をするというノルマがあるのですが、せっかくなので"自分の記録"としてnoteでコンテンツ化することにしました。 1週間ごとにまとめていけたらなと思います。(果たしてちゃんと毎週更新で