電光の箱 | Webサイト100選

https://takamiya-100.com/

ひゃくまん焼き 多華味屋のサイト
着物の素材を活用した和小物と、ひゃくまん焼きのビジュアルをトップに置いています。
スクロールすると、ナビゲーション領域の下地の色が白となり、上部に固定表示となります。
ナビのドロワーメニュー以外にメニュー項目は配置しておらず、
各セクションに詳細リンクが置かれています。
また、スクロールにより、ページのコンテンツを下から上へアニメーション表示しています。
使われている文字のサイズが控え目で、文字による印象は弱めとなっており、
イメージ画像とのバランスが図られています。

https://halo-cafe.com/

古民家カフェ HALO CAFE YUZURIO のサイト
カフェの外観イラストとロゴを表示した後に、トップページへと移行します。
ぼやけた状態から鮮明に、トップ画像→タイポグラフィ→ナビゲーションと
順にビジュアルを表示していきます。
アニメーションする”ABOUT”セクションの文章、吹き出しの表示の入りがユニークで、
“MENU”内コンテンツや”ACCESS”より下にある表示枠もアニメーションにより表示されています。
メインビジュアルのワイルドなタイポグラフィや野営中の画像など、
店舗がアウトドアリゾート内に併設されていることもアピールされています。
トップ画像のズームアウトする動きは長めになっています。

https://www.generalleclerc-shigeru.com/

泉山果樹園 ゼネラル・レクラークしげるのサイト
アクセスすると、黒背景に洋梨の果樹イラストのローディングアニメーションを表示します。
トップ画面は、背景の黒はそのままに、梨の型のシェイプのビジュアルの上に
粗めの筆で書いたようなスクリプト体とローマン体の大きなタイポグラフィを重ねた造りです。
スクロールすると、梨の型のシェイプが拡がり個性的なメインビジュアルが現れます。
さらにページを下に進めると、梨の樹のビジュアルが左側で固定される”HISTORY”、
斜めに切ったイメージ画像、左右交互に配置替えされた”PRODUCTS”のセクションなどがあります。
使われている文字、イメージなどにこだわりを感じます。
黒と白をベースに、洋梨をイメージした黄系色でデザインされています。