MENU
カテゴリー

No.020 PATRA Inc.

No.020 PATRA Inc.
No.020 PATRA Inc. WEBデザインのクロッキー帳 | Webサイト100選
目次

概要

No.20 PATRAは、アパレル事業を主とする企業である。

インターネットが便利な時代は終わって、インターネットはあたりまえのインフラになった。あたりまえにスマホで欲しい物と出会って、あたりまえにスマホで買い物をする。でも、買い物は絶対に楽しいほうがいい。

https://patrainc.jp

考察

ターゲット

  • 20代〜30代
  • PATRAのことを知りたい人
  • PATRAの事業内容に興味がある人

イメージカラー

基本色:「ライトブルー」

サブカラー:イエロー、ピンクなど

全体的な配色としては「パステルカラー」が使用されている。

ページによってカラーが違っていたりするが、サイト全体的な印象としてはライトブルーの印象を強く感じる。

使用フォント

  • RalewayBold
  • Web Subset FontMediumBold

サイト構造

  • シングルカラム
  • マルチページ

特徴・気づき・感想

ページ下部の一番手前に固定表示されているさりげなく動いているイラストアニメーションがとてもかわいく、見ていて楽しいサイトである。

サイト全体的な作りとしては、文字をしっかりと読ませるタイプのサイトである。

サイト全体で使われているフォント体がサイトの雰囲気にマッチしていて、また、とても見やすく読みやすい。

サイトのギミックとしては、各ページの下部にposition: fixedで固定されているgif形式のイラストが、本サイトの世界観を作る上でなんとも効果的に働いている。

また、文章の背景に配置された画像は奥行き感があるため、イラストのレイヤー感と相まってパララックス的な効果も感じられる。

position: fixedを上手く活用して見せているWebデザインだと思った。

Webサイト100選 No.020 – WEBデザインのクロッキー帳 | Webサイト100選

よかったらシェアしてね!
目次