Spotlightはビットコインのライトニングネットワークを使用したCtoCのデジタルコンテンツ配信プラットフォームです。
現在、ビットコインに関する主な情報発信プラットフォームはTwitterやDiscord、Telegramなっています。理由は、情報の消費期限が限りなく短いことにあると考えています。
そのため、少ない情報でも投稿し、文章として蓄積してもらえるようなUIを目指し、デザインしました。
デザインの基本構成はTwitterのUIと変わらず、サイドカラムがあり、真ん中にコンテンツ一覧が用意されています。
Spotlightは誰もがスポットライトを浴びられるというコンセプトがあるため、コンテンツ一覧はコンテンツごとに強弱がつかないカード型のレイアウトを採用しています。
カードの中身に関しても、サムネイルがある記事と、ない記事に強弱がつかないようにサムネイルのある記事はサムネイルとタイトルのみを表示し、サムネイルのない記事はタイトルと文章を表示しています。
記事ページではサイドカラムがあると文字を読むことに集中できないという意見もありますが、記事ページへ訪れるのはほとんどスマートフォンユーザーのため、サイドカラムは表示されていません。
パソコンではサイドカラムがあることによって記事のシェアや新しいコンテンツの発見を促しています。
投稿ページは逆にパソコンで使用されることが多く、なおかつ集中が必要なためにサイドカラム等を一切なくし、記事を書くことだけに集中できるように設計しています。
記事にはいいねボタンがありませんが、コミュニティを活発化させ、良いサイクルを生み出す施策を入れています。
例えば、コメントの他にSlackのように絵文字でリアクションができる機能があります。
ビットコイン界隈にはエンジニアが多く、絵文字でのリアクションと相性が良いと考え、実装しました。
コメントのみの場合より、一つの記事ごとでのコミュニケーションが活発化しました。
また、ビットコインを投げ銭する文化もあり、投げ銭体験を面白くするためにビットコインにゆかりのあるピザのイラストを用いて、投げ銭額が上がるごとにイラストが賑やかになるようにしています。
それから、記事を読みやすくする施策として、ダークモードを搭載しています。
背景と文字のコントラスト比は16くらいで、ブルーなどの色を混ぜるとディスプレイによる発色の違いで大きく印象が変わる可能性があるため、ブラックベースで色を選定しました。
世界的に美しいとされる正三角形をベースにスポットライトモチーフにしたロゴです。
正三角形は、上向き(▲)、下向き(▼)、右向き(▶)、左向き(◀)がありますが、このロゴは右向きを採用しています。
右向きの三角形には、再生、未来、進む等の意味がありSpotlightに訪れたユーザーに対して道標の存在であればと思い、この形を採用しました。
斜めから入るように見える光は、ライトの真下にいる人にライトが当たるような固定式ライトではなく、いろんな人にライトが当てられる首が動くタイプのライトを表しています。
Spotlightのコンセプトである「安心」は誠実さの象徴であるブルーをベースとし、ネットサービスの先進的な要素を加えて、先端の黄色から明るい水色へグラデーションをかけました。
ロゴタイプはタイプだけでも成立するように少しクセのあるものにしました。
