案件実況中継

IT関連/セミナー特設ページ/1ページのコーディングを納品しました

CODING BEARでお手伝いさせて頂いたコーディング代行についてのコーディング案件の内容速報です。
jQueryをはじめとしたJavaScriptインタラクション、ギミックの実装やWordpress(WP)、Movable Type(MT)のカスタマイズなど、仕様やPRポイントをご紹介しています。
CODING BEARに案件をご依頼、ご相談頂く際の参考にお役立て頂けましたら幸いです。

2018.11.07

みなさん、こんにちは。アポロンです！ご依頼いただいていた、ランディングページのコーディング案件を納品しました！

コーディング代行ご依頼内容

・ランディングページコーディング　1ページ
・レスポンシブ対応（スマートフォン）
・Javascript実装 5点
→パララックス
→モーダルウィンドウ
→スクロール時、ヘッダー制御

担当スタッフ

プランナー
- RYOTA.K

この案件のPRポイント

セミナーぺーじのため、スピーカー様(登壇者)の紹介ブロックがございました。
全ての要素を表示してしまうとページが長くなりすぎてしまうので、
各サムネイルをモーダルウィンドウで表示させました。
モーダル内の要素もページのhtmlではなく、各外部html(01modal.html、02modal.htmlのように)ファイルで管理しました。

背景のパララックスは多様な三角形がスクロールに合わせて動くというもので、
三角形の1つ1つのスピードをずらすことで視差効果を実現しました。
このスピードの調整が続き大変でございましたが、最後はクライアント様にご満足頂ける内容となりました。

この度はコーディングベアにご依頼くださり、誠にありがとうございました。　