BEMの依頼・発注・代行

HTML/CSSコーディング・WordPress対応｜保守しやすいサイト制作

このようなお悩みはありませんか？

「デザイン通りにWebサイトが再現されない」「スマートフォンで表示が崩れてしまう」「更新しづらく、後から修正しにくい」といったお悩みはありませんか？

HTML/CSSを用いたコーディングやレスポンシブ対応、WordPressサイト制作を通して、見た目だけでなく運用のしやすさも意識したWebサイト制作を行っています。

対応範囲・価格

■ ベーシックプラン：10,000円〜

【下層ページ 1ページのコーディング】

対応内容: HTML5 / CSS3（Sass） / jQuery

詳細:

既存サイトへのページ追加や、シンプルな下層ページ1枚の制作に。

ハンバーガーメニューやスライダーなどの軽微なjQuery実装を含みます。

納期目安：3日程度

※LP（ランディングページ）など、縦に長いページは別途お見積りとなります。

■ スタンダードプラン：30,000円〜

【小規模サイト（3ページ程度）のコーディング】

対応内容: トップページ ＋ 下層2ページ程度

詳細:

共通パーツ（ヘッダー・フッター等）を効率化し、サイト全体の統一感と保守性を保ったコーディングを行います。

デザインカンプに忠実な再現をお約束します。

納期目安：7日程度

■ プレミアムプラン：80,000円〜

【WordPress自作テーマ構築（HTML制作込）】

対応内容: コーディング（5ページ程度まで） ＋ WordPress化

詳細:

静的ページ制作からWordPressへの組み込みまで一貫して対応します。

自作テーマとして構築するため、不要なプラグインを抑えた軽量で管理しやすいサイトを実現します。

お知らせ更新機能、カスタム投稿、お問い合わせフォームの実装なども含みます。

納期目安：14日程度

納期

プロジェクト内容による（要相談）

ご依頼から納品までの流れ

1. お問い合わせ・ヒアリング
   デザインカンプ（Figma/XD等）を拝見し、アニメーションの挙動や納期を確認させていただきます。この際、最適なプランと明確なお見積りをご提示します。

2. ご契約・制作開始
   内容にご納得いただけましたら、ランサーズ上で仮払い手続きを行い、制作を開始します。制作中は、必要に応じて進捗状況をご報告いたします。

3. コーディング・実装
   デザインを忠実に再現します。BEMやSassを用いた「修正しやすく綺麗なコード」を記述し、スマホ対応（レスポンシブ）を最適化させます。

4. 動作検証・実機チェック
   主要ブラウザおよびスマートフォン実機での表示確認を徹底します。意図しない崩れやリンク動作の不備がないか、独自のチェックリストで検証します。

5. 最終調整・納品
   実装内容をご確認いただき、ご要望に合わせて細かな微調整を行います。最終確認後、完成データ一式（またはサーバーへのアップロード）にて納品いたします。

サービス内容

HTML/CSSを用いたコーディングや、レスポンシブ対応を含めたWebサイト制作を行っています。BEMを用いた保守しやすいCSS設計を意識し、後から修正・運用しやすいサイト制作を心掛けています。

また、WordPressのオリジナルテーマ制作にも対応しており、お客様の運用に合わせたサイト構築を行っています。見た目だけでなく、更新のしやすさや拡張性も考慮しながら、丁寧に実装いたします。

「スマートフォンで表示が崩れてしまう」「更新しづらいサイトを改善したい」といったご相談にも対応可能です。

愛媛大学で学びながら、HTML/CSS、jQuery、WordPressを用いたWeb制作に取り組んでおります。制作では、デザインカンプの意図を丁寧に汲み取り、余白やレイアウトなど細部まで意識した実装を心掛けています。

スマートフォン・タブレット・PCなど、さまざまなデバイスに対応したレスポンシブ実装にも対応しております。

まずは小さな修正やコーディング業務からでも、お気軽にご相談ください。

デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ（FTP）
・scss、gulpfile（ご希望あれば）
別の納品方法のご指定がある場合にはご相談ください。

デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ（FTP）
・scss、gulpfile（ご希望あれば）
別の納品方法のご指定がある場合にはご相談ください。