ロゴ・Webサイトをリニューアルしました

運営チームの体制変更に伴い、ロゴ・Webサイトのリニューアルを実施いたしました。

運営メンバーのご紹介

以下4名が新たな運営メンバーに就任いたしました。

• 主催: Shuta Hirai
• 運営: Fumiya Furuya
• 運営: Nao Sasaki
• 運営: Kota Nonaka

ロゴ

今回のリニューアルにあたり、ロゴ・ウェブサイトを含めたクリエイティブの刷新を担当した佐々木です。

Meguro.esはコロナ禍以前から25回以上の企画を通して、フロントエンドエンジニアコミュニティとして一つのブランドが確立されていました。

そのため、これまでのMeguro.esのイメージを壊さずに既存の勉強会コミュニティとの差別化することが今回の目標でした。

まず、リニューアル以前のMeguro.esの特徴であるリス、黄色、コンセプトをベースに生成AIでベースパターンを作成しました。

その後、主催の平井や古谷、野中を通して「リス」を主体とすることが決まり、リス単体のあしらいパターン、カラーパターンを作成しました

そして、こちらがmeguro.esのリニューアル最終案となりました。

アクセントカラーとして目黒の桜をイメージしたピンクを上に、目黒区の紋章色を足場に添えたグラデーションを置きました。

また、かつてのメインカラーだった黄色に対する補色の青系色を背景に置くことで、リニューアルの強い印象づけを図りました。 後付けですが、目黒川の夜桜をイメージしていたりもします。

Webサイト

Web サイト刷新の技術面を担当しました、主催の平井です。

実際の画面のキャプチャを交えて、Webサイトの内容をいくつかご紹介します。

トップ

トップページには、Meguro.esの象徴となるリスのロゴをファーストビューに掲載しています。

ページ下部には、イベントやお知らせの一覧を掲載し、現在開催中のイベントや新着情報が1目でわかるようになっています。

Meguro.esとは

Meguro.esとはページには、新たなMeguro.esの紹介を掲載しました。

我々が本コミュニティ運営するにあたってのコンセプトについて綴りました。開催履歴も併せてご覧になれます。

ぜひご一読ください。

ガイドライン

ガイドラインページには、私たちのコミュニティのイベントに参加する方々が安全に楽しんでいただけるよう、遵守していただきたいガイドラインを掲載しています。こちらも、イベント参加の前にご一読ください。

採用した技術

Webサイトの構成を技術的な観点から紹介します。

前提として、Contentfulで記事を管理しており、更新の頻度はそこまで多くないため、当サイトは Static Site Genaration(以下、SSG) で運用しています。

SSG フレームワークには Vike を、公開先には Cloudflare Pages を採用しました。Cloudflare Pages からは brotli 圧縮などを用いて、サイズをなるべく抑えて配信しています。

他には、React の代替として Preact を用いてパフォーマンスを追求しています。また、ユーザーの体験だけでなく、開発体験におけるパフォーマンスも意識し、Vite で dev サーバーを起動しています。

おわりに

2024/01/25 開催の「Meguro.es #26 @ サイバーエージェント」の connpass を公開しています。

4年ぶりの Meguro.es となります。皆様とお会いできる日を運営一同楽しみにしております。

参加のご登録は こちら からお願いします。

2024年春ごろには、目黒川近郊で Meguro.es #27 の開催を予定しています。ぜひこちらもご参加ください。

詳細は追って Meguro.es 公式 Xでお伝えさせていただきます。

よろしければフォローのほどよろしくお願いします。

新たな Meguro.es を今後ともよろしくお願いいたします。