WEB制作お見積り
簡単なアンケートにお答えいただくだけで、お客様に最適なプランをご提案いたします
なぜLogTechのWEB制作が選ばれるのか
最新技術によるデザイン力、低価格の実現、クオリティの高さ
超高速・モダンサイト
ASTROベースで構築。WordPressの3倍以上の表示速度で、ユーザー体験を大幅改善
SEO対策完備
Google検索で上位表示されるための最新SEO対策を標準装備
オリジナルデザイン
テンプレートではない、お客様だけのブランドに合ったデザインを制作
簡単更新CMS
専門知識不要で簡単に更新できるCMSをご用意
技術的なメリット
表示速度の大幅改善
ページ読み込み時間を50-80%短縮し、ユーザー離脱率を削減
セキュリティ強化
最新のセキュリティ対策で、ハッキングやデータ漏洩を防止
モバイル最適化
スマートフォン・タブレットでも完璧に表示されるレスポンシブデザイン
アクセシビリティ対応
障害のある方にも使いやすいサイト設計で、より多くのお客様にアクセス
ビジネスメリット
集客力の向上
SEO対策により検索順位が向上し、新規顧客の獲得が増加
ブランドイメージ向上
プロフェッショナルなサイトで信頼性とブランド価値を向上
運用コスト削減
CMSにより更新作業を内製化し、長期的な運用コストを削減
競合他社との差別化
最新技術とデザインで競合他社との差別化を実現
料金プラン
お客様のニーズに合わせて4つのプランをご用意しております
ランディングページ
キャンペーン・プロモーション向け
制作内容
ランディングページ1ページ
- レスポンシブデザイン
- カスタムデザイン
- SEO基本設定
- SEO最適化
- お問い合わせフォーム
- SSL証明書設定
- パフォーマンス最適化
- ライティングサポート込み
管理費: 3万円/年
- ドメイン・サーバー管理
- メールアドレス作成
- 軽度な更新作業
- セキュリティ対策
- 基本サポート
スタートアッププラン
個人事業主・小規模事業者
制作内容
トップページ、会社概要、お問合せページ
- レスポンシブデザイン
- カスタムデザイン
- SEO基本設定
- SEO最適化
- お問い合わせフォーム
- SSL証明書設定
- パフォーマンス最適化
管理費: 3万円/年
- ドメイン・サーバー管理
- メールアドレス作成
- 軽度な更新作業
- セキュリティ対策
- 基本サポート
スタンダードプラン
中小企業・成長企業
制作内容
トップページ、会社概要、お問合せページ + 6ページ
- レスポンシブデザイン
- カスタムデザイン
- SEO基本設定
- SEO最適化
- お問い合わせフォーム
- SSL証明書設定
- パフォーマンス最適化
管理費: 3万円/年
- ドメイン・サーバー管理
- メールアドレス作成
- 軽度な更新作業
- セキュリティ対策
- 基本サポート
プレミアムプラン
大企業・特殊要件のあるプロジェクト
※工数によって変わります。個別見積りとなります。
制作内容
完全オーダーメイド設計
- 特殊なオリジナリティのあるデザイン
- 完全カスタム開発
- 高度なアニメーション実装
- 独自システム開発
- API連携・外部システム連携
- 高度なSEO最適化
- パフォーマンス最適化
- 専任ディレクター対応
管理費: 個別相談
- 専用サーバー管理
- 24時間監視体制
- 優先サポート
- 定期的なシステム更新
- 専任エンジニア対応
オプションサービス
より充実したサイト制作のためのオプションをご用意
ライティングサポート
コンテンツの文章作成
- キャッチコピー作成
- サービス紹介文
- 会社概要文
- SEOライティング
ロゴ・名刺制作
ブランドイメージを統一したデザイン制作
- オリジナルロゴデザイン
- 名刺デザイン
- ブランドカラー設定
- デザインガイドライン
CMSカスタマイズ
お客様自身で簡単に更新できるシステム
- 直感的な管理画面
- ページ更新機能
- ブログ投稿機能
- 画像管理機能
- お知らせ管理
急ぎプラン
通常より短納期での制作をご希望の場合
- ランディングページ: 3万円、打合せ後2週間以内
- スタートアッププラン: 3万円、打合せ後2週間以内
- スタンダードプラン: 6万円、打合せ後1ヶ月以内
- 優先対応による迅速な制作
- 品質は通常通り保証
CMSとは？
CMSがあると何ができるの？
専門知識不要で更新
WordやExcelのような感覚で、誰でも簡単にサイトを更新できます
いつでも更新可能
営業時間外でも、思い立った時にすぐに情報を更新できます
更新費用の削減
毎回業者に依頼する必要がなく、ランニングコストを大幅に削減
具体的にできること
お知らせ・ニュース更新
新商品情報やキャンペーン情報をリアルタイムで発信
ブログ投稿
SEO効果の高いブログ記事を自由に投稿
画像・写真の差し替え
商品写真やスタッフ写真を簡単に更新
営業時間・料金変更
営業時間や料金表の変更もすぐに反映
魅力的なアニメーションで差別化
最新のアニメーション技術で、お客様のサイトをより魅力的で印象的なものにします
実装可能なアニメーション
GSAP（GreenSock）アニメーション
プロフェッショナルなアニメーションライブラリ
- • スクロールに連動した要素のフェードイン
- • テキストのタイピング効果
- • 数値のカウントアップアニメーション
- • パララックス効果（背景と前景の動きの違い）
- • ホバー時の滑らかな変形効果
Three.js 3Dアニメーション
3Dグラフィックスで印象的な背景
- • 浮遊する3Dオブジェクト
- • インタラクティブな3D背景
- • パーティクルシステム（粒子効果）
- • 3Dテキストアニメーション
- • マウス追従の3D効果
CSSアニメーション
軽量で高速なCSSベースのアニメーション
- • ボタンのホバーエフェクト
- • カードの浮き上がり効果
- • ローディングスピナー
- • グラデーションの変化
- • スムーズなトランジション
インタラクティブ・マウス連動
ユーザー操作に反応する感動的な演出
- • マウスカーソルに追従する光の軌跡
- • クリック時の波紋エフェクト
- • マウスホバーで要素が磁石のように引き寄せられる
- • スクロール位置に応じて変化する背景色
- • 視線追跡風のアイコンアニメーション
モーフィング・変形アニメーション
形や色が流動的に変化する美しい演出
- • ロゴが別の形に滑らかに変形
- • メニューアイコンが×ボタンに変化
- • 背景のブロブ（有機的図形）がゆらゆら変形
- • テキストが別のテキストにモーフィング
- • 色彩がグラデーションで流れるように変化
マイクロインタラクション
細部にこだわった感動を生む小さなアニメーション
- • ボタン押下時の弾むような反応
- • フォーム入力時のリアルタイム検証アニメーション
- • いいねボタンのハート爆発エフェクト
- • スイッチのオン・オフ切り替えアニメーション
- • 成功時の緑のチェックマーク描画
パーティクル・物理演算
自然な動きで魅力的な視覚体験を提供
- • 桜の花びらが風に舞い散る演出
- • 雪の結晶がゆっくりと降り積もる背景
- • クリック時に火花が飛び散るエフェクト
- • 重力に従って落下するオブジェクト
- • 泡がふわふわと浮上するアニメーション
シネマティック・ストーリーテリング
映画のような演出でブランドストーリーを表現
- • 画面全体を使ったパノラマ展開
- • タイムライン形式の会社沿革アニメーション
- • 商品の製造工程を動画風に表現
- • ズームイン・アウトによるストーリー展開
- • カメラワークを意識したシーン切り替え
アニメーションの効果
ユーザー体験の向上
動きのある要素により、サイトが生き生きと感じられ、ユーザーの興味を引きつけます。静止画よりも情報が伝わりやすくなります。
ブランドイメージの強化
洗練されたアニメーションは、お客様のブランドの先進性とプロフェッショナルさを表現します。
競合他社との差別化
一般的なテンプレートサイトにはない、オリジナルのアニメーションで差別化を実現します。
情報の視覚化
複雑な情報もアニメーションで分かりやすく表現し、理解度を向上させます。
滞在時間の延長
魅力的なアニメーションにより、ユーザーがサイトに長く滞在し、コンバージョン率が向上します。
具体的なアニメーション例
スクロールアニメーション
ページをスクロールすると、要素が順番にフェードインして表示されます
ホバーエフェクト
マウスを乗せると要素が浮き上がったり、色が変化したりします
3D背景効果
立体的な背景で、サイトに深みと動きを与えます
制作フロー
お客様との密接なコミュニケーションで、理想のサイトを制作いたします
初回打合せ
デザインの方向性、サイト構成、ご要望などを詳しくお聞かせください。
打合せ内容
- サイトの目的とターゲット
- デザインイメージの確認
- 必要な機能の洗い出し
- 納期と予算の調整
所要時間：約1時間
デザインの確認
打合せ内容を基に作成したデザインを確認していただきます。
確認内容
- デザインの全体的な方向性
- カラーパレットの確認
- レイアウトの構成
- 修正点の洗い出し
期間：1週間～2週間
ご入金
デザイン確認後、制作費用のお支払いをお願いいたします。
入金確認後、作業開始
作業開始
デザインを基に、実際のサイト制作を開始いたします。
制作内容
- HTML/CSSコーディング
- JavaScript実装
- レスポンシブ対応
- SEO最適化
- 確認事項などの連絡は随時致します
期間：2週間～4週間
最終調整確認
完成したサイトの最終確認を行い、必要に応じて調整いたします。
確認内容
- 全ページの動作確認
- レスポンシブ表示の確認
- リンク切れのチェック
- 最終的な修正調整
最終確認と調整
納品
完成したサイトを納品し、運用開始のお手伝いをいたします。
納品内容
- 完成したサイトファイル
- 運用マニュアル
- 管理画面の操作方法
- 今後のサポート体制のご説明
サイト完成・運用開始
簡単見積
以下の項目を選択するだけで、お客様に最適なプランと概算お見積りを即座に算出いたします
簡単見積で最適なプランを見つけましょう
無料でお見積りを取得できます