項目をタイル状に並べるデザインのサンプル

画像・スクリーンショット

概要

タイルのように項目を並べるホームページデザインのサンプルです。
本サンプルではFUCOブログの最新30件の記事が表示されるようになっています。

※弊社ロゴ部分は、本来は写真などの画像が入ることを想定しています。
※現在は項目をクリックすると、FUCOブログの当該記事へとリンクするようになっています。

使い方

「ランダムに並び替える」というボタンを押すと項目がランダムに並び変わります。

「色順に並び替える」で色毎に距離が近くなるように並び替えし、「各色のボタン」で該当色をハイライト表示します。

コメント

本サンプルは元々お客様にサンプルとしてお見せする目的で作られたものでした。

こういうホームページのデザインは、デザイン性を優先したい方にお勧めです。

サンプルでは色で並び替えたりハイライトを選択できるようになっていますが、これは本来は「カテゴリ毎にハイライト表示がしたい!」というようなニーズに応えるものです。
サンプルにしたFUCOブログにはカテゴリが無いので今回は色をカテゴリに見立ててハイライト表示できるようになっています。

「ランダムに並び替える」というボタンが本サンプルには付いていますが、ホームページ上での「ランダム」というのは閲覧者に「気付き」を与えるには最高の仕組みです。

基本的にホームページというのは閲覧者が何かしらのニーズを持って訪れるものなので、ニーズを満たしてしまうと閲覧者がサイトから離脱してしまうものですが、その間に「ランダム」や「関連リンク」で他の商品やサービスを提案することでコンバージョン率向上に導くことが可能です。