パッチノート

S5-Styleの新しい機能や改善した内容を、バージョンごとにご紹介します。

2.6 Design Setsが、検索エンジンのクロール対象になりました

一定の条件を満たしたDesign Setsページを、Googleなどの検索エンジンがインデックス登録できるようにしました。対象となるのは、次の条件をすべて満たしたDesign Setです。

  • Design Setを“公開”にしている
  • 作品を3件以上登録している
  • 概要欄に20文字以上の文章を入力している

概要欄には、集めたデザインのテーマや作品の共通点などを書いておくのがおすすめです。Design Setsや概要文・メモを公開したくない場合は“下書き”で保存してください。条件を満たしても、実際に検索結果へ掲載されるかどうかは検索エンジンの判断によります。

Design Setsを見る / マイページ

2.5 過去のWebデザインを、ページ番号から探せるようになりました

Good Web DesignsとAll Web Designsなど、作品一覧にページ番号を追加しました。

これまでは、スクロールしながら続きを読み込む必要がありましたが、今後はページ番号を指定して過去の作品を探せます。ページごとにURLがあるので、ブックマークしたり、ほかの人に共有したりすることもできます。

最近の作品だけでなく、これまでに掲載してきたWebデザインもぜひ探してみてください。

Good Web Designsの2ページ目 / All Web Designsの2ページ目

2.4 業種・スタイル・色などから探せるページを追加しました

これまでは、Webデザインの絞り込みナビゲーションのみを提供していましたが、サイトの「種類・業種・スタイル・色・使用技術」の5つの分類から探せるページを追加しました。

それぞれの分類には、すべての作品を対象としたAllと、Good Web Designsに選ばれた作品を対象としたGWDの2種類を用意しています。分類ごとに固有のURLがあるため、よく参考にするテーマはブックマークしておくと便利です。

例えば、採用サイトの制作で参考になるデザインをまとめて探したり、タイポグラフィーを生かしたWebサイトを見比べたりできます。

GWDの採用サイトの一覧 / ALLのタイポグラフィーの一覧

2.3 Design Setsの絞り込みナビゲーションを改善しました

Design Setsの一覧に、40件ずつ移動できるページ番号を追加しました。過去に公開されたDesign Setsも、ページを切り替えながら探せるようになっています。

また、ランダム順では、続きを読み込んでも、すでに表示したDesign Setsが重複しないように改善しました。

ランダム順に切り替えて「続きを読み込む」を使えば、まだ見ていないDesign Setsを続けて探せます。気になるテーマのまとめを見つけたり、新しいWebデザインとの出会いを楽しんだりしてみてください。

Design Setsを見る

2.2 ページの表示と操作性を改善しました

すべてのページにおいて、画像やフォントの読み込みを見直し、ページの初期表示を改善しました。

また、アクセスの集中や一時的な通信エラーが発生した場合の処理を見直し、ページをより安定して閲覧できるようにしています。

JavaScriptが無効な環境でも、主要なページや作品一覧を閲覧できるようになりました。

2.1 Webデザインの制作背景を紹介する「Interviews」を公開しました

Webデザインの完成形だけでなく、その裏側にある考え方や制作プロセスを紹介する「Interviews」を公開しました。

制作に携わったクリエイターへのインタビューを通じて、デザインに込めた意図や、アイデアが生まれた背景、制作中の試行錯誤などを掘り下げています。

デザインを見るだけではわからない、クリエイターの考え方や制作の工夫にも触れられるコンテンツです。ぜひ、気になる記事から読んでみてください。

Interviewsを見る

2.0 S5-Style Renewal

2024年9月、S5-Styleを全面リニューアルしました。

サイト全体のデザインと構成を一新し、Webデザインを探す・まとめる・共有するための閲覧体験を刷新しました。