Screenshot of setouchi-architourism.com
SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03

デザイン・アート 不動産・建築 のデザイン参考サイト
「 SETOUCHI ARCHI-TOURISM 」

SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03

全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。

back
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail
Screenshot of katiforner.com
Kati Forner – Welcome
丸いメニューと写真のレイアウトがおしゃれです。
https://katiforner.com/
2020-05-10
detail
Screenshot of nesting.me
NESTING
PCのメニューがスクロールで横積みに変わるのが面白いです。
https://nesting.me/
2022-10-07
detail
Screenshot of mav.farm
Mav Farm™
WebGLの使い方がすごいです。
https://mav.farm/
2020-07-16
detail
Screenshot of unit-studio.ru
Производство модульных павильонов из морских контейнеров
建物のデザインとサイトデザインがマッチしているように感じます。
https://unit-studio.ru/
2020-09-08
detail
Screenshot of studio-has.jp
STUDIO HAS – スタジオ・ハス
余白やレイアウトがとても綺麗です。
https://studio-has.jp/
2020-07-03
detail
Screenshot of www.addculture.com
Add Culture +
棒グラフがおしゃれです。
https://www.addculture.com/
2021-02-01
detail
Screenshot of www.broom-studio.com
broom inc.
ProjectsやAboutのアニGIFが効いていて良いです。
https://www.broom-studio.com/
2020-08-04
detail
Screenshot of www.marvinschwaibold.com
Marvin Schwaibold
ALL WORKの見せ方が面白いです。
https://www.marvinschwaibold.com/
2020-08-19
detail
Screenshot of www.aquarium.ru
Aquarium’s Very Own Home Page
世界観と技術レベルが高いサイトです。
https://www.aquarium.ru/en
2020-07-13
detail
Screenshot of kutanism.com
KUTANism 石川県小松市・能美市 産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of wota.co.jp
WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
https://wota.co.jp/wosh/
2020-07-15
detail

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。