- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- 株式会社 JR西日本コミュニケーションズ
- 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
-
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11 - detail
- 株式会社フルスケール
- タイトルの表示方法が面白いです。
-
https://fullscale.jp/
2020-11-16 - detail
- Kaleidoz – Value Through Design
- HOMEのキューブ型ナビゲーションが面白いです。
-
https://kaleidozdesign.com/
2020-09-11 - detail
- TeTuhi
- 大胆な配色とレイアウトが参考になります。
-
https://tetuhi.art/
2020-05-11 - detail
- Olivier Gillaizeau — SF Based Creative Director
- マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
-
https://frenchbutnice.design/
2020-05-13 - detail
- NODERIUM ｜アクタスのインテリアグリーン、観葉植物
- コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。
-
https://www.actus-interior.com/noderium/
2020-06-29 - detail
- 社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
- イラストが良いです。
-
http://kodomonooka-nursery.jp/
2020-09-23 - detail
- 福岡県立バーチャル美術館
- トップだけでなく、下層もギミック満載です。
-
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13 - detail
- Atolla | Custom Skincare
- プロダクト含めた全体の雰囲気が素敵です。
-
https://atolla.com/
2021-05-31 - detail
- Home Société | Contemporary Home & Outdoor Furniture
- トレンドのビッグタイポと横スクロールをうまく合わせています。
-
https://homesociete.ca/
2020-05-19 - detail
- BAUM（バウム）
- レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
-
https://www.baumjapan.com/baum/index.html
2020-05-15 - detail
- and株式会社
- お洒落なオリジナル作業着に心を掴まれました。
-
https://www.and-love.com/
2020-08-06 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。