Spotlight
Date: 2019 - 2021 spotlight.soy

UI↓

記事一覧ページ

Spotlightはビットコインのライトニングネットワークを使用したCtoCのデジタルコンテンツ配信プラットフォームです。
現在、ビットコインに関する主な情報発信プラットフォームはTwitterやDiscord、Telegramなっています。理由は、情報の消費期限が限りなく短いことにあると考えています。
そのため、少ない情報でも投稿し、文章として蓄積してもらえるようなUIを目指し、デザインしました。
デザインの基本構成はTwitterのUIと変わらず、サイドカラムがあり、真ん中にコンテンツ一覧が用意されています。
Spotlightは誰もがスポットライトを浴びられるというコンセプトがあるため、コンテンツ一覧はコンテンツごとに強弱がつかないカード型のレイアウトを採用しています。
カードの中身に関しても、サムネイルがある記事と、ない記事に強弱がつかないようにサムネイルのある記事はサムネイルとタイトルのみを表示し、サムネイルのない記事はタイトルと文章を表示しています。

記事ページ

記事ページではサイドカラムがあると文字を読むことに集中できないという意見もありますが、記事ページへ訪れるのはほとんどスマートフォンユーザーのため、サイドカラムは表示されていません。
パソコンではサイドカラムがあることによって記事のシェアや新しいコンテンツの発見を促しています。
投稿ページは逆にパソコンで使用されることが多く、なおかつ集中が必要なためにサイドカラム等を一切なくし、記事を書くことだけに集中できるように設計しています。

リアクション

記事にはいいねボタンがありませんが、コミュニティを活発化させ、良いサイクルを生み出す施策を入れています。
例えば、コメントの他にSlackのように絵文字でリアクションができる機能があります。
ビットコイン界隈にはエンジニアが多く、絵文字でのリアクションと相性が良いと考え、実装しました。
コメントのみの場合より、一つの記事ごとでのコミュニケーションが活発化しました。
また、ビットコインを投げ銭する文化もあり、投げ銭体験を面白くするためにビットコインにゆかりのあるピザのイラストを用いて、投げ銭額が上がるごとにイラストが賑やかになるようにしています。

ダークモード

それから、記事を読みやすくする施策として、ダークモードを搭載しています。
背景と文字のコントラスト比は16くらいで、ブルーなどの色を混ぜるとディスプレイによる発色の違いで大きく印象が変わる可能性があるため、ブラックベースで色を選定しました。

Graphic↓

Bitcoin

Bitcoin

Halloween

Bitcoin

DAI

DAI

Monacoin

Monacoin

Litecoin

Litecoin

Bitcoin Cash

Bitcoin Cash

Tether

Tether

Ripple

Ripple

ethereum

ethereum

Bitcoin

Bitcoin