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 www.museum-kawakyu.jp
川久ミュージアム | 和歌山県南紀白浜に浮かぶ美術館
日本とは思えない外観と、サイトの見せ方が良い組み合わせです。最後に現れる「宿泊」に非常に興味を持ちました。
https://www.museum-kawakyu.jp/
2020-07-03
detail
Screenshot of www.azusasekkei.co.jp
建築に、温度を。|梓設計
KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
https://www.azusasekkei.co.jp/
2020-05-13
detail
Screenshot of saison2020-21.opera-lyon.com
Reflection – Une expérience de l’Opéra de Lyon
写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
https://saison2020-21.opera-lyon.com/
2020-07-21
detail
Screenshot of newview.design
NEWVIEW
この騒がしさが今の気分です。
https://newview.design/
2020-08-21
detail
Screenshot of rej-inc.co.jp
REJ株式会社
KVの動きが細かく、面白いです。
https://rej-inc.co.jp/
2020-05-18
detail
Screenshot of tebiyamaya.com
手火山家(てびやまや)河文伝承
自分ではやらないようなヘッダーレイアウトだったので参考になります。
https://tebiyamaya.com/
2020-07-17
detail
Screenshot of www.providerstore.com.au
Provider Store
日本らしさと海外のような雰囲気とが混ざっており素敵です。
https://www.providerstore.com.au/
2021-02-16
detail
Screenshot of studio-has.jp
STUDIO HAS – スタジオ・ハス
余白やレイアウトがとても綺麗です。
https://studio-has.jp/
2020-07-03
detail
Screenshot of sisi.tokyo
SISI
メニューのフォントサイズやアイコンなどの大きさの変化に慣れてきた気がします。
https://sisi.tokyo/
2021-01-21
detail
Screenshot of agreen.tokyo
A Green|Greenery Scent Architecture & Design
レイアウトとコーディングの関係が美しいです。
https://agreen.tokyo/
2020-05-09
detail
Screenshot of herb-to-galette.com
ハーブとガレット
遠近感のある植物の配置が素敵です。
https://herb-to-galette.com/
2020-07-21
detail
Screenshot of storywriter.tokyo
StoryWriter | ストリートを愛するカルチャー・マガジン
SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
https://storywriter.tokyo/
2020-06-24
detail

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