Yasunari Portfolio

SERVICE

LP制作・WordPress構築・既存サイト改修まで一貫して対応可能です。
短納期の案件や部分的なご依頼も柔軟に承ります。

コーポレートサイト
コーディング

最短8日〜／ 15万円〜

更新しやすさを重視し、カスタム投稿やカスタムフィールドを用いたWordPress構築に対応しています。

想定仕様 WordPress構築／トップページ含む計5ページ

LP
コーディング

最短3日〜／ 7万円〜

デザインデータをもとに、アニメーションやフォーム設置を含めたLPコーディングに対応しています。

想定仕様 〜15,000px ／基本アニメーション含む

修正・改修
不具合対応他

ご相談ください

既存サイトの軽微な修正から機能追加まで、実運用を止めない形で対応可能です。

対応内容例 表示崩れ修正／スマホ対応／機能追加／不具合対応

納品後サポート

納品後1ヶ月間は、テキスト修正や画像差替えなどの軽微な修正について無償対応いたします。
その後の修正についても、内容に応じて柔軟に対応可能です。定期的な更新や画像差替えがある場合は、保守対応として継続的にサポートすることも可能です。

見積単価を確認する概算見積を作成する

タイプ別実装デモページ

代表的なサイトタイプごとに実装可能な要件をデモページでご確認いただけます。

シンプル企業サイト

WordPressオリジナルテーマ実装済み
IntersectionObserver スクロール出現
FAQアコーディオン・ドロワーメニュー
CF7フォーム＋GTM計測設計
SP固定CTA・順次ボーダーアニメ

採用強化サイト

Canvasパーティクルオープニング
職種タブ切り替え・募集要項タブ
フォームバリデーション＋ボタン活性制御
SP固定エントリーCTA
タイムライン▼流れ落ちアニメ

サービス訴求型企業サイト

比較表SP横スクロール対応
料金プランカード等高化・ボタン下揃え
FAQ構造化データ（JSON-LD）
フローティングCTA（スクロール連動）
フォームバリデーション3項目

メディア・ブログ型サイト

3画面デモ切り替え（TOP・一覧・詳細）
カテゴリフィルタータブ
ヘッダーカテゴリナビアクティブ制御
SPハンバーガー＋ドロワー
reduced motion対応

王道セールスLP

GSAPによるFV段階表示
機能セクションピン止め＋順次スライドイン
カウントアップ（ScrollTrigger）
Swiperスライダー（お客様の声）
アコーディオンFAQ・固定CTAバー

比較・ランキングLP

ランキング2列グリッド表示
絞り込みフィルター（GTM計測対応）
比較表SP横スクロール＋インジケーター
選び方ガイド3パターンタブ
クイックナビスクロールアクティブ

ストーリー型LP

GSAP ScrollTrigger 章別出現
縦プログレスバー（スクロール連動）
カスタムカーソル（mix-blend-mode）
章ごと背景切り替え
reduced motion 全アニメ一括無効化

フォーム特化LP

3ステップフォーム（EFO実装）
郵便番号→zipcloud API住所補完
電話番号全角→半角＋ハイフン自動補完
リアルタイムバリデーション＋シェイク演出
サンクスページ＋GTM計測設計

見積単価を確認する概算見積を作成する

共通

レスポンシブ品質

全デバイスで崩れない実装。余白・画像比率・文字サイズをデバイスごとに調整します。

WordPress更新設計

ACF・カスタム投稿で更新しやすい設計。編集できる範囲を明確にした運用しやすい実装です。

フォーム品質

必須・エラー・完了導線・自動返信まで、フォーム周りの基本導線を一貫して実装します。

アニメーション方針

意味のある箇所にのみ実装。軽量かつreduced-motion対応で快適な動作を確保します。

SEO対応コーディング

title・OGP・パンくず等を適切に実装。GTM・GA4の計測設計にも対応可能です。

計測設計

GTM/GA4想定のコメントをコードに。改善提案できる人に見せる

表示速度への配慮

WebP・lazy load・不要JS削減など、コーディング段階でできる速度改善を実施します。

デザイン再現精度

余白・行間・hoverまでカンプに忠実に再現。細部まで違和感なく仕上げます。

アクセシビリティ対応

セマンティックHTML・適切なalt管理・キーボードナビゲーション対応。ストレスレス品質で構築します。

SKILL

HTML/CSS

デザインカンプより正確にコーディング実施
SASSによるCSS作成
スマホ、タブレット用のレスポンシブ対応
ランディングページコーディング
SEOを考慮したコーディング
メールフォーム設置可能
既存サイト修正、ページ追加
トラブル対応

JavaScript (jQuery)

GSAP等を利用したアニメーション実装
ユーザーの操作性を重視した動的レイアウトの実装(アコーディオン表示、ハンバーガーメニュー、タブetc)
フォームバリデーション

Wordpress

オリジナルテーマのコーディング
HTMLからWordpress化
カスタム投稿、カスタムフィールド対応可
各種一覧ページ・検索ページ作成
ブログ開設業務
各種プラグイン導入・実装
プラグインカスタマイズ
既存サイトカスタマイズ、修正、ページ追加
トラブル対応

使用アプリケーション・ツール

Visual Studio Code
Photoshop・Illustrator
XD・Figma
Git(Sourcetree)/Github
ZOOM・Chatwork・Slack

FAQ

コーディングの制作期間は何日かかりますか？: ご依頼時に確定デザイン、制作仕様を支給いただいた場合、標準的な制作日数
静的サイト３ページ：5日程度
ＬＰ：5日程度
Wordpressコーポレートサイト5ページ：10～14日程度
各種条件により前後しますので、ご操舵願います。

アニメーション提案、デザイン調整など可能ですか？: デザイン確定時に詳細が決まっていなくても、当方からご提案させていただくことも可能です。

表示確認時のブラウザ、デバイスは？: 当方での表示確認環境
【ブラウザ】Windows、Edge、Firefox
【デバイス】アンドロイドスマホ、iPhone8、iPad Air(2代目)
上記環境で確認します。

コーディング費用はいくらくらいかかりますか？: デザイン、制作仕様等を提示いただでき、見積をさせていただきます。
サイトや各ページの仕様により適切な工数で見積もりさせていただきます。

納品後の変更、修正は対応できますか？: テキスト修正、軽微なレイアウト調整などは納品後、1ヵ月は無償で対応させていただきます。

納品後のサポートは可能ですか？: はい、対応可能です。ご相談ください。

スマホのデザインデータは必要ですか？: スマホ、タブレットのデザインがなくても、デザインの方向性を確認させていただき、良しなに対応をいたします。

コーディング依頼時に必要なものは？: 確定デザインカンプ（画像、テキスト）を御支給ください。
デザインカンプの状況はプロジェクトにより条件が変わるかと思いますので、ご相談ください。

Wordpressの記事投稿等のマニュアル作成は対応できますか？: 納品時にテキストベースでの標準的な作業以外、オリジナルテーマ固有の操作が必要な個所の説明はさせていただきます。
マニュアルとして納品をご希望される場合は、ご依頼ください。PDFファイルや限定公開のマニュアルページを別途作成させていただくことも可能です。

Yasunari-Portfolio

ABOUT

プロフィール

経歴

メッセージ

Web制作会社の方へ

フリーランサーの方へ