老舗宿 灯屋迎帆楼のサイト
トップページのナビゲーションはスライド分スクロールすると、
覆い被さるように別デザインのナビが追従するようになります。
他のページではこのナビが最初から追従しています。
画面を大きく使ったデザインです。
英語表記版のページも別に用意されています。
-
-
#044 廣榮堂 採用サイト
きびだんご・菓子メーカー 廣榮堂の採用サイト
メインビジュアルの背景は、YouTube動画の背景再生を設定できる
プラグインYTPlayerを使用しています。
ロゴ、メニューをはじめ文字の縦書きが随所にレイアウトされています。
このサイトは、各パートごとに一画面大きく使う構成になっていて、
右側ページャーやスクロールで次に進めます。
-
#043 八屋 HACHIYA
日本茶スタンドカフェ 八屋のサイト
メインビジュアルは背景画像の位置をビューポートの中に固定し
TweenMaxでアニメーションさせています。
要素のサイズに合わせて背景画像を設置するbackstretch、
画面のスクロール位置に応じて必要な分だけ画像を取得する
遅延ロードライブラリLazyLoad、アニメーションさせるinview、
文字詰めのFLAutoKerningなどが使用されています。
また、Instafeedで写真を動的に配置しています。
ファーストビュー右下のドロワーメニューのボタンは
マウスオーバーでアクションします。