- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- 社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
- イラストが良いです。
-
http://kodomonooka-nursery.jp/
2020-09-23 - detail
- CreativeCrew
- スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
-
https://partners.cpeople.ru/en/
2020-07-08 - detail
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- Bornstein LyckeforsBornstein Lyckefors
- ヘッダーの表現が好みです。
-
https://bornsteinlyckefors.se/
2022-04-04 - detail
- Mav Farm™
- WebGLの使い方がすごいです。
-
https://mav.farm/
2020-07-16 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
- FIL – SUMI LIMITED
- 細かいところまでアニメーションが計算されているように感じます。
-
https://sumi.fillinglife.co/
2020-07-29 - detail
- となりのカインズさん | ホームセンターを遊び倒すメディア
- ホームセンターのマガジンです。
-
https://magazine.cainz.com/
2020-07-21 - detail
- Stella Achenbach
- 文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
-
https://www.stellaachenbach.com/
2020-06-01 - detail
- SHUTDOWN.gallery
- webサイトとは思えないほどのリアリティです。
-
https://shutdown.gallery/
2020-05-14 - detail
- sketchbook
- グリッドで制作するときの参考にクリップしています。
-
http://sketchbook.kr/
2020-05-25 - detail
- 株式会社マバタキ
- 見たことのある実績が並んでいます。
-
https://mabataki.jp/
2020-10-16 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。