Cleopatra様 赤坂クラブLPサイト

担当範囲 | コーディング |
---|---|
制作期間 | 1週間 |
使用ツール | HTML/CSS、jQuery、Sass、Gulp |
依頼者 | Cleopatra様 |
サイトURL | https://cleopatratokyo.jp/ |
※デモサイトのユーザー名:lemomo、パスワード:lemomo
サイトのご紹介
クライアント様よりデザイン及び素材をご提供いただきまして、LPサイトの実装を担当させて頂きました。
ドメイン/サーバー関係は苦手だったようで、アップロードや各種設定のお手伝いなどもやらせて頂きました。
フォーマルなお店の雰囲気を表現したサイトデザインでしたので、アニメーションなどの動きの装飾は最低限に絞りローディングアニメーションのみ実装しました。
ローディング後は上下にウィンドウが開く動きを採用し、店内に足を運ぶ雰囲気を少しでも感じられればと実装でアレンジさせて頂きました。
とにかくサイトデザインが素晴らしく、他にはないLPサイトに仕上がりました!
実装機能のご紹介
★ローディングアニメーション
お店のロゴを使用し、動きは控えめなローディング画面に仕上げました。
★ローディング後の画面遷移
ローディングが終わると上下にウィンドウが開く動きでサイトのコンテンツが表示されます。
ローディング画面とこの画面遷移の動きがあるだけでサイトのかっこよさが何倍にもアップします。