ご覧いただきありがとうございます。
スクロールアニメーションや3D表現を取り入れた「動きのあるLP」を、デザインからコーディングまでセットで承ります。
静止画のデザインだけでは伝えきれないブランドの魅力も、動きを加えることで印象に残りやすくなります。
デザインした動きをそのまま実装するので、イメージに近い仕上がりを目指せます。
◆ こんな方におすすめです
・ブランドの世界観を、動きで印象的に伝えたい
・ほかと差がつく、記憶に残るLPを作りたい
・デザインとコーディングをまとめて依頼したい
・3Dやアニメーションを取り入れたいが、どう頼めばいいか分からない
◆ 大切にしていること
1. スクロールに合わせた演出
要素がふわっと現れる、背景が切り替わるなど、読み進めたくなる動きを実装します。
2. 3D・WebGLによる表現
Three.jsなどを使った立体的な表現で、ブランドの印象を強く残します。
3. デザインから実装まで一貫
デザインした動きをそのままコーディングするので、イメージとのズレを抑えられます。
◆ セット料金に含まれるもの(45,000円)
・縦長LP 1ページのデザイン(PC+スマホ・長さ無制限)
・HTML/CSS/JavaScriptでのコーディング(レスポンシブ対応)
・スクロールアニメーションの実装
・3D・WebGL表現の実装(内容により要相談)
・修正回数 無制限(デザイン・実装あわせて)
・納品:Figmaデータ(共有リンク)またはPSDデータ+HTML一式(zip)
※AIデータでの納品には対応しておりません
※サーバーへのアップロード・ドメイン設定は含まれません
◆ 対応できるアニメーション(WebGL・GSAP・Three.js)
・スクロールに合わせて文字や写真がふわっと現れる
・奥行きが出るパララックス、背景の切り替え
・タイトルが1文字ずつ現れる演出
・写真が流れるループ・スライダー
・Three.jsの3Dオブジェクト、マウスに反応する動き
※すべてセット料金に含まれます(3D表現は内容によりご相談)。
◆ 制作の流れ
1. ご相談・お見積り(無料)
2. ご購入・ヒアリング
3. デザイン初稿のご提出(ヒアリング完了から3営業日以内・画像でご提出)
4. デザイン修正・確定
5. コーディング・動きの実装
6. 動作確認・納品
◆ ご購入後にお送りいただくもの
1. LPの目的(問い合わせ・予約・購入・応募など)
2. 商品・サービスの内容と、主なターゲット
3. 参考にしたいサイト(あれば)
4. 原稿・ロゴ・写真素材(ない場合はご相談ください)
5. ご希望のイメージ・色、避けたいこと
6. 動きのイメージ(参考サイトなど)
7. 公開予定日
※ご購入後、トークルームでヒアリングシートをお送りします。分かる範囲でご記入いただければ大丈夫です。
◆ スケジュール
デザイン初稿:ヒアリング完了から3営業日以内
納品:ヒアリング完了から8営業日以内(デザイン5営業日+実装3営業日。3D表現の内容により変わる場合があります)
コーディング実績は、ご相談時にポートフォリオサイトをお見せできます。
まずはお気軽にご相談ください。
・ご購入前に、メッセージにてご相談ください。動きや3D表現の内容によってお見積りが変わる場合がございます。
・テキスト原稿・ロゴ・写真素材は、原則ご支給をお願いします(ない場合はフリー素材で仮組みいたします)。
・デザインのご確認は画像(PNG/JPG)、動きのご確認は画面収録の動画で行います。
・納品はFigmaデータ(共有リンク)またはPSDデータと、HTML一式(zip)です。AIデータでの納品には対応しておりません。
・サーバーへのアップロード・ドメイン設定は含まれません。
・動作確認は、PC(Chrome・Safari・Edgeの最新版)とスマートフォン(iPhone・Androidの標準ブラウザ)で行います。
・修正回数に制限はありません(デザイン・実装あわせて)。修正のご指示は、できるだけまとめてお送りいただけるとスムーズです。
・デザイン確定後の大幅な変更は、追加料金をいただく場合がございます。
・制作物はポートフォリオとして掲載させていただく場合がございます。NGの場合は事前にお知らせください。
【キャンセル・著作権について】
・ヒアリング完了前(制作開始前)のキャンセルは承ります。
・制作開始後のお客様都合によるキャンセルは、お受けしておりません。
・デザイン・コードの著作権は、正式納品・お取引完了をもってお客様へ譲渡いたします。キャンセルとなった場合、ご提出したデザイン・コードのご使用はご遠慮ください。