案件チャレンジ企画
デイトラ様のコーディングチャレンジ企画になります。1文字づつ色が変わるアニメーションや画像が扉になるようなアニメーションを実装しました。
- HTML
- SCSS
- JS
- GSAP
デザインをカタチに「レスポンシブ対応も、ひとつひとつ丁寧に。」「レスポンシブ対応も、
ひとつひとつ丁寧に。」
制作実績
productsLP制作物
架空サイト「Day-Maga」
デザインデータ(Figma)を元に、レスポンシブ込みのコーディングを担当。ファーストビューはスライドで中央の画像が”アップする”アニメーションを加えております。
- HTML
- SCSS
- JS
架空サイト「onomichi」
デザインを基にコーディングを担当。オートスライダーとアコーディオンを実装し、動きがあるLPに仕上げました。
- HTML
- SCSS
- JS
- GSAP
架空サイト「aroutech」
AIプラットフォーム企業を想定し、「スピード感」「正確さ」を感じられるよう、アコーディオン開閉速度を調整しました。企業の雰囲気に合う動きになるよう意識して実装。
- HTML
- SCSS
- JS
架空サイト「AI-platform」
レスポンシブ対応込みのコーディングを担当。デザインデータ(Figma)を元に、アコーディオンとタブ切り替え機能をJavaScriptで実装しました。
- HTML
- SCSS
- JS
架空サイト「MELIA FITNESS」
デザインを元に、パーソナルジムのLPをコーディング。各セクションのメリハリとスクロールで読み進めやすい構成を意識し、レスポンシブ対応で実装しました。
- HTML
- SCSS
架空サイト「Garden Salad」
デザインを元にコーディングを担当。スクロールに合わせたパララックスの視差効果を実装し、写真の印象が際立つLPに仕上げました。
- HTML
- SCSS
- JS
架空サイト「ナノバルブ水素水」
水素水のLPをデザインカンプを元にコーディングしました。
- HTML
- SCSS
- JS
ワードプレス制作物
架空サイト「CAFE」
デザインデータ(Figma)を元に、WordPress構築とレスポンシブ対応のコーディングを担当。メニュー更新など日々の運用がしやすい構成を意識しています。
- HTML
- SCSS
- JS
- PHP
架空サイト「歯科クリニック」
デザインカンプを元に、コーディング/ワードプレス構築を担当いたしました。
- HTML
- SCSS
- JS
- PHP
架空サイト「global standard」
デザインを元に、企業サイトをWordPressで構築。更新しやすい管理画面と、レスポンシブ対応のコーディングを担当しました。
- HTML
- SCSS
- JS
- PHP
よくある質問
FAQ営業時間はありますか？
現在、副業として活動しているため夜の時間帯(8～23時)に対応しております。
そのため、ご返信までに少々お時間をいただく場合がございますが、日中にいただいたご相談には当日中に必ず返信いたします。
また、23時以降のお問い合わせにつきましては、翌日のご返信になる可能性がございます。あらかじめご了承ください。
依頼するにあたって必要な物はありますか？
現在、デザインの制作には対応しておらず、そのため、ご依頼の際はデザインカンプのご用意をお願いいたします。
対応形式は Adobe XD、Figma など柔軟に対応可能ですので、お気軽にご相談ください。
料金設定はどのようになっていますか？
ただいま実績づくりプランとして、1ページ3,000円で制作しています（上限5ページまで対応）。
6ページ以上のご依頼は内容に応じてご相談となります。
また、WordPressでの構築は1ページあたり8,000円(コーディング・WordPress化込み)で対応しております。
ご不明な点がございましたら、お問い合わせページよりお気軽にご相談ください
※今だけの特別価格で、今後は改定予定です。
対応できる業務範囲は？レスポンシブ対応も可能？
主に LP制作（静的サイト） と WordPress構築 を中心に対応しています。
コーディングは HTML / CSS(SCSS) / JavaScript / アニメーションの実装が可能です。また、スマホ・タブレット表示にも標準で対応（レスポンシブ対応込み） となっておりますので、
追加費用なしで全デバイスに最適化されたサイトを制作いたします。
Zoomやチャットでの打ち合わせは可能ですか？
可能です。
お客様のご都合に合わせてZoomやチャットでの打ち合わせにも対応いたします。
ご希望のツールや時間帯がございましたら、遠慮なくお知らせください。
修正対応は可能ですか？
軽微な修正（文言・色調整など）は無料で対応いたします。
大きな構成変更や追加ページが必要な場合は、別途お見積りとなります。
内容に応じて柔軟に対応いたしますので、お気軽にご相談ください。
納期の目安を教えてください。
LP（1ページ）の場合は、デザインデータをいただいてから約1〜2週間ほどで納品可能です。
ページ数やアニメーションの有無により変動しますので、詳細はお打ち合わせ時にご相談ください。
納品形式はどうなりますか？
コーディングのみの場合は、HTML/CSS/JavaScriptファイル一式を納品いたします。
WordPress構築の場合は、動作確認用のテスト環境をご用意し、納品後はデータ移行までサポートします。
また、ご希望があれば、サーバーへのアップロードや公開作業まで対応可能です。
お問い合わせ
contactご相談・お見積りは無料です！小さなご相談も大歓迎サイトに関するお悩み、ご希望などお気軽にご相談ください。
