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 branche-chocolat.jp
BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
#至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
https://branche-chocolat.jp/
2020-09-11
detail
Screenshot of matter-of-mind.fr
MØM
最近、背景のノイズ感が目につくようになりました。
https://matter-of-mind.fr/en/
2020-10-06
detail
Screenshot of getsuperfluid.com
Superfluid | Products are tools, we are beauty
詳細ページのアイコンやマーキーなどがサイト全体にあっています。
https://getsuperfluid.com/
2020-07-22
detail
Screenshot of hyakunen.com
Consulente HYAKUNEN
レイアウトが面白いです。
http://hyakunen.com/
2020-12-21
detail
Screenshot of peakzone.jp
PEAKZONE
「もしかしてピークゾーン?」部分のSVGアニメーションの使い方が良いです。
https://peakzone.jp/
2020-06-09
detail
Screenshot of soles-gaufrette.com
SOLES GAUFRETTE | バターゴーフレット専門店
色や写真の使い方が海外サイトのようです。
https://soles-gaufrette.com/
2020-08-04
detail
Screenshot of www.impact.compassion.com.au
Your 2021 Neighbourly Impact
全体の雰囲気がすごく好みです。
https://www.impact.compassion.com.au/
2022-01-07
detail
Screenshot of be-at-tokyo.com
BE.AT TOKYO
色数の多いデザインが増えてきたように思えます。
https://be-at-tokyo.com/
2020-10-16
detail
Screenshot of www.wildsouls.gr
Wild Souls
ロゴに合わせたイラストが素敵です。
https://www.wildsouls.gr/en/
2021-02-26
detail
Screenshot of umami-ware.com
Umami Ware
MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか?
https://umami-ware.com/
2020-06-29
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of www.kingjim.co.jp
「テプラ」PRO用アプリ「Hello」
画像の拡大表現が面白いです。
https://www.kingjim.co.jp/sp/hello/
2020-10-28
detail

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