LP production / Web fixesHokkaido, Japan

LP制作と、Webサイト修正。

原稿・素材のある1ページLP制作と、既存サイトの表示崩れ・余白・ボタン・導線修正に対応。PC・スマホで確認し、変更内容を整理して納品します。

  • 1ページLP
  • HTML / CSS修正
  • PC・スマホ確認

依頼できることを、先に明確に。

何を作るか。
どこまで直すか。

LP制作と既存Webページの修正を中心に、対象範囲を先に整理してから進めます。 AIは主役ではなく、調査や制作を補助する道具として使用。 画面で確認できる制作物と、納品前のチェック内容を残すことを重視しています。

課題に合わせて、
必要な形を選ぶ。

LP制作・Webサイト修正を中心に、 必要な範囲を整理してお手伝いします。

01MAIN

Landing page

原稿・素材から、1ページを形に。

商品やサービスの内容を整理し、相談・注文につながる1ページLPを制作します。参考デザインや原稿を確認し、構成から実装まで対応します。

  • LP制作
  • 構成整理
  • レスポンシブ
納品物・対応範囲を見る

お渡しするもの

  • 1ページのLPと実装データ
  • PC・スマホの表示確認
  • 変更内容・納品時の確認メモ

事前に伺うこと

  • 紹介したい内容・原稿・画像
  • 参考サイト、希望納期、公開環境

対象外・別途確認

  • ロゴ・写真・原稿の新規制作は別途確認
  • 広告運用や売上・SEO順位の成果保証は含みません
02MAIN

Web improvement

気になる箇所を、必要な範囲だけ修正。

スマホの表示崩れ、余白やボタン、文章・画像、導線などを確認し、合意した範囲を修正します。大規模改修ではなく、小さく確実に直す案件を中心に対応します。

  • HTML / CSS修正
  • 表示崩れ
  • UI・導線調整
納品物・対応範囲を見る

お渡しするもの

  • 合意した箇所の修正データ
  • 修正前後の画面と変更メモ
  • PC・スマホの表示確認

事前に伺うこと

  • 対象URLと修正したい箇所
  • 使用技術、編集方法、希望納期

対象外・別途確認

  • WordPressテーマ開発・大規模改修
  • 既存の認証・決済機能の変更
03SUPPORT

Research support

制作前の情報整理を、補助する。

LPやWeb改善に必要な比較・リサーチ・資料整理を補助します。AIも制作支援の道具として使い、出典を確認しながら整理します。

  • リサーチ
  • 資料整理
  • AI活用支援
納品物・対応範囲を見る

お渡しするもの

  • 出典付きの調査一覧
  • 合意した形式の資料・表

事前に伺うこと

  • 調査の目的・項目・対象範囲
  • 希望する納品形式と納期

対象外・別途確認

  • 専門的な法律・医療判断
  • 英語中心の業務や情報の無断取得
ご相談の例・対応範囲について

ご相談の例

  • 原稿・画像があるLPを1ページにしたい
  • スマホの表示崩れを直したい
  • ボタン・文章・画像・導線を調整したい
  • 制作前に比較情報や内容を整理したい

現在お受けしていない内容

  • Illustrator / Photoshopが前提のデザイン制作
  • WordPressテーマ開発・大規模構築
  • SEO順位・売上・受注の保証

何を頼めるかが、最初の画面で分かるように。

このポートフォリオ自体を、依頼者が判断しやすい構成へ改善しました。抽象的なAI / Web訴求から、LP制作・Web修正を主軸に変更し、対応範囲・制作例・確認内容を前に出しています。

BeforePREVIOUS
  • 依頼できる作業が抽象的
  • 制作例と対応範囲が離れている
  • AIとWebが同じ強さで見える
AfterCURRENT
  • 主軸をLP制作・Web修正に限定
  • 納品物と対象外を明示
  • PC・スマホ確認を判断材料として表示

Before / After は変更点を要約した図解です。実際の制作画面と検証内容は下のWorksに掲載しています。

LP / Web●HTML / CSS●Next.js / TypeScript●AI-assisted workflow●LP / Web●HTML / CSS●Next.js / TypeScript●AI-assisted workflow●

依頼内容に近い制作例を、
判断材料まで見せる。

制作区分、担当範囲、確認した内容を分けて掲載しています。

01
関連事業向けLPの実際のファーストビュー。商品説明と注文ボタン。

関連事業の制作例 / 有償受託ではありません

大野商事 LP

商品の背景・特徴・注文方法を1ページに整理。LINE公式アカウントへの導線を設計・制作しました。

課題
家族農園の商品を紹介し、注文先まで迷わず進めるページを作る。
担当
ページ構成の整理 / 紹介文と注文方法の配置 / LPの制作・実装
技術・要素
Lovable / LP構成 / 注文導線
確認
公開ページが表示されることを確認(2026年9月)
設計の意図・検証内容

設計の意図

  • 最初の画面で、商品と産地・注文先が分かる構成に。
  • 商品紹介から注文方法へ、1ページで読める流れに整理。

検証内容

  • 公開ページが表示されることを確認(2026年9月)
  • 注文方法の案内と、LINE公式アカウントへのボタン・QRコードが配置されていることを確認

掲載画像は制作したLPのファーストビューです。構成・レイアウトをご確認いただけます。

公開中ですが、関係者の個人情報を含むためリンクは掲載していません。画面は上の画像でご確認いただけます。

02
個人開発のRaphael βの実際の公開ログイン画面。

個人開発 / β版・検証中

Raphael β

Next.js / TypeScript / Supabaseで個人開発。認証、記録管理、AIチャット、課金まわりを段階的に実装しています。

課題
個人の記録を保存し、AIとの会話で整理・活用する場所を作る。
担当
アプリの構成・UI実装 / 認証・データベース連携 / 機能ごとの動作確認と修正
技術・要素
Next.js / TypeScript / Supabase / Stripe(テスト環境) / OpenAI SDK / Netlify
確認
公開URLでログイン画面が表示されることを確認(2026年9月)
設計の意図・検証内容

設計の意図

  • ログイン画面と利用画面を分け、個人の記録にアクセスする構成。
  • 機能を段階的に実装し、検証・修正を繰り返す進め方。

検証内容

  • 公開URLでログイン画面が表示されることを確認(2026年9月)
  • 決済はStripeのテスト環境、AI応答はモックで動作を検証中

AI応答と決済はモック・テスト環境で検証中です。公開リンクはログイン画面で、内部機能を自由に試せるデモではありません。

公開画面を見る

まず整理する。
次に作る。
最後に確かめる。

  1. 01

    内容を聞き、範囲を決める

    対象URLや参考サイトを確認。対応箇所、納品物、料金と納期を合意してから進めます。

  2. 02

    制作して、画面で共有する

    仮払い確認後に着手。構成や画面を共有し、認識のずれを確認しながら制作します。

  3. 03

    表示を確かめ、納品する

    PC・スマホで表示とリンクを確認。変更内容と納品データをまとめてお渡しします。

Taiki Yamabe

LP / Web制作・修正

農業や事業運営の現場で感じた不便をきっかけに、Web制作・開発へ。 現在はLP制作とWeb修正を中心に、見栄えだけでなく、対応範囲と確認結果が分かる制作を重視しています。

HokkaidoLP / WebResponsive checkAI-assisted workflow

直したいこと、
作りたいことから。

対象URLと直したい箇所、またはLPの原稿・参考サイトが分かれば、 対応範囲と納品物を整理してお返しします。

相談文のひな形を使う

ここでは送信・保存しません。コピー後、ご利用中の募集サイトでお送りください。