- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
- KVの大胆な白透かしで少し考えが変わりました。
-
https://www.forcas.com/
2020-08-31 - detail
- LIBERTA Perfume(リベルタパフューム)
- 写真の光の当たり方が好みです。
-
https://liberta-perfume.com/top
2020-06-08 - detail
- URL
- 画像を大胆に余白をとって配置する手法が素敵です。
-
https://railroadladies.com/
2020-10-09 - detail
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- STUDIO HAS – スタジオ・ハス
- 余白やレイアウトがとても綺麗です。
-
https://studio-has.jp/
2020-07-03 - detail
- NEWVIEW
- この騒がしさが今の気分です。
-
https://newview.design/
2020-08-21 - detail
- 京仏壇・京仏具・伝統工芸 若林佛具製作所
- KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
-
https://www.wakabayashi.co.jp/
2020-06-15 - detail
- カップヌードルの裏側
- みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
-
https://www.cupnoodle.jp/uragawa/
2021-07-28 - detail
- Do it Theater 新しいシーンは、THEATERからはじまる。
- ボタンアニメーションや罫線の使い方が独特で参考になります。
-
https://www.ditjapan.com/
2020-06-17 - detail
- Future Noodles
- 食品のイメージとしては珍しい配色だと思います。
-
https://futurenoodles.com/
2021-05-06 - detail
- 100 DAYS OF POETRY
- 横スクロールとクリック時のアニメーションが綺麗です。
-
https://100daysofpoetry.gallery/
2020-05-10 - detail
- BE.AT TOKYO
- 色数の多いデザインが増えてきたように思えます。
-
https://be-at-tokyo.com/
2020-10-16 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。