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 offseasoncreative.com
Off Season Creative
しっかり区切られているレイアウトが、最近の個人的な好みです。
https://offseasoncreative.com/
2020-08-11
detail
Screenshot of nesting.me
NESTING
PCのメニューがスクロールで横積みに変わるのが面白いです。
https://nesting.me/
2022-10-07
detail
Screenshot of tr.you84815.space
にほんご。
ライブラリやツールの英語ドキュメントを日本語に翻訳してくれています。
https://tr.you84815.space/
2020-07-31
detail
Screenshot of www.toei.co.jp
ACTION!
全方向スクロールで作るデザインが面白いです。
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04
detail
Screenshot of www.stellaachenbach.com
Stella Achenbach
文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
https://www.stellaachenbach.com/
2020-06-01
detail
Screenshot of kovalweb.com
Koval Web
ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
https://kovalweb.com/
2020-11-16
detail
Screenshot of otonamuse.jp
オトナミューズ ウェブ
カラーリングと写真のレイアウトが素敵です。
https://otonamuse.jp/
2021-11-18
detail
Screenshot of tetuhi.art
TeTuhi
大胆な配色とレイアウトが参考になります。
https://tetuhi.art/
2020-05-11
detail
Screenshot of third-design.jp
THIRD CO., LTD. | Branding Agency
成果物がユニークです。
https://third-design.jp/
2020-07-21
detail
Screenshot of isai-inc.co.jp
isai Inc.
NEW WORKSを90度回転させて並べているところに新しさを感じました。
https://isai-inc.co.jp/
2020-05-13
detail
Screenshot of emilieholstkoch.com
emilieholstkoch
自分にはない世界観なので参考になります
http://emilieholstkoch.com/
2020-05-25
detail
Screenshot of www.reed.be
Reed, une agence pour votre stratégie digitale
最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
https://www.reed.be/
2020-06-26
detail

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