PATRA Inc.

奥行きのあるレイアウト

このサイトで一番目を引くのが、テラスから覗き込むようなレイアウトです。

イラストの奥にテキストが入っており、画面に奥行きと広がりを感じます。

Webサイトは基本的に画面で見るため平面なものですが、人は平らな二次元のものを見続けると閉塞感やストレスを感じやすく、サイトの離脱率が上がってしまうそう。

意識的に奥行きを表現することでサイトを見てくれる人の負担を軽減し、サイトを最後まで見てくれる確率が高まります。

そんな工夫までできると素敵ですね！

また、イラストはGIF画像が採用され風に吹かれているような爽やかさがあり、とっても楽しい印象です。

抜け感のあるイラストとシャドウ

ポップで可愛らしいイラストに合わせて、コンテンツのシャドウは線状に表現されています。

リアルな影を入れるのではなく、線状のラインを入れることでイラストの世界観にあった軽やかな印象になっています。

テキストは徹底的に読みやすく

テキストにかぶさるようにイラストがあるレイアウトのため、テキストは徹底的に読みやすさを重視しているように感じました。

書体は可読性の高い、太めの「游ゴシック」が採用されています。

行間と文字間も丁寧に調整されており、読みやすさへの配慮を感じられます。