- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- UNIEL ltd. RECRUIT SITE Second Face
- なんとなく気になってしまいました。雑誌のような感覚で読み進めてしまう不思議な魅力です。
-
https://recruit.uniel.jp/
2020-06-22 - detail
- 株式会社 JR西日本コミュニケーションズ
- 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
-
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11 - detail
- Snazzy Maps – Free Styles for Google Maps
- googlemapのカスタマイズが一覧で表示されていて便利です。
-
https://snazzymaps.com/
2020-06-16 - detail
- Eight 8/8/8th Anniversary
- オープニングの数字のスクロールが素敵です。
-
https://materials.8card.net/product/888/
2020-09-17 - detail
- MIDORI.so | みどり荘
- FVのデザインが面白いです。
-
http://midori.so/
2020-10-09 - detail
- 植物の生命力を肌へ｜BOTANIST SKINCARE EVER
- 背景と画像のシャドーの関係性が良いです。
-
https://botanistofficial.com/special/skincare_ever/
2020-08-11 - detail
- Olivier Gillaizeau — SF Based Creative Director
- マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
-
https://frenchbutnice.design/
2020-05-13 - detail
- Hyper Tria
- 動かない動画が面白いです。
-
https://hypertria.com/
2021-11-04 - detail
- Moooi
- コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
-
https://www.moooi.com/en/a-life-extraordinary
2020-05-22 - detail
- アルパカ as こだわり綿棒
- FVのインパクトが素敵です。
-
https://www.sa-n-yo.co.jp/kodawari/
2020-11-24 - detail
- Consulente HYAKUNEN
- レイアウトが面白いです。
-
http://hyakunen.com/
2020-12-21 - detail
- 新卒採用：日立インダストリアルプロダクツ
- ボトムに固定されたテキストが今風で素敵です。
-
https://www.hitachi-ip.co.jp/recruit/newgraduate/
2020-05-09 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。