見出し画像

#1日1サイトレビュー 050 Decentraland

Web上で動く仮想空間を提供しているDecentraland。
技術的にもすごいけど、いわゆるweb3の代表格のwebサイトがどんな感じなのかを見ていきたい。

【目的】

・登録してもらうこと
→Decentralandの場合、本当に興味のある人しかこのページにこないから登録のハードルは低そう。

【デザインのカテゴリー】

・ゲーム、かわいい、登録を簡単と思わせる、ワクワク

【コピーライト】

スクリーンショット 2022-03-24 8.59.58

【フォント】

ほとんどがSystem-ui
見慣れたフォントを使って、親やすさを感じさせている。

・Sans-serif(Regular)
私の場合はヒラギノ角ゴシックProN

・System-ui(Light, Regular, Medium, Semi-bold)
https://developer.apple.com/fonts/
Macの場合はSF Proというフォント。
ニュートラルで柔軟なサンセリフ書体で、iOS、iPad OS、macOS、tvOSのシステムフォントとして使用されています。SF Proは、9つのウェイト、最適な読みやすさのための可変オプティカルサイズを備え、丸みを帯びたバリアントが含まれています。SF Proはラテン語、ギリシャ語、キリル文字にまたがる150以上の言語をサポートしています。

【カラー】

シンプルだけど、注意をひきたい時はセオリー通りの色をつかっている。

画像3


【感想・考察】

・シズルはどこか?
(1)随所に見られる動画やイラスト
(2)見慣れたフォント
(3)丸みのあるカードデザイン

(1)随所に見られる動画やイラスト

ただただかわいい!って思うイラストや動画を使っている。
(技術的な意味もあるが)高クオリティなモデルではなく、親しみを感じるかわいいキャラやアイテムを使ったイラストが使われている。

スクリーンショット 2022-03-24 9.28.37

スクリーンショット 2022-03-24 9.27.58

スクリーンショット 2022-03-24 9.28.06

スクリーンショット 2022-03-24 9.28.15

(2)見慣れたフォント
system-uiは普段から見慣れているフォントなので
良くも悪くも普段と変わらない印象を受ける。
metamaskに登録をしたり、web3やNFT=怪しいと思っている人の不安のハードルを少しでも下げれるかもしれない。

(3)丸みのあるカードデザイン
全体的に柔らかいデザインなので、カードも角を丸くしている。

・SNSリンクアイコンがweb3
discord/Reddit/github/twitter

スクリーンショット 2022-03-24 9.18.54

・使用技術
最近はreactかwordpressしか見ない気がする

スクリーンショット 2022-03-24 9.33.14


この記事が参加している募集

この記事が気に入ったらサポートをしてみませんか?