工場夜景クルーズ予約サイト(訓練校修了作品)

OVERVIEW

とある観光船会社による工場夜景のクルーズ予約を目的とした架空サイト

YEAR 2023 - 2023

制作概要

制作時期:2023年9月

制作時間:総計約70時間

制作内容:illustrator/PhotoShopでワイヤーフレーム・デザインカンプ制作後、コーディング、その他ロゴ・写真撮影など。

ページ数:4ページ

サイト構成:トップ / 工場地域の魅力/ 予約フォーム/船内ギフト

使用ツール:VScode、illustrator、PhotoShop、LUMIX DC-G99DH(撮影使用カメラ)

使用スキル:HTML、CSS、JavaScript、jQuery

_____________________________________________________

実装した機能、工夫したこと

・ファーストビュー画像3枚が一定時間でズームしながら切り替わるCSSアニメーションを適用。

・「TOPへ戻る」ボタンを押すと、画面最上部まで移動します。

・文言や画像はスクロールに合わせ、下から上にフワっと表示されます。

・ビジュアルや掲載写真を優先するため、ハンバーガーメニューを採用。メニューには各画面へ遷移するための項目が表示されます。

・工場夜景の写真はクリックするとクイックビューで拡大表示されます。

_____________________________________________________