gallery

ギャラリー

LP

Parts

イエロー アーカイブ | 2ページ目 (2ページ中) | theta - blog イエロー アーカイブ | 2ページ目 (2ページ中) | theta - blog

gallery

空間の見せ方が上手なサイトです。限られたスペースでお部屋をよく見せる工夫が施されています。

UI / UX

空間を最大限に見せる工夫

４面に区切られているが、マウスオーバーすると全画面が表示されます。
限られたコンテンツ幅を活かし、お部屋の空間をみせれるような工夫が施されている。

メニューの固定

イメージ

サイドにメニューが固定されているので、ページに訪れたときどんな内容のものがかかれているか視認しやすい。

ポイント

見やすいハンバーガーメニュー

イメージ

適切な余白が取られているので見やすい
シンプルなのも良いなと思いました

全体的に画像埋め込みが多いLPサイトです。虎のイラストが特徴的でかわいいデザイン。

UI / UX

コンテンツに合わせた動き

悩みの部分でふわふわ上下する動きがコンテンツと連動していて良いなと思いました。
また、サイドに固定してついてくる導線バナーに動きがあることで
どこの箇所にいても人の視線を惹きつける効果があると思います。
（人は動くものに視線を向けるので）

余白でコンテンツの境目を作っています

イメージ

左右でわかれていることが認識できるよう中央の余白を多めにとっています。
１つのかたまりとしてそれぞれ見えるので、コンテンツがわかれていることを視覚で伝えている。

スマホはPCをそのまま縮小している

イメージ

スマホは全体的に文字サイズが小さく読みにくいです。
PCのサイズをそのまま縮小して制作しているからだと考えます。

オリジナルイラストで可愛さを出しながらも、黒をメインカラーとして使うことで高級感、厳格、力強さを表現しています。

とくちょう

黄色を組み合わせることで、明るさが生まれる

イメージ

黄色には「明るい・希望」といった印象を与える効果があります。

UI / UX

地図が簡素すぎる？

イメージ

簡素すぎてエリアイメージをしにくい。
（対象が同県内であれば良いのかも？）

思わず押してみたくなる「view more」のボタン。

イメージ

「私はここのような者」です。
ユーザーの知りたいを刺激するような言葉。

動く導線ボタン

静止でボタンが配置されているわけでなく、一定の時間が経過すると動くしかけになっています。
人は動くものに視線を向けてしまう性質があるので、思わずみてしまう。
興味が高ければお問い合わせボタンを押すかもしれないと思いました

実態が見えない

おしゃれが良い感じのデザインだけど…
清掃を頼む側としてはどういう人がいて、どういう会社なのかもうすこし深ぼって知りたいと思うので
実際の写真などがないのはどうなのかな？と思いました。（不安が残る）
でもデザインはとても可愛いです…

名前の「虎」にちなんで、「虎」のイメージを取り入れてデザインとなっています。
「虎」をイラストで表現することで「親しみ・優しい」印象を感じるデザインとなっています。
また明るいトーンの黄色から「希望・陽気」といった明るさをイメージできます。

とくちょう

赤色の薔薇のイラストがアクセントとなっています。

イメージ

色相の差が大きくない(と思う）ので、共通性の高い配色に見えることにより違和感を感じない。
また、病院の建物に周りにはバラが植えられています。
実際の外観とも合わせたデザインで良いなと思いました。

デザイナーの腕の見せ所

イメージ

お休みの部分は「虎」になっています。
こういったあしらいがデザインーの腕の見せ所だと思いました

ポイント

ひょっこり現れる「虎」の動きがかわいいです

アクセントになっていて良い

惹き込まれる文章

イメージ

「ライターの腕が良い」と表現すると語弊を生みそうですが、そう思うくらい惹き込まれる文章だと感じました。
説得力があるのと、説明の中からちょっとした権威性も感じるので、
自分が行く立場である患者であったら、病院に行ってみたいと思いました。

休診日などの情報上に欲しい

フッター付近にあるので、休診日などの情報はFVにあっても良いのかな？と思いました。

明るく、楽しい雰囲気が伝わってくるデザインです。また、ロゴに合わせてデザインされていると思いました。メインカラーの黄色はブライトトーン配色で「鮮やか、陽気、カジュアル」といった印象を伝えます。

とくちょう

ポップで動きを感じるデザイン

イメージ

波模様のデザインが動きを表現。

UI / UX

画面で変わるアクセス動線

下にスクロールすると、アクセス動線が右固定に変化する。上の幅の領域が狭くなるので画面が見やすくなるのと、ユーザーがいつでも次の動線へ移行しやすい仕組み。

「初めての方へ」ページのユーザーを惹き込むアニメーション表現が秀逸

先を読み進めたくなる仕掛け。

ポイント

ページ移行中のアニメーション

マスコットキャラを使った表現が商材とマッチしていて良い

ページによってフォントを使い分けている

イメージ

「初めての方へ」のページでは「親しみやすさ」を意識して制作されているように感じます。手書きフォントは、やわらかで、温かみのあるフォントなので、親しみやすさを演出したいときに使うと効果的です。

数字のメリハリが◎

イメージ

背景に彩度・明度が高い色をつかうと沈みがちですが、白のラインを影のように使うことでしっかり目立たせている点参考になります。

商材のあしらいが印象的でものづくりのわくわくさや楽しさを感じるデザインです

とくちょう

「おもしろさの追求」とい文字とデザインが一致

イメージ

ステップアップしているような段階で表現しているデザインがキャッチコピーと一致していて良いなと思います。

デザインを引き立てる写真使い

イメージ

実際の人物写真を切り抜いて使うと手作り感がでます。

UI / UX

思わず読みたくなるデザイン表現

イメージ

線で繋がれていると目でおってしまうので、見てもらう工夫が施されていると思いました

背景写真に合わせた文字のレイアウト

イメージ

写真に合わせた文字表現が参考になりました！