- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- 永久×バレット 公式サイト | TOKOSHIE×BULLET Official Site
- 様々な技術が上手く纏まっています。
-
https://tokoshie-bullet.com/
2020-09-08 - detail
- 三菱一号館美術館の10年
- 「ロゴデザインのゆくえ」というコンテンツが素敵です。
-
https://10th.mimt.jp/pc.html
2020-07-22 - detail
- Fontworks｜フォントワークス
- 実績にフォント名が記載されているのでデザイナーとして興味深いです。
-
https://fontworks.co.jp/
2020-05-25 - detail
- UNIEL ltd. RECRUIT SITE Second Face
- なんとなく気になってしまいました。雑誌のような感覚で読み進めてしまう不思議な魅力です。
-
https://recruit.uniel.jp/
2020-06-22 - detail
- kinokoakari
- 単純に欲しいです。
-
https://kinokoakari.com/
2020-10-15 - detail
- 田邑嘉浩｜HIRO.LONDON｜GARDEN ARTIST — HIRO.LONDON
- WORKS詳細ページのUIが新しいです。
-
https://hiro.london/jp/
2020-07-29 - detail
- Polly Kole Art portfolio
- とにかく世界観と技術レベルが高いです。好みです。
-
https://pollykole.com/
2020-05-20 - detail
- SND
- サイトも音も素敵です。
-
https://snd.dev/
2022-03-15 - detail
- Olivier Gillaizeau — SF Based Creative Director
- マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
-
https://frenchbutnice.design/
2020-05-13 - detail
- 株式会社 JR西日本コミュニケーションズ
- 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
-
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11 - detail
- Atolla | Custom Skincare
- プロダクト含めた全体の雰囲気が素敵です。
-
https://atolla.com/
2021-05-31 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。