- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- 株式会社マバタキ
- 見たことのある実績が並んでいます。
-
https://mabataki.jp/
2020-10-16 - detail
- Latitude – Latitude is a publication that’s as multi-faceted as you are
- ワイヤーのようなボタンやレイアウトが印象的です。
-
https://explorelatitude.com/
2020-07-27 - detail
- ゴルフウェア&ゴルフグッズ【ピージージー】
- KVの写真の見せ方が面白いです。紙のルックブックを見ているようです。
-
https://store.tsigs.com/pgg/
2020-05-15 - detail
- oniguili
- レイアウトが素敵です。
-
https://www.oniguili.jp/
2021-05-07 - detail
- Draw all roads in a city at once
- 出力される地図がお洒落に見えます。
-
https://anvaka.github.io/city-roads/
2020-09-30 - detail
- 金平堂(KONPEIDOU)−おしゃれな金平糖。プチギフトや引出物、粗品に。香料不使用。
- とにかくロゴが好みです。
-
http://konpeidou.jp/
2020-05-09 - detail
- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- SHUTDOWN.gallery
- webサイトとは思えないほどのリアリティです。
-
https://shutdown.gallery/
2020-05-14 - detail
- Sennep – Digital product studio
- 独特のイラストが好みです。
-
https://www.sennep.com/
2020-11-09 - detail
- 天水福祉事業会
- 「リンクを強調する」というスイッチ、初めて見ます。
-
https://tensui.or.jp/
2020-10-09 - detail
- 互助交通
- テキストの上にのったマテリアルで雰囲気が出ています。
-
https://ninjo.gojyo-taxi.com/
2020-05-09 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。