
LP Coding (Design → Implementation)
Figmaデザインカンプをもとに、HTML/CSS/JavaScriptで実装したランディングページ。PC/SP両対応のレスポンシブ設計と、視線誘導を意識したレイアウトを重視。
札幌を拠点に、LP・コーポレートサイト・WordPressのコーディングを承ります。
Figma・XD・画像支給、いずれの形式にも対応します。
ChatGPT(OpenAI API)等を組み込んだチャットUI・業務ツールの開発にも対応します。
担当範囲・制作期間・使用技術まで、発注のご判断に必要な情報をすべて公開しています。

Figmaデザインカンプをもとに、HTML/CSS/JavaScriptで実装したランディングページ。PC/SP両対応のレスポンシブ設計と、視線誘導を意識したレイアウトを重視。

支給されたデザイン画像をもとに、HTML/CSS/JavaScriptでLPをコーディング。デザイン再現性と可読性を重視したマークアップを実装。
フロントエンドを軸に、AI組込みからバックエンドまで一貫して対応します。
モダンなフロントエンド技術を用いたWebアプリケーション・Webサイトを開発します。
デザインデータをもとに、保守性と表示速度を意識したコーディングを行います。
OpenAI APIなどを活用したAI機能を既存サービスや新規Webアプリへ組み込みます。
フロントエンドからバックエンドまで、一貫したWebアプリケーション開発に対応します。
日々の業務を効率化するシステムや、外部サービスとの連携機能を開発します。
既存システムの改善や、新機能の追加にも対応します。
デザインデータが未確定の段階でも、概算のご相談からお受けしています。

札幌を拠点とするフロントエンドエンジニア。制作会社にて業務委託としてLP・HTMLメールのコーディングを担当した後、フリーランスとして個人事業主・中小企業のWeb制作を支援。静的コーディングからWordPressテーマ制作、Next.js・TypeScriptによるWebアプリ開発、OpenAI API等を用いたAI機能の実装まで対応します。
「このデザイン、いくらでできますか?」だけでも構いません。
デザインデータまたはURLを添えてご連絡いただければ、当日〜翌営業日にお見積りを返信します。