まっつん_web制作

・LP制作（デザイン込み） 80,000円〜

▶ シンプル構成（1ページ完結・縦長スクロール型） • 基本料金：66,000円（税込）〜 ▶ 構成込み（7セクション前後・CTAあり・PC/SP対応） • 目安料金： 88,000〜110,000円（税込） ▶ オプション（必要に応じて追加可） • 画像素材の選定・加工サポート：＋5,000円〜 • ワイヤーフレーム・構成設計：＋10,000円〜（初期提案含む）

・WordPressサイト制作 150,000円〜

▶ 基本プラン（カスタム投稿・フォーム含む） • トップページ＋下層3ページ＋投稿機能＋フォーム：150,000円（税込）〜 • 下層ページ追加：1ページごとに＋10,000円〜 • 投稿機能あり（news・blog）：＋20,000円〜 ※構成設計〜WordPress実装・公開・引き継ぎ資料整備まで一貫対応 ※サイト規模やご要望によりお見積もりいたします

・Webサイト制作（静的HTML) 100,000円〜

▶ 基本プラン（静的HTML＋レスポンシブ対応） • トップページ＋下層2ページ：55,000円（税込）〜 • 下層ページ追加：1ページごとに＋10,000円〜 • お問い合わせフォーム実装（確認画面・完了画面あり）：＋10,000〜15,000円 • jQueryアニメーション・軽微な動きも対応可：＋10,000〜15,000円

・行政書士事務所Webサイト制作 / Webデザイナー・UI/UXデザイナー・フロントエンドエンジニア・Webプロデューサー・ディレクター・HTMLコーダー・マークアップエンジニア 2025年4月 〜 2025年5月

中小企業や個人事業主向けに、WordPressを用いたWebサイトの構築・改修を担当。構成設計からHTML・CSSによる静的コーディング、WordPressへの組み込みまで、すべての工程を一貫して対応しました。 実案件では、約30万円規模の行政書士事務所サイトを納品。カスタム投稿（ブログ・お知らせ）、お問い合わせフォームのPHP実装（入力・確認・完了画面）、スマホ対応、jQueryによるインタラクションなど、実務レベルの機能実装を経験しました。 また、ディレクター補佐として、進行管理や外部制作者とのやり取りにも携わっており、マーケティングや導線設計の視点を取り入れた提案・実装が可能です。 担当領域： 構成設計／デザイン（Figma）／コーディング（HTML / CSS / jQuery / PHP）／WordPress実装／レスポンシブ対応／フォーム構築／クライアント対応

・TOKYO STATION CAFE（架空LP） / Webデザイナー・フロントエンドエンジニア・Webプロデューサー・ディレクター・HTMLコーダー・マークアップエンジニア 2025年4月 〜 2025年4月

20代の働く女性をターゲットにした架空のカフェアプリLPを、構成からデザイン・コーディングまで一貫して担当。 Figmaを用いてファーストビュー・導線設計から行い、「ガラス越しに光が差すような」透明感のあるUIを意識してデザイン。 HTML / CSS / jQueryでのSPファーストのレスポンシブ実装に加え、アコーディオンやボタンフェードインなどのインタラクション演出も実装。 マーケティング視点での訴求構成や、初見でも直感的に伝わる導線設計を重視した“伝わるLP”制作を実現。 担当領域： 構成設計／デザイン（Figma）／コーディング（HTML / CSS / jQuery）／SP・PC対応／アニメーション実装

・Night Tea（架空LP） / Webデザイナー・フロントエンドエンジニア・Webプロデューサー・ディレクター・HTMLコーダー・マークアップエンジニア 2025年4月 〜 2025年4月

HSP気質のある社会人をペルソナに、夜のセルフケアをテーマにした癒し系ティーのLPを制作。 構成・デザイン・コーディングの全工程を担当し、感情に寄り添うトーン設計と世界観づくりを意識。 ネイビー×ラベンダーの配色や、スライダー演出・フェード表示などのアニメーションでブランド体験を強化。 感情喚起や共感を軸とした構成で“心に残るLP”を目指した。 担当領域： ペルソナ設計／構成設計／デザイン（Figma）／コーディング（HTML / CSS / jQuery）／SP・PC対応／スライダー・アニメーション実装

・かわちイルミネーション2024 LP（コンペ参加） / Webデザイナー・フロントエンドエンジニア・Webプロデューサー・ディレクター・HTMLコーダー・マークアップエンジニア 2024年11月 〜 2024年11月

地方創生イベントのプロモーションLP制作。ヒアリング内容と支給資料をもとに構成を提案し、ビジュアル・文章表現まで含めてLP全体を設計。 スマホファーストでのレスポンシブコーディングを行い、アニメーションや視線誘導にも配慮した設計に。ポートフォリオ掲載許可あり。 担当領域： 構成設計／ライティング／デザイン（Figma）／コーディング（HTML / CSS / jQuery）／SP・PC対応

・No.12（鹿島市グランピング施設プロジェクト）協賛募集LP（コンペ参加） / Webデザイナー・フロントエンドエンジニア・Webプロデューサー・ディレクター・HTMLコーダー・マークアップエンジニア 2024年11月 〜 2024年11月

鹿島市が抱える「若年層の流出」「観光資源の不足」などの地域課題に対し、グランピング施設「No.12」を中心とした地域活性プロジェクトが発足。その協賛者募集LPのデザインコンペに参加。単なる施設紹介にとどまらず、「地域の未来づくりへの共感」を促すストーリー構成と、支援アクションにつながる導線設計を意識した。 担当領域： 構成設計／ライティング補佐／Figmaによるデザイン／HTML・CSS・jQueryによるコーディング／レスポンシブ対応／提案資料作成

・Mattun（自身のポートフォリオサイト） / Webデザイナー・フロントエンドエンジニア・Webプロデューサー・ディレクター・HTMLコーダー・マークアップエンジニア 2024年10月 〜 2024年11月

自身の制作実績を体系的にまとめたポートフォリオサイト。閲覧者に「誠実さ・丁寧さ・再現性の高さ」が伝わるよう、トンマナ設計・コピーライティング・レイアウトに工夫を凝らした。また、スマホファースト設計でUXを重視し、訪問者が迷わず実績をたどれる構成と導線設計を行っている。 担当領域： 構成設計／コピーライティング／Figmaによるデザイン／HTML・CSS・jQueryによるコーディング／レスポンシブ対応／アニメーション実装（フェードインなど）