dri.esの2026年リデザイン

この記事は Dries Buytaert 氏の公式ブログ「dri.es」の翻訳記事です。Driesブログの記事一覧よりすべての翻訳記事をご覧いただけます。

先週末、バーベキューをひとつ主催し、別のバーベキューに参加し、ベルギーのビーチまでドライブするという合間を縫って、dri.esをリデザインしました。

HTMLもCSSも、自分では一行も書いていません。Claude Codeにやりたいことを伝えると、Drupalのテーマを生成してくれました。

何が変わったのかを示す、ビフォー・アフターのスクリーンショットをいくつか紹介します。

Before：青いヘッダーが特徴だった旧ホームページ。

After：最近の写真を表示するようになったリデザイン後のホームページ。

新しいデザインは以前と同様、ミニマリストなスタイルです。コンテンツに集中できるシンプルなウェブサイトが好みなので。

妻のVanessaは「味気なさすぎる」と言っています。スタイルやファッションに関する私たちそれぞれの実績を考えると、彼女がほぼ間違いなく正しいでしょう。

Before：青いヘッダーが特徴だった旧記事ページ。

After：リード画像が大きくなったリデザイン後の記事ページ。

新デザインのほかにも、メインページに写真ストリップを追加し、センサーページを整理し、タグページにチャートを追加するなど、さまざまな改善を加えました。

新しいデザインが少し地味に感じられたとしても、楽しめる新しい要素がいくつか見つかるかもしれません。

By Dries Buytaert

この記事は 「The 2026 redesign of dri.es」（投稿日：2026-06-16）の翻訳記事です。