老舗宿 灯屋迎帆楼のサイト
トップページのナビゲーションはスライド分スクロールすると、
覆い被さるように別デザインのナビが追従するようになります。
他のページではこのナビが最初から追従しています。
画面を大きく使ったデザインです。
英語表記版のページも別に用意されています。
- カテゴリー別アーカイブ ブランディングサイト
-
-
#043 八屋 HACHIYA
日本茶スタンドカフェ 八屋のサイト
メインビジュアルは背景画像の位置をビューポートの中に固定し
TweenMaxでアニメーションさせています。
要素のサイズに合わせて背景画像を設置するbackstretch、
画面のスクロール位置に応じて必要な分だけ画像を取得する
遅延ロードライブラリLazyLoad、アニメーションさせるinview、
文字詰めのFLAutoKerningなどが使用されています。
また、Instafeedで写真を動的に配置しています。
ファーストビュー右下のドロワーメニューのボタンは
マウスオーバーでアクションします。
-
#040 猫のおふくちゃん
猫のおふくちゃんのサイト
スクロールに伴い、サイト閲覧者が
「おばあちゃん」「おふくちゃん」と一緒にページを見ていく演出です。
ページトップボタンは大きくアニメーションし、インパクトがあります。
