Qiita Advent Calendar 2021 リニューアル秘話 #Qiita

こんにちは。Qiitaのデザイナーの出口です。

今回はQiita Advent Calendar 2021がどのようにリニューアルされたのかを公開します。
この記事の内容は以下の通りです。

Qiita Advent Calendar について

Qiita Advent Calendarとは、クリスマスまでの期間に日数を数えるために使用されるカレンダーである「アドベントカレンダー」の慣習にもとづいて、毎年12月1日から25日までの期間限定で「Qiita」で開催される記事投稿イベントです。

2021年はより多くのユーザーに楽しんでいただけるように、 UIを一新 し、 新しい機能を追加 し、 様々なコンテンツ を提供します。
また、昨年に引き続きオンラインライブ配信も実施する予定です。

是非アドベントカレンダーに参加して、最高に盛り上がる年末にしていきましょう🎉

これまでのAdvent Calendarのデザインは、 Qiitanを使って、イラストっぽく仕上げていました。

今年からは切り絵をモチーフにデザインに、クリスマスの表現や、冬の表現がより表せられるようにしています。

また、Qiita Advent Calendarのロゴも
フォントスタイルがバラバラだったものを、ブランドフォント(Codec)に合わせています。

2020年	2021年

リニューアルされたデザインに合わせて、UIを一新しました。

旧デザインのTopページでは、以下のような様々な課題がありました。

新デザインでは、それらの課題を解決出来るように設計し、UIを変更しています。

ファーストビューでは、
新しくなったQiita Advent Calendarに合わせて、デザインを一新し
雪を降らせるアニメーションを追加しています。

「参加中のカレンダー」のセクションでは、
自分の参加しているカレンダーが一覧できるだけではなく、
登録したカレンダーの横にある▼←ここから、登録しているカレンダーごとに表示することができます。

シリーズ機能では、カレンダーに10人以上の参加者がいる場合、シリーズとしてカレンダーを増やすことができる機能です。

今までのアドベントカレンダーでは、25日分埋まると、その１、その２と別のアドベントカレンダーが追加されていました。
そのため、同じ言語カレンダーなのに、その１は追えてたけど、その２までは追えないといったことがおこっていたと思います。

今回からカレンダーに10以上参加者が埋まった場合は、さらに新たなシリーズを追加することができるので、今年は人気のカレンダーは何人でも参加ができます。

TOPページの中に 参加中のカレンダー のセクションを追加しました。
これによって、自分が参加しているカレンダーへのアクセスがしやすくなりました。

今回はQiita Advent Calendar 2021がどのようにリニューアルされたのかを公開しました。

2021年はより多くのユーザーアドベントカレンダーに参加して、最高に盛り上がる年末にしていければ幸いです。

是非、下記のリンクからQiita Advent Calendarにご参加ください。