見出し画像

#1日1サイトレビュー 012 CULTIBASE

最近、自分でニュースサイトを作ろうと思っているのでその系統のサイトをディグルのが趣味になっています。
ということで今回はCULTIBASEさんをお題にディグっていきたいと思います。(楽しみ)

【目的】

・サブスクに登録してもらう
・メルマガ登録
ニュースサイトにあるあるのマネタイズ方法、月額課金があるということは無料だと全部見れないということか、毎日新聞とかnews picksとかもこんな感じですよね。

スクリーンショット 2022-02-14 10.47.30

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

・メディアサイト、ノウハウ紹介
・ビジネス、ナチュラル、イラストあり、落ち着いた雰囲気、やわらかい配色

【コピーライト・名言】

・組織ファシリテーションの知を耕す。
普通に言おうとすると、こんな感じになる?「組織活動を円滑にするためのコミュニケーションスキルを身につける」
”スキルを身につける→知を耕す”と表現している、勉強になります。

スクリーンショット 2022-02-14 10.52.50

【フォント】

・Melanzane:特徴的な英字
・Hiragino Sans:日本語文字
・Helvetica:日付などの数字
どこかでfontについてもっとdigらなければ......。

画像3

【カラー】

全体がやわらかい印象になる。

画像4

試しにadobe color に登録したらこんな感じに。
彩度が低いと落ち着いたイメージになりやすいのか、勉強になる。

スクリーンショット 2022-02-14 11.12.34

【スマホページ/レスポンシブデザイン】

気になったところをfigmaでまとめる。

cultibase_スマホ

【全体の構成】

・KV
・イベント(カードデザイン)
・新着動画(カードデザイン)
・新着記事(カードデザイン)
・新着ラジオエピソード(カードデザイン)
・パッケージ_noteでいうマガジンみたいなもの(カードデザイン)
・サブスク登録ボタン
・フッター

【感想/考察】

・Reactで作られているので、滑らかに動く。
・サブスクへの導線を赤で目立たせている。
・ファーストビューのスライドは、画像だけのパターンも多いけど、文章も含んだカードデザインになっている。

スクリーンショット 2022-02-14 11.36.50

・基本的にカードデザインの画像は同じテイストのイラストで統一されている。運用も頑張っている印象。

スクリーンショット 2022-02-14 11.38.48

端の方のカードはopacity0.5がかかっている。凝っている。

スクリーンショット 2022-02-14 11.40.06

お問い合わせページがスマホっぽいデザイン、よくある質問は遷移先がNotionになっている。Notionの遷移先はメアドが貼り付けられていてクリックするとメーラーが立ち上がる仕様になっている。

スクリーンショット 2022-02-14 11.42.51

最後にTOPページ全体。

画像11


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