Figmaの依頼・発注・代行

「デザインは完成している。実装を任せたい」そんなときのコーディングを承ります

Adobe XD・Figma等で作成済みのデザインデータをもとに、HTML・CSS・JavaScriptを使用してWebサイトをコーディングします。

単に見た目を再現するだけでなく、レスポンシブ対応、保守しやすいコード、基本的なアクセシビリティや表示速度にも配慮して丁寧に実装します。

2025 Top 100 Lancerに選ばれた認定ランサーが対応いたします。

【こんな方におすすめ】

✅ デザインは完成しているので、コーディングだけ依頼したい
✅ 制作案件のコーディングを外注したい制作会社・デザイナー様
✅ PC・スマートフォンに対応したWebサイトを制作したい
✅ JavaScriptを使用したメニューやアニメーションも実装してほしい
✅ 必要に応じてWordPressのオリジナルテーマ化まで依頼したい
✅ 納品後も修正しやすいコードで制作してほしい

法人・個人事業主様だけでなく、制作会社様・Webデザイナー様からの外注・協業案件も歓迎しております。

【3つのプラン】

ベーシック｜1ページ
TOPページやLPなど、1ページのデザインをレスポンシブ対応でコーディングします。

スタンダード｜おすすめ
TOP＋下層ページを含む5～6ページ程度のWebサイトをコーディングします。

プレミアム｜中規模・作り込み重視
8～10ページ程度を目安に、複雑なレイアウトやJavaScript実装を含むWebサイトにも対応します。

※ページ数・デザイン・機能の複雑さにより、個別にお見積りする場合があります。

【標準対応】

• HTML・CSSによるコーディング
• PC・タブレット・スマートフォン対応
• JavaScriptによる基本的なUI実装
• ハンバーガーメニュー、アコーディオン等の実装
• 簡単なスクロールアニメーション
• セマンティックなHTML構造への配慮
• 基本的なアクセシビリティへの配慮
• 画像のWeb向け最適化
• 基本的なmeta情報・OGP設定
• 主要ブラウザ・画面幅での表示確認
• 納品前のリンク・動作確認

WordPressをご希望の場合は、追加オプションでオリジナルテーマ化や更新機能の実装にも対応します。

【ご用意いただくもの】

• Figma・Adobe XD等のデザインデータ
• 使用する画像・ロゴ等の素材
• 使用フォントの情報
• 各ボタン・リンクの遷移先
• アニメーション等をご希望の場合は、その仕様
• PC・スマートフォンそれぞれのデザイン

※スマートフォン版デザインがない場合もご相談ください。シンプルな構成であれば、PC版をもとに自然なレスポンシブ表示へ調整できる場合があります。

【ご相談から納品まで】

1. 「見積もり・カスタマイズの相談」からご連絡
2. デザインデータ・ページ数・仕様等を確認
3. 必要に応じてビデオ通話でヒアリング
4. お見積り・制作範囲をご提示
5. ご注文・仮払い
6. コーディング開始
7. 確認環境をご共有し、表示・動作をご確認
8. 修正・最終チェック
9. データ納品またはサーバーへ反映

ご相談時に「デザインURL」「ページ数」「PC・スマートフォンデザインの有無」「WordPress化の有無」「希望納期」をお知らせいただけますと、スムーズにお見積りできます。

制作開始後のデザイン変更や、新しいページ・機能の追加は、内容に応じて追加費用をご相談させていただく場合があります。

デザインが完成している段階はもちろん、「この仕様で対応可能か確認したい」という段階でも問題ありません。まずはお気軽にご相談ください。

FigmaでUI/UXデザイン制作を行います。
toB/toCとも3年以上の制作経験があります。

Webサービスやスマートフォンアプリの制作を中心に活動しており、
ユーザー体験と事業要件の両方を踏まえた設計を行っています。
全体の画面間のつながりや統一感、ユーザーフローを考慮したUI/UX設計が得意です。

.

ご提供内容

• Webサービス・スマートフォンアプリのUI/UX設計（toB/toC両方可）
• 新規サービスの情報・画面設計
• 既存サービスのUI改善・リデザイン
• ユーザーフローを考慮した設計
• 複数画面にまたがるサービス全体のデザインディレクション
• PC/スマホ/タブレットなど各デバイスでの最適な画面設計
• デザインシステム・コンポーネントの作成
• Figmaでのデザイン制作（Figmaデータで納品）
• エンジニアとの連携を考慮したデザインデータ作り
  ※お急ぎの場合はスケジュールをご相談ください。
  ※上記以外についてもお問合せをいただければ内容を拝見し回答させていただきます。

.

ご依頼の流れ

1. 「まずは相談する」ボタンよりご連絡ください。
2. ご依頼内容を拝見しヒアリングと見積もりをいたします。問題なければご依頼手続きを進めていただき、デザイン制作を開始。
3. デザイン提案をいたします。修正ご希望の箇所があれば調整し再度ご提案いたします。
4. 完成データを納品形式でご用意し、検収いただいたら納品となります。

.

ご依頼方法

「まずは相談する」ボタンよりお進みいただき、ご希望の内容をお書き添えの上ご連絡ください。
主に下記について記載をお願いします。

• あなたのお名前
• ご依頼対象の概要
• ワイヤーなど資料の添付（画面数や掲載内容など、構成がわかるものであれば形式は問いません）
• ご希望のデザインの方向性（現在の課題、希望のテイスト、参考URL/スクショなど）
  ※情報は小出しにせずまとめてご連絡ください。

.

注意事項

• 修正内容は小出しにせず、まとめてご連絡ください。
• 修正対応も料金に含めておりますが、修正指示により作業量が当初の見積もりより増大した場合等には、追加料金をお願いする可能性があります。
• オンラインミーティングは行わず、チャットでやりとりさせていただいています。（ヒアリングや不明点等も都度テキストベースでやりとりを行っており、時間拘束いたしません）
• ai、xd、psdでの納品には対応していません。
• 事前のご相談なく連絡が5日以上なかった場合はキャンセル扱いとさせていただきます。

その他ご不明な点がありましたらお問い合わせください。
よろしくお願いいたします。

.

過去のデザイン制作例

• 不動産管理システム ダッシュボード
• ECサイト改修
• 金融系オウンドメディア改修
• 見積もりシミュレーター
• 求人サービス 動線設計
• 漢字学習アプリ 全体UI/UXディレクション
• 勤怠管理システム 管理画面
• 補助金申請サポートシステム
• 音楽SNSアプリ 全体設計
• 脳波計レポートアプリ
• トランクルーム検索サービス改修
• クラウドファンディングウェブサイト 新規制作
• 議事録アプリ 改修/機能追加
• 美容比較アプリ
• 機械販売サイト コンサル
• 就職支援サービス
• チャットボットサービス 新規制作

ほか

こちらは『デザインのみ』の制作となります（コーディングなし）

Figmaで初稿24時間以内にウェブデザインをお届けします。

✅ 初稿24時間以内
お支払い完了、必要なデータ類のご用意が整ってからの、お時間となります。
（ご注文を頂いてからのお時間ではございません）

※深夜～朝（おおむね23時～9時頃）は対応の時間外とさせて頂いております。
この時間帯に、お支払い完了やデータ類のご提出、メッセージなどを頂いた場合は、
9時以降の着手としてお時間のご相談をさせて下さい。

✅ 納品形式は、ご確認用PDFファイルとデザインデータ（.fig）になります。
（共有URLでも可能でございます）

──────────────────────

サービス内容

Figmaで、ホームページのデザイン（ウェブデザイン）を制作致します。
1から作り上げる、オリジナルのデザインです。
パソコン用のデザインと、スマホ用のデザインがセットになります。

📁 修正回数は無制限です。
初稿24時間以内にご報告させて頂き、ご確認頂いた後の修正につきましては、
ご納得頂けるまで何度でも対応させて頂きます。

※修正対応のお時間は24時間にはカウントされません。
例：
20時間ほどで初稿をご報告 → 修正を2回行い計8時間が経過
→ 28時間になったので約束と違う！！

あくまでも...
☆☆☆ 初稿を24時間以内にお届けする ☆☆☆
というパッケージ内容になっております。

──────────────────────

使用ツール

🔸 Figma

※Illustrator、Photoshopプランもございます。
下記のパッケージをご覧下さいませ。
[https://www.lancers.jp/menu/detail/1284742]

納品データ

🔸 ご確認用PDFファイル
🔸 Figma（.fig または 共有URL）
.figはインポートしてご利用下さい。

※共有URLで納品させて頂いた場合は、
共有期間を『2週間』とさせて頂きますので、その間にコピーをお願い致します。

──────────────────────

プラン

📁 **ベーシック　30,000円
トップページのみのデザイン（パソコン用、スマホ用）

📁 **スタンダード　35,000円
トップページ、下層ページが1ページまでのデザイン（パソコン用、スマホ用）

📁 **プレミアム　45,000円
トップページ、下層ページが3ページまでのデザイン（パソコン用、スマホ用）

✅ 全プラン共通
・ロゴ制作（ロゴが無い場合）
・素材写真の選定
・スマホ対応
・修正は無制限

✅ オプション選択
・タブレット用のデザイン追加　5,000円
・下層ページの追加　5,000円（1ページ）
・LP対応（縦長1ページ）15,000円

──────────────────────

ご注意事項

💠 コーディングは含まれません。
デザインのみになります。

💠 「プロトタイプ」は制作致しません。

💠 Figmaの使い方は、サポート対象外となります。

──────────────────────

お申込み後の流れ

[1] 事前のヒアリング、お打ち合わせ
[2] 仮払い、データ類のご用意
[3] デザインカンプ（仕上がり見本兼ご提案書）の制作
[4] 完成したデザインのご確認、修正対応（回数無制限）
[5] データ納品

──────────────────────

ご相談・お見積り

Figmaでのデザイン制作をご検討中のかたは、お気軽にご相談下さい。
ご相談は、何回でも無料でございます😊

当サービスをご覧いただき、誠にありがとうございます。
フリーランスのWebデザイナーとして活動しております、courageと申します。

コーポレートサイト、採用サイト、サービスサイト、LPを中心に、目的やターゲットに合わせたWebデザインを制作しております。

企業やサービスの特徴をくみ取り、ロゴや事業内容、ブランドイメージから着想を得ながら、その会社らしさが伝わるオリジナルデザインをご提案いたします。

情報を分かりやすく整理し、写真・図形・レイアウト・装飾を組み合わせ、実用性と印象に残るビジュアルを両立します。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
01｜サービス内容
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

ご用意いただいた原稿・ページ構成をもとに、Webサイトのデザインを制作いたします。

原稿を配置するだけでなく、情報の優先順位や視線の流れを設計し、企業やサービスの魅力が伝わるよう、写真・図形・装飾まで含めてデザインいたします。

信頼感のあるコーポレートサイト、先進的なIT・サービスサイト、親しみやすい採用サイト、柔らかな女性向けデザインなど、業種やご希望に合わせて幅広く対応可能です。

文章やページ構成が未定の場合は、会社情報や既存資料をもとに内容を整理し、文章を含むワイヤーフレームから作成するオプションもございます。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
02｜料金の目安
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

・TOPページ：35,000円～
・下層ページ：10,000円～／1ページ
・スマートフォンデザイン：10,000円～
・文章・構成作成：TOPページ ＋20,000円～
・文章・構成作成：下層ページ ＋10,000円～／1ページ

※ページの長さや情報量、デザインのボリュームによって料金は変動いたします。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
03｜文章・構成作成について
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

会社情報や既存資料をもとに情報を整理し、文章を含むワイヤーフレームを作成いたします。

ワイヤーフレーム作成後とデザイン作成後に内容をご確認いただき、認識をすり合わせながら進行いたします。

※オプションをご利用にならない場合は、原稿とページ構成をご用意ください。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
04｜制作の流れ
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

1．お見積り・ご契約
2．ヒアリング
3．ワイヤーフレーム・デザイン作成
4．修正・納品

※ワイヤーフレーム作成後・デザイン作成後に、その都度ご確認いただきます。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
05｜修正について
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

修正回数は、制作内容や作業ボリューム、ご予算・工数に応じて事前にご案内いたします。

当初のご依頼内容から大きく変更される場合や、大幅な作り直しが必要な場合は、追加料金をご相談することがございます。

※こちらの制作ミスによる修正は、回数に関係なく対応いたします。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
06｜納品形式
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

Figma

※コーディングには対応しておりません。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
07｜ご依頼前のご相談
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

制作内容が明確に決まっていない場合でも、必要なページや対応範囲を確認してお見積りいたします。

ご不明な点やご希望がございましたら、ご購入前でもお気軽にご相談ください。

企業やサービスの個性と魅力が伝わるWebデザインを制作してまいります。
何卒よろしくお願いいたします。

iOSやAndroid対応のスマートフォンアプリのUI/UXデザインを提供します。アプリの設計は、単に見た目を美しくするだけでなく、ユーザーが直感的に操作でき、目的を達成しやすいようにすることが重要です。ユーザーの体験を最大限に高めるためのデザインを提供します。

作業の流れ

1. ヒアリング・要件定義
クライアントとのヒアリングを通じて、プロジェクトの全体像と要件を確認します。どのようなアプリケーションを作りたいのか、ターゲットユーザーは誰なのか、必要な機能やページ数、クライアントの希望するデザインスタイルなどを把握します。必要に応じて、クライアントが現在抱えている課題やゴールも確認します。
ヒアリングの後、デザインプロセスのスケジュールや納期、予算などを確定させます。

2. ワイヤーフレーム作成
アプリケーションの基本構造を設計するために、ワイヤーフレームを作成します。これにより、画面レイアウトや情報の配置をクライアントと確認し、デザインの方向性を固めます。場合によってはワイヤーフレームを作成せずデザインから入る場合もあります。

3. UIデザイン作成
ワイヤーフレームが承認された後、UIデザインの作成に入ります。ブランドガイドラインやクライアントの要望に基づいて、アプリの見た目をデザインします。配色、フォント、ボタンなど魅力的で使いやすいデザインを目指します。

4. プロトタイピング・インタラクションデザイン（一部プランのみ）
完成したUIデザインを元に、実際の動作をシミュレーションするプロトタイプを作成します。ボタンをクリックした際の遷移や、アニメーション、スクロール時の動作など対応します。
プロトタイプはクライアントと共有し、実際のアプリの使用感を確認してもらいます。

5. フィードバック・修正
プロトタイプに対してクライアントからのフィードバックを受け付け、必要な修正を行います。

6. 納品
修正が完了し、最終デザインが確定したら、必要なデザインファイルを納品します。納品形式は、Figmaデータとなります。

こんなお悩みはございませんか

・開発はできるけどデザインがイマイチ
・見た目で色々と残念
・ユーザービリティが悪い
・ダウンロードされないのは見た目が微妙だから

是非一度ご相談ください。

ポートフォリオはこちらです。
https://www.lancers.jp/profile/iguigu/portfolio?ref=more

ワークフロー

1 ヒアリング
2 ワイヤーフレーム作成
3 UIデザイン作成
4 修正
5 納品

ペルソナ設計からご相談したい場合はお問い合わせください。

納品形式

・AdobeXD or Figmaの元データ
・PNG、JPEG、PDF等の画像ファイル

=============================================================

当方プロフィール

2020年度ランサーズ ランキング
クライアント訪問数ランキング　Webデザイナー部門　全国１位
ランサーズ歴4,000日以上

▼当方に発注可能なお仕事
・PC・スマートフォンのWebサイト制作
・WordPressなどのCMSを使ったサイト制作・カスタマイズ
・レスポンシブ対応サイト制作
・ECサイト制作・カスタマイズ（EC CUBE他）
・バナー制作
・スマートフォンアプリUIデザイン
・WEBアプリケーション・バックエンド開発
・スマートフォンアプリ開発
・サーバー構築（AWS/GCP/その他ホスティング）

▼実績についてはポートフォリオなどご覧ください。
※一部大手企業様の案件については守秘義務の都合上記載しておりません。

★過去実績
大手スーパーサイト制作 WORDPRESS
大手コンビニキャンペーンサイト制作
大手ECサイトUIデザイン制作
会員制ゴルフサイト構築・開発 WORDPRESS
インテリアショップECサイト制作・開発 EC CUBE
エステサロンサイト制作 WORDPRESS
大人気カフェサイト構築　WORDPRESS
avex所属アーティストオフィシャルサイト制作 WORDPRESS
トレーニングジムサイト制作 WORDPRESS
アパレルオフィシャルサイト制作 WORDPRESS
コスメECサイト制作・開発 WOOCOMMERCE
コスメLP制作
大手美容整形外科サイト制作 WORDPRESS
キュレーションサイト制作 WORDPRESS
有名アニメコラボグッズ・ノベルティ制作
国民的有名アイドルコラボグッズ・ノベルティ制作
各種バナー制作
マッチングアプリUIデザイン制作
ディープラーニング系アプリUI制作

当サービスをご覧いただき、誠にありがとうございます。
フリーランスのWeb・資料デザイナー、courageと申します。

営業資料、会社紹介資料、サービス紹介資料、採用資料、提案資料を中心に、目的やターゲットに合わせて制作しております。

会社やサービスの特徴をくみ取り、事業内容やブランドイメージから着想を得て、その会社らしさが伝わるオリジナルデザインをご提案します。

文字・写真・図形・グラフ・図解を組み合わせ、見やすさと印象に残るビジュアルを両立します。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
01｜サービス内容
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

ご用意いただいた原稿・ページ構成をもとに、資料をデザインいたします。

情報の優先順位やページごとの役割を整理し、会社やサービスの魅力が伝わるよう、レイアウト・配色・図形・装飾まで設計します。

事業内容やブランドイメージに合わせ、信頼感・先進性・親しみやすさなど、その会社に合った世界観へ仕上げます。

文章や構成が未定の場合は、既存資料やメモをもとに作成するオプションもございます。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
02｜料金の目安
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

・資料デザイン：1ページ3,000円～
・基本料金：10ページ30,000円～
・文章・構成作成：1ページ ＋2,000円～

※情報量や図解、デザインの複雑さによって料金は変動いたします。
※30ページ以上は、内容に応じて料金を調整できる場合がございます。
※1ページのみのご依頼は、基本的にお受けしておりません。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
03｜文章・構成作成について
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

既存資料やメモ、会社情報をもとに情報を整理し、各ページの文章と構成を作成いたします。

情報の優先順位と資料全体の流れを整え、会社の魅力が伝わる構成へ仕上げます。

構成・デザイン作成後に内容をご確認いただき、認識をすり合わせながら進行します。

※オプションをご利用にならない場合は、各ページの原稿と構成をご用意ください。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
04｜制作の流れ
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

1．お見積り・ご契約
2．ヒアリング・資料共有
3．構成・デザイン作成
4．修正・納品

※構成・デザイン作成後に、その都度ご確認いただきます。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
05｜修正について
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

修正回数は、制作内容や作業量、ご予算・工数に応じて事前にご案内します。

ご依頼内容の大幅な変更や作り直しが必要な場合は、追加料金をご相談することがございます。

※こちらの制作ミスによる修正は、回数に関係なく対応いたします。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
06｜納品形式
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

PowerPoint／Googleスライド／Figma／PDF

※ご希望の形式を事前にお知らせください。

┈┈┈┈┈┈┈┈┈┈┈┈┈┈
07｜ご依頼前のご相談
┈┈┈┈┈┈┈┈┈┈┈┈┈┈

内容が明確に決まっていない場合でも、用途やページ数、対応範囲を確認してお見積りいたします。

ご不明な点やご希望がございましたら、ご購入前でもお気軽にご相談ください。

会社やサービスの個性と魅力が伝わる、その会社ならではの資料を制作いたします。
何卒よろしくお願いいたします。

グラフィックデザインとUI/UXデザインの経験を活かし、ユーザーにとっての使いやすさと、開発段階でのスムーズな実装を重視したインターフェースデザインをご提供します。

【基本プラン】

• UI/UX デザイン（Figma）

• Figmaプロトタイプ

• レスポンシブデザイン（デスクトップ・タブレット・モバイル等）

• デザイン要素のオートレイアウト、コンポーネント化

• ボタンホバー等のマイクロアニメーション

• タイポグラフィ、カラーパレット、ボタン等のUIキット

• 無料修正3回

• 納品成果物：.figファイル、JPG/PNG

【追加メニュー】

• ロゴデザイン制作（Adobe Illustrator）

• カスタムグラフィック・イラスト制作

• モーショングラフィック・CSSアニメーション制作

• 画像調達・編集

• 英語版制作

• フロントエンド実装（HTML5、CSS、JavaScript）
  （スキルチェックのために、GitHub Repoのコードポートフォリオを事前にご提示します）

【プロジェクトの流れ】

1. ご相談とお見積り

事前にご提供いただきたい情報：https://forms.gle/K7pahEFNSpTpCgUk7
（個人情報を収集することはありません）

2. 契約と全データのご提供（文言/画像/ロゴ等）
3. 初回デザインとプロトタイプの提出
4. 修正指示と修正デザイン提出（3回まで）
5. 最終成果物の納品

【使用ツール・言語】

Figma、Adobe Illustrator、Adobe Fresco、Affinity Photo、HTML、CSS、JavaScript、React

【実績と資格】

• 医療、教育、財務、アート、調査研究、製造等の分野のモバイルアプリ、Webアプリ、レスポンシブサイトのUI/UXデザイン

• ポートフォリオ：https://www.lancers.jp/profile/lilythelily/portfolio

• Google UX Design Professional Certificate

• Meta Front-End Developer Professional Certificate

【非営利組織のみなさまへ】

主義や活動に共感できる場合は特別料金での対応も検討しますので、ご相談いただければと思います。

デザインデータ（Figma, XD, Photoshop, Illustrator）をご支給いただき、Webサイトとして実装（コーディング）いたします。

ただ表示させるだけでなく、「表示速度（Core Web Vitals）」「SEO（セマンティックなマークアップ）」「アクセシビリティ」を考慮した、エンジニア品質のコードを提供します。

対応可能なデザインデータ

• Figma / Adobe XD , Photoshop , Illustrator
• ※画像の書き出し、スライス作業から対応可能です。
• 不足している素材はAI生成を活用し、補充いたします

「アニメ」も「動画」も。対応します

• 「ちょっとした動きを入れたい」という要望も対応可能です。
• スライダーやカルーセル可能です。
• 動画埋め込み / ポップアップ行います

強み：最新技術「Astro」への対応

一般的なHTML/WordPress構築に加え、次世代の静的サイトジェネレーター 「Astro」 での構築も可能です。

• 爆速の表示速度を実現したい
• サーバー代を抑えたい
• セキュリティを強固にしたい

といった案件で、クライアント様に「付加価値」として提案できます。
Astroはさくらインターネットや Github Pagesでの運用実績もございます。
不要なCGI動作を省いた静的Htmlは、管理が追いつかず放置しているWordPressより格段にセキュリティリスクが低くなります。 是非ご検討ください。

こんなご依頼に最適です

• 「デザインは社内でやったが、コーディングのリソースが足りない」
• 「レスポンシブ化をお願いしたい」
• 「WordPressへの組み込みまで丸投げしたい」
• 「アクセシビリティ対応を求められた」
• 「WordPressから別の早くて安全なCMSに移行したい」

納品形式

• HTML/CSS/JSファイル一式
• WordPressテーマファイル
• サーバーへの直接アップロード

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

• デザインはあるけど、コーディングできる人がいない
• AstroやWordPressでのサイト構築に時間がかかり、コンテンツの更新が滞ってしまう

是非お任せ下さい!

発注の流れ

1. お問い合わせ・ヒアリング

メッセージにて、デザインデータ、ご要望、納期などをお知らせください。詳細をヒアリングさせていただきます。

2. 企画提案

デザインデータを確認し、最適なコーディングプラン、サイト構成、機能などを提案します。

3. お見積もり・ご契約

提案内容に基づき、詳細な見積もりを提示します。ご納得いただければご契約となります。

4. 制作開始

仮払い後、コーディング作業を開始します。進捗状況を随時報告し、フィードバックを反映します。

5. 納品・検収

完成したサイトをご確認いただき、修正点があれば対応します。最終確認後、納品となります。

納期

プランにより異なります。

• ベーシック: 1週間
• スタンダード: 2週間
• プレミアム: 3週間

✅ デザイン分析・設計
デザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。サイト全体の設計を行います。

✅ コーディング
HTML/CSS/JavaScriptを用いて、デザインを忠実に再現します。レスポンシブ対応も行います。

✅ システム組み込み・動作確認
AstroまたはWordPressにコーディング結果を組み込み、動作確認を行います。CMS機能やプラグインの導入も行います。

✅ パフォーマンス最適化
SEO対策、表示速度の最適化、セキュリティ対策など、サイト全体のパフォーマンスを向上させます。

✅ 最終確認・納品・サポート
お客様に最終確認いただき、修正点があれば対応します。納品後もサポートいたします。

※通常は平日作業で進行いたします。
※特急対応が必要な場合は事前にご相談ください。
※納品後の5回を超える修正や追加要望は別途ご相談下さい。
※提出物につきましては、恐れ入りますが、確認依頼、及び納品後、3営業日以内にご確認ください。スムーズな納品フローのため、一定期間ご返信がない場合はプロジェクト完了報告に進めさせていただく場合がございます。何卒ご理解いただけますと幸いです。
※表示価格に消費税とシステム手数料がかかります

信頼と責任を持って作業いたします。
どうぞよろしくお願いいたします。

10年の経験と幅広い知識で、問い合わせにつながる！高品質なLPデザインをご提供します！

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

売上アップに繋がるLP制作、マーケティング効果の高い販促物制作、ブランドイメージの刷新、プロジェクト全体のクリエイティブディレクション。

発注の流れ

【お問い合わせ】
お客様のサービスに関するお悩みやご要望をお伺いします。どんな些細なことでもお気軽にご相談ください。

【お打ち合わせ・ご提案】
訴求内容、サイトのイメージをしっかりと共有いたします。お打合せはオンラインでも可能です。ヒアリング内容を元に、最適なプランとお見積もりをご提案します。

【ご契約】
ご提案内容にご納得いただけましたら、ご契約となります。契約内容をしっかりとご確認いただき、ご不明な点があればお気軽にお尋ねください。

【素材のご提供】
基本的にはWebサイト制作に必要な素材をご提供いただきます。ご提供がない場合はこちらでのご用意も可能です。

【デザイン制作】
サイトの顔となるファーストビューができましたら一度共有し、方向性のご確認をさせていただきます。よければそのまま制作を進めます。修正があればご納得いただけるまで修正いたします。制作状況は随時ご報告いたします。

【ご確認・修正】
完成したLPデザインをご確認いただきます。修正点があれば、お気軽にお申し付けください。

【実装】
サイト要件を元に実装作業いたします。サイト要件はお打ち合わせの時点で詳細についてお伺いいたします。

【納品・公開】
最終確認後、Webサイトを公開いたします。公開後のサポートも承っておりますので、ご安心ください。

対応範囲・価格

■Webデザイン戦略コンサルティング：10万円〜
Webサイトの目的やターゲット層を明確にし、最適なデザイン戦略をご提案します。競合調査やキーワード選定なども含みます。

■ランディングページ（LP）制作：7万円〜
集客・売上アップに特化したランディングページを制作します。ターゲットに合わせたコピーライティングやデザインで、コンバージョン率を高めます。

■UI/UX改善コンサルティング：1万円〜
既存のWebサイトを分析し、課題を明確にした上で、UI/UXを改善します。ユーザビリティテストも実施可能です。

■販促物デザイン：1万円〜
名刺、パンフレット、チラシなど、様々な販促物をデザインします。Webと連動したデザインで、ブランドイメージを統一します。

納期

内容によって異なりますが、通常2週間〜1ヶ月程度で納品いたします。

サービス内容

Webデザイン、ランディングページ制作、UI/UX改善、ロゴデザイン、販促物デザインなど、Webサイトに関する様々なサービスを提供しています。

Webデザインでお困りではありませんか？

「デザインが古くて集客できない…」「ランディングページを作りたいけど、どこに頼めばいいかわからない…」そんなお悩みを抱えていませんか？

私は、10年以上のキャリアを持つWebデザイナーです。大手企業から中小企業まで、幅広い業界のWebサイト制作に携わってきました。

お客様のWebサイトを、集客・売上アップに貢献できるWebサイトに変えます。

まずは、お気軽にご相談ください。お客様のWebサイトに関するお悩みをお聞かせください。

Webデザインでお客様のビジネスを成功に導きます。

iOS・AndroidアプリのUI/UXデザインを専門とするベトナムオフショアチームです。日本語対応のブリッジSEが窓口となり、アプリの要件整理からFigmaデザイン納品まで一貫対応します。

【対応内容】
・スマートフォンアプリのUI設計・デザイン（iOS/Android）
・ユーザーフロー・画面遷移設計
・Figmaを使った高精度モックアップ作成
・インタラクティブプロトタイプ作成
・デザインシステム・コンポーネント整備
・開発者向けデザイン仕様書の作成

【開発体制】
デザイナーとブリッジSEがペアで担当。細かいニュアンスも日本語で確認しながら進めます。

Figmaの再現性にこだわり、Next.js/Reactで高速かつ滑らかなWebサイト・アプリを実装します

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

・Figmaで作成したデザインを正確に、崩れることなく高品質にコーディングしてほしい
・Next.jsやReactを採用して、表示速度が速くSEOに強いモダンなシステムにしたい
・コンポーネントを綺麗に分割し、保守性の高いソースコードで納品してほしい
・アニメーションやインタラクションを滑らかに実装し、UI/UXを高めたい

発注の流れ

1. お問い合わせ・ヒアリング
   ランサーズのメッセージ機能にて、FigmaのデザインデータURLとご要望、仕様書等の有無をご共有ください。

2. お見積もりと仕様確認
   共有いただいたデザインを元に、実装方針、使用技術、スケジュールを検討し、お見積もりを提示いたします。

3. 仮払い・実装開始
   条件に合意いただけましたら、ランサーズ上で仮払い手続きをお願いいたします。完了後に開発をスタートします。

対応範囲・価格

単一ページ・パーツの実装：30,000円〜
デザインの崩れがないか、レスポンシブ対応が完璧かを確認し、Next.js/Reactにて1コンポーネントから丁寧に実装を行います。

複数ページのモダナイズ実装：100,000円〜
Figmaのデザインを複数ページに渡ってNext.js（TypeScript対応）で高品質に実装し、コンポーネント化を行います。

フルパッケージ実装＆API連携：250,000円〜
複数ページの実装に加え、API連携や動的表示、公開対応までを一気通貫でサポートいたします。

納期

開始から14日〜30日

制作の流れ

開発・実装
コンポーネント単位でコードを設計し、Next.js/TypeScriptを活用して保守性の高いクリーンなコードを記述します。

検証・テスト
主要ブラウザおよびスマートフォン実機でのレスポンシブ表示、アニメーション動作の確認を徹底して行います。

確認・納品
コード（GitHub等の共有）またはホスティング環境へのデプロイを行い、お客様にご確認いただいた後に納品完了となります。

サービス内容

Figmaで作り込まれた細かなデザインやマージン、インタラクションをNext.js / React（TypeScript）で再現します。7年以上のエンジニア経験を活かし、単なる見た目の再現にとどまらず、パフォーマンスやコンポーネントの再利用性を考慮したクリーンコードを提供。IT・通信業種をはじめとする、モダンで高品質なWebフロントエンドが求められるプロジェクトに最適です。

Figmaでデザインした美しいUIを、そのままのクオリティでReact・Next.jsで構築したいとお悩みではありませんか？「崩れのない忠実な再現」と「高速な動作環境」を両立させます。フルスタックエンジニアとして7年以上の開発実績を持つ私が、見た目の再現はもちろん、拡張性やSEOを考慮したクリーンなコンポーネント構造で実装。仕様のすり合わせや進捗報告はランサーズのメッセージ機能を用いて迅速・丁寧に対応し、IT業種のシビアなエンジニアリング水準にも合致する高品質な成果物を提供します。まずはランサーズのメッセージよりご相談ください。

エンジニア視点を活かした、集客導線と表示速度を意識した高品質FigmaLPデザインを制作します

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

・デザインが古く集客や問い合わせに繋がっていない
・コーダーが実装しやすい構造の綺麗なFigmaデザインが欲しい
・デザインだけでなくUI/UXを考慮した構成を作りたい
・ビジネスの強みがターゲットに正しく伝わっていない

発注の流れ

1. お問い合わせ・ヒアリング
   ランサーズのメッセージ機能にて、LPの目的やターゲット、ご希望のデザインイメージを丁寧にお伺いします。参考サイトがあれば共有をお願いします。

2. お見積もりと仮払い
   ヒアリング内容をもとに、ご希望プランに応じたお見積もりと制作スケジュールをご提示します。合意後、仮払い手続きを行っていただきます。

3. 初回デザイン確認
   全体のテイストを揃えるため、ファーストビューのデザイン案を作成し確認いただきます。ここで全体の方向性をしっかりとすり合わせます。

4. 全体制作・ブラッシュアップ
   残りのセクションやスマホ表示用デザインの作成を進めます。Figmaリンクを通じて進捗を随時確認でき、フィードバックを反映していきます。

5. 納品・完了手続き
   すべてのデザインが確定いたしましたら、構造化された扱いやすいFigmaデータ（デザインカンプ）を納品し、お取引完了となります。

対応範囲・価格

ファーストビューのみのデザイン：30,000円
デザインのテイスト決定やLPトップ部分（ファーストビュー）のみのFigmaデザイン制作を行います。全体のトーン＆マナーの検証に最適です。

標準LP全体デザイン（5セクション）：100,000円
構成案に基づき、PCおよびスマートフォン表示に対応したLP全体（最大5セクション）の高品質Figmaデザインを制作します。

構成・企画からまるごとフルデザイン：180,000円
ヒアリングによる構成・ワイヤーフレームの設計から、PC・SP両対応のLP全体（最大8セクション）のFigmaデザインを包括的に制作します。

納期

14日〜30日（プランに応じる）

制作の流れ

デザイン骨組み設計
お客様から提供された構成案や強みを整理し、ユーザーがスクロールしたくなるような直感的なUI/UXレイアウトをFigma上で設計します。

ビジュアル制作
フルスタックエンジニアとしての知見を活かし、アニメーションやコーディング後の表示速度・実装負担を十分に考慮した実用的で美しいデザインを作成します。

データ構造化と納品
レスポンシブ時の挙動や余白のルール、コンポーネント管理を徹底した、開発者が一目で理解しやすいFigmaデータを構築して納品します。

サービス内容

【10年以上のWebシステム開発経験者が創る、実装を見据えたFigmaLPデザイン】

見た目の美しさだけでなく、「コーディングしやすさ」「読み込み速度」「集客・コンバージョン率」を逆算したFigmaデザインカンプを制作します。

「デザインは良いけれど実装が困難」「スマホ表示が考慮されていない」といったトラブルを防ぐため、フルスタックエンジニアとしてのノウハウをフル活用した構造的なデザインデータをご提供します。

初めてLPデザインを依頼される方でも安心できるよう、丁寧できめ細やかなコミュニケーションと柔軟な進行をお約束します。

デザインの美しさだけでなく、その後の実装や集客・成約率までを見据えた実用的なLPデザインをFigmaで制作します。10年以上のシステム開発経験を活かし、コーディングしやすい構造化されたデザインデータを作成するため、その後の開発工程も非常にスムーズです。丁寧なヒアリングを通じてクライアント様のビジネスの強みやターゲットを分析し、ユーザーを惹きつけるストーリー構成をご提案します。Web制作が初めての方も、ランサーズ内での進捗報告やコミュニケーションを重視しながら進行しますので、安心してお気軽にご相談ください。

UI/UX視点と論理的な構成力で、ターゲットの心を動かしCVR最大化へと導きます

● このようなお悩みはありませんか？
「LPを作ったが問い合わせが増えない」「見栄えが古いので信頼性を高めたい」「ターゲットに合わせた構成・導線がわからない」といった課題を解決します。

● 発注の流れ

お打ち合わせ・ヒアリング
ランサーズのメッセージ機能またはビデオ通話機能を活用し、商品の強みやターゲット、ご希望のイメージを丁寧にお伺いします。

構成案（ワイヤーフレーム）作成
整理した課題をもとに、ユーザーの離脱を防ぎ行動を促すための全体構成案（ワイヤーフレーム）を作成し、ご確認いただきます。

デザイン制作（PC・スマホ対応）
合意いただいた構成案をベースに、UI/UXのノウハウを詰め込んだ高品質なビジュアルデザインをFigmaにて制作します。

確認および修正対応
出来上がったデザインを確認いただき、より訴求力を高めるための細かな修正・ブラッシュアップを重ねて完成させます。

最終確認・納品
Figmaの編集URL、またはご指定の画像形式（PNG/PDFなど）のデータをランサーズ上で納品し、お取引完了となります。

● 対応範囲・価格

簡易LPデザインプラン（3セクションまで）：80,000円
スマホまたはPC用いずれかの、メインとなるファーストビューと基本3セクションのデザインをFigmaで制作します。

標準LPデザインプラン（最大8セクション）：150,000円
PC・スマホ両対応。ヒアリングした内容をもとに、構成案の作成からUI/UXに特化したLPデザインまで一貫して制作します。

コンバージョン最大化プレミアムプラン：250,000円
他社分析やユーザー心理の分析から入り、競合に勝てる構成設計と、セクション無制限でのPC・スマホ両対応デザインを行います。

● 納期
14日〜30日

● 制作の流れ

ターゲット心理に寄り添う構成設計
ユーザー視点に基づき、商品価値がストレートに伝わるキャッチコピーの配置やコンテンツの順番を論理的に設計します。

UI/UXデザイン・ビジュアル構築
色彩心理学や余白設計を取り入れ、ボタンの押しやすさ、文字の読みやすさを追求した、直感的に伝わるデザインを施します。

最終データ調整とクオリティ検証
納品後も社内で更新や調整がしやすいよう、Figmaのデータを整理した状態で最終チェックを行い引き渡します。

● サービス内容
200件以上のWebサイト・LP制作実績を持つUI/UXデザイナーが、ターゲットの心理分析に基づいた「売れるLP（ランディングページ）」のデザインをご提案します。Figmaを用いたデバイス別（PC・スマートフォン）の完全対応デザインにより、直感的な操作性とストレスのない導線を実現。ユーザーを迷わせずコンバージョンへと導く、集客・成約重視のデザインを形にします。

LPを作っても「効果が出ない」とお悩みではありませんか？その原因は、ユーザーの視線誘導や心理に寄り添った「UI/UX設計」が不足しているからかもしれません。

これまでWebサイトやLP制作を200件以上手がけてきたデザイナーとして、お客様のサービスの魅力を最大限に引き出し、成約率を高めるLPをデザインします。丁寧なヒアリングに基づき、ターゲットに刺さる構成を一緒に考え、Figmaを用いてデバイスごとに最適化されたデザインを制作します。ITに詳しくない方も、ランサーズのメッセージやビデオ通話機能で丁寧に進めますのでご安心ください。ビジネスの成長を共に目指すパートナーとして、全力でサポートいたします。まずはお気軽にご相談ください。

「Webサイトを作りたいけれど、何から整理すればいいか分からない」
「作品や人柄、ブランドの世界観が伝わるサイトにしたい」
「見やすく、親しみやすいデザインに整えたい」

そんな方に向けて、掲載内容の整理、ページ構成、ワイヤーフレーム、FigmaでのPC・スマートフォン画面のデザインまで、ご希望に合わせて丁寧に対応いたします。

個人事業主、小さなお店、アーティスト、作家、イラストレーター、展示・イベントの告知、ポートフォリオサイトなどにおすすめです。

【このパッケージでできること】

・小規模Webサイトのデザイン制作
・ポートフォリオサイトのデザイン
・サービス紹介サイトのデザイン
・展示、イベント、活動紹介ページのデザイン
・1ページサイト、LPのデザイン
・掲載内容、ページ構成の整理
・PC、スマートフォン画面のデザイン
・Figmaデータおよび画像データでの納品

【私の強み】

・多摩美術大学統合デザイン学科にてデザインを学び、学科最優秀成績を修めました。
・大手広告制作会社でWebデザイン、広告制作に携わった経験があります。
・Web、広告、グラフィック、イラストまで一貫した視点で、統一感のあるデザインをご提案します。
・丁寧にヒアリングを行い、ご要望が曖昧な段階から一緒に整理いたします。

【大切にしていること】

ただ情報を並べるだけではなく、見る人に雰囲気や人柄、ブランドの魅力まで伝わるWebデザインを大切にしています。

余白、文字、色、写真、イラストなどを丁寧に整理し、やわらかく親しみやすい印象や、作品・活動の世界観が伝わるデザインを心掛けています。

【制作の流れ】

① ご相談・ヒアリング
サイトの目的、掲載内容、ご予算、納期、デザインイメージなどをお伺いします。

② 構成整理・方向性のご提案
ヒアリング内容をもとに、ページ構成やデザインの方向性を整理します。

③ ワイヤーフレーム・デザイン制作
Figmaを使用し、見やすく伝わりやすい画面デザインを制作します。

④ ご確認・修正
プランに含まれる回数の範囲で修正対応いたします。

⑤ 納品
Figmaデータ、PNGまたはJPGなど、ご希望の形式で納品します。

※本パッケージはWebデザインのみのサービスです。
HTML・CSSのコーディング、STUDIOでの実装、公開作業は含まれません。
STUDIOでの実装・公開までをご希望の方には、別パッケージをご案内いたします。

制作会社・広告代理店・ディレクターの方から、Shopifyの実装工程だけをお引き受けするパッケージです。

Figmaや仕様書をご支給いただき、Shopifyテーマ用のテンプレート言語であるLiquid、CSS、JavaScriptで実装します。進行窓口は貴社ご担当者に一本化し、エンドクライアントへの直接連絡は原則行いません。

対応できること

• Figmaや仕様書に沿ったセクション実装
• 商品、コレクション、固定ページのテンプレート改修
• スマートフォン、タブレット、PCの表示調整
• Liquid、CSS、JavaScriptの修正
• メタフィールドを使った表示切り替え
• GA4、Google広告、Meta広告などの計測タグ実装
• 既存コードの確認と変更内容の報告

デザイン制作、要件定義、クライアント折衝は基本料金に含みません。仕様が未確定の場合は、実装前の整理工程を別途お見積もりします。

■ 実績・選ばれる理由

• Liquid・HTML・CSS・JavaScriptによるShopify改修を継続して担当
• 商品ページの写真アップロード機能、請求書払いフォーム、比較表などの実装経験
• 他社制作ストアと制作会社様との協業、NDA（秘密保持契約）に対応

窓口と受け入れ条件を先に揃え、変更ファイルと実装内容を貴社へ戻します。エンドクライアントとの直接連絡は原則行いません。

進め方

1. 仕様書、Figma、対象テーマを確認
2. 実装範囲と受け入れ条件を確定
3. 必要なShopify権限を申請
4. 複製テーマで実装
5. 貴社にプレビューURLを共有
6. 指摘反映、変更箇所を報告

公開中テーマのコピーで作業し、確認前に公開テーマへ反映しません。公開反映を依頼いただく場合は、貴社の承認後に実施します。

連絡と契約

NDA（秘密保持契約）に対応します。ランサーズのルールに沿った連絡・契約を前提とし、必要な連絡頻度や報告形式は開始前に合わせます。

「デザインどおりに見えること」だけでなく、テーマエディタで更新しやすいか、既存機能を壊さないかも確認します。保守を引き継ぐ担当者が分かるよう、変更ファイルと内容をまとめて納品します。

Figmaで作成されたデザインをもとに、HTML/CSSまたはWordPressでWebページをコーディングします。

「Figmaデザインはあるけど、実装できる人を探している」
「LPや下層ページをデザイン通りにコーディングしてほしい」
「PC・スマホ表示に対応したページを作りたい」
「既存のWordPressサイトに新しいページを追加したい」

このような方向けのパッケージです。

Figmaの共有URLをもとに、デザインの雰囲気・余白・文字サイズ・配置を確認しながら、できるだけデザインに沿って実装します。

【対応内容】
・FigmaデザインをもとにしたHTML/CSSコーディング
・スマホ対応、レスポンシブ対応
・LP、下層ページ、簡易ホームページの実装
・WordPressへの反映
・画像やアイコンの書き出し対応
・公開前の表示確認
・軽微な修正対応

【対応できるもの】
・LPコーディング
・ホームページのトップページ
・下層ページ
・サービス紹介ページ
・キャンペーンページ
・既存WordPressサイトへのページ追加

【制作の流れ】

1. Figma共有URLの確認
2. 実装範囲・ページ数・レスポンシブ有無の確認
3. お見積もり・ご購入
4. コーディング開始
5. 表示確認
6. 修正対応
7. 納品

【注意事項】
Figmaデザインをもとに可能な限り再現しますが、ブラウザや端末の違いにより、表示に若干の差が出る場合があります。
また、デザイン上にスマホ版がない場合は、PCデザインをもとに自然に見える形で調整します。

複雑なアニメーション、フォーム機能、予約機能、決済機能、会員機能、外部サービス連携、JavaScriptを多く使う実装は別途お見積もりとなります。

Figmaの閲覧権限だけでなく、画像やアイコンなどの素材を確認・書き出しできる状態で共有いただけるとスムーズです。

仕様書なしでOK！課題に寄り添い、企業の価値と信頼を高めるUI/UXデザインを制作します

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

「どのようなWebサイトにすればいいか分からない」「自社にITの専門スタッフがおらず相談相手がいない」「競合他社と比較された際に自社の強みがうまく伝わっていない」「デザインが古く信頼感に欠ける」といった課題を解決します。

発注の流れ

1. お問い合わせ・ご相談
   ランサーズのメッセージ機能より、サイト制作の目的や現状の課題感をお聞かせください。

2. ヒアリングと要件整理
   詳細を伺いながら、どのようなコンテンツや構成が必要かを整理し、最適なプランをご提案します。

3. お見積もりと仮払い
   ご提案内容にご納得いただけましたら、ランサーズ上で正式なお見積もりを提示し、仮払いをお願いいたします。

対応範囲・価格

ベーシックプラン（トップページのみ）：50,000円
トップページ1画面のデザイン制作。名刺代わりのサイトや、シンプルなシングルページ向けです。

スタンダードプラン（標準的な構成）：150,000円
トップページ＋主要な下層3ページのデザイン（PC・スマホ対応）。一般的な企業サイトに最適です。

プレミアムプラン（フルデザイン構成）：250,000円
トップページ＋下層6ページまでのデザインに加え、Figma上でボタン等の遷移や挙動を確認できるプロトタイプ機能を含めたフルパッケージです。

納期

制作開始から10日〜30日程度（プランによる）

制作の流れ

1. 構成案（ワイヤーフレーム）の作成
   デザインに入る前に、全体のレイアウトや情報の配置を記した骨組みを作成し、方向性のズレを防ぎます。

2. デザインカンプ（Figma）の制作
   決定した構成に沿って、ビジュアルデザインを制作します。まずはトップページから進行します。

3. 修正対応と最終納品
   お客様からのフィードバックをもとに修正を行い、ご満足いただけた段階でFigmaのデータを納品いたします。

サービス内容

Figmaを使用した高品質なコーポレートサイトのデザインカンプ制作サービスです。単に美しいデザインを作るだけでなく、ユーザー目線に立った導線設計（UI/UX）を行い、成果につながるデザインをご提供します。小規模事業者様から中小企業様まで、事前の丁寧なヒアリングをベースに最適なサイト構成から並走いたします。

「IT担当がいない」「どんなサイトにすべきか分からない」そんなお悩みを抱えていませんか？仕様書がなくても問題ありません。貴社のビジネスモデルや解決したい課題をヒアリングし、ターゲットに響く最適なコーポレートサイトデザインをご提案します。Figmaを使用した、実装しやすく洗練されたデザインが強みです。丁寧なコミュニケーションで、公開まで末永く寄り添い、貴社の信頼性と価値を高めるパートナーとして並走いたします。まずはランサーズ上のメッセージでお気軽にご相談ください。

開発を考慮した設計でスムーズに繋ぐ。エンジニア視点を持つデザイナーがSaaSのUI/UXをFigmaで制作します

このようなお悩みはありませんか？
開発したSaaSや業務システムが直感的に使えずユーザー離脱や操作ミスが多発している。また社内にUIデザイナーがおらず、エンジニアが手探りで構築しており、開発スピードと品質が両立しないことに悩んでいる。

発注の流れ

ご相談・見積もり
ランサーズのメッセージより、システムの概要や課題、ご希望の画面数をお聞かせください。

仮払い手続き
金額や納期にご納得いただけましたら、ランサーズ上で仮払い手続きをお願いいたします。

詳細ヒアリング
ランサーズのビデオ通話やメッセージを使用し、必要な機能や業務フローについて深掘りします。

制作・最終納品
成果物のご確認、フィードバック、修正対応を経て、完成したFigmaデータの共有URLを納品いたします。

対応範囲・価格
基本設計パッケージ：20,000円〜
主要1画面の構成案とデザインカンプを作成します。お試しやモックアップに最適です。

標準UIデザインパッケージ：70,000円〜
主要5画面のFigmaデザイン。画面遷移とコンポーネントを設計し実装の効率化を図ります。

フルサポートUIUXパッケージ：150,000円〜
10画面までのUIUX設計。遷移が分かるプロトタイプや共通デザインシステムを構築します。

納期

5日から20日間

制作の流れ

骨組み設計
画面のどこに何を配置するか、情報の骨組みを整理したワイヤーフレームを作成してご確認いただきます。

ビジュアルデザイン
コーポレートカラーや使いやすさに配慮し、実際のシステムに近いデザインカンプに仕上げます。

プロトタイプ設定
Figma上でボタンを押した際の画面遷移を設定し、開発前のモックアップとして操作感をお試しいただけます。

サービス内容
Figmaを使用した、SaaS・業務システムのUI/UXデザインサービスです。画面レイアウト、プロトタイプ、デザインシステムの設計などを、開発時の実装しやすさまで考慮して一貫して行います。仕様書のないアイデア段階からのご相談も大歓迎です。

SaaSや業務システムを開発したものの、「使いにくい」「操作ミスが多い」とお悩みではありませんか。エンジニアとしての開発知見も持つUI/UXデザイナーが、現場の使いやすさと実装のしやすさを両立したデザインをFigmaで設計します。仕様書や具体的な要件が固まっていなくても、現状の課題をヒアリングしながら最適な画面遷移やコンポーネントを形にします。開発フェーズを意識した整理されたレイアウト設計により、エンジニアとのスムーズな連携が可能です。これまでに多くの業務システム開発に伴走してきた経験を活かし、事業成長に繋がるプロダクトづくりをサポートします。ご相談はすべてランサーズ内のメッセージやビデオ通話機能にて承りますので、まずはお気軽にお問い合わせください。

FigmaによるWebサイト・LPのUI/UXデザインを専門とするベトナムオフショアチームです。日本語対応のブリッジSEが窓口となり、要件整理からデザイン納品まで一貫して対応します。

【対応内容】
・ランディングページ・コーポレートサイトのデザイン
・UI/UX設計（情報設計・ワイヤーフレーム）
・Figmaを使った高精度デザインカンプ作成
・PC・スマートフォン両対応（レスポンシブ対応）
・デザインシステム・コンポーネント整備
・インタラクティブプロトタイプ作成

【開発体制】
デザイナーとブリッジSEがペアで対応。細かいニュアンスも日本語でやり取りできます。

【垢抜け：潜在的な商品の魅力を引き立てる。】
固定観念にとらわれず、まだ気づかれない商品の魅力に着目し、より商品の魅力が伝わる"垢抜けLP"を制作。女性向けバナー・LP制作いたします。

発注の流れ

1. ランサーズ上のメッセージよりお問い合わせ
   気になることがあればずはご連絡をください！

2. ヒアリング
   後日オンラインにてお打ち合わせをさせていただきます。お問い合わせの経緯や事業面での課題・お悩みをお伺いいたします。所要時間は1時間から1時間半ほどです。

3. レイアウト作成
   お聞きした内容を基に一度レイアウトを作成します。完成後お客様にもご覧いただき、イメージの相違がないかをご確認いただきます。

4. デザイン、コーディング
   レイアウトが決定次第、デザイン工程に移ります。トップページ作成後、一度お客様にもご確認いただき、デザインの方向性を調整していきます。

5. 確認・修正
   全体が出来上がった段階で、最終的なご確認をいただきます。修正箇所があればご対応をし、ブラッシュアップを重ねてクオリティを高めていきます。

沢山のデザイナーの中から興味を持ってくださりありがとうございます！
フリーランス3年目のデザイナーちかと申します。
■元広告代理店専属デザイナー
■現在はデザインスクールメンター・講師

をやっております！

広告代理店様の制作チームのデザイナーの経験を経て
成果に繋げるデザインを制作させて頂きます。

制作事例としては、
・女性向け化粧品LP
・美容医療アートメイクLP
・歯科矯正クリニックLP
・パーソナルジムLP
・ピラティスLP
・男性向けダイエットサプリLP
・介護・建設業求人採用LP
・子供向けヨガ・英会話LP

などがございます（個人の案件も含む）

【サービス内容内訳】
・長さ制限なし
・スマホファーストデザイン
・ご希望の方には原稿の構成案についてアドバイス
・有料フォント（モリサワフォント、花とちょうちょ）の使用
・デザイン修正無制限（納品前）
・納品後1ヶ月以内は無料で修正対応（大幅変更については別途料金となります）
・Studioにてコーディング対応可能
（ボタンを動かす、ボタンを追従させる、マップを埋め込む、動画を入れる、一部カルーセルにする等の対応も可能です！）

【弊社の強み】
●パッとみて理解出来る内容とデザイン
人は基本的に読まない、を土台に考え、読ませる為にどういう工夫が必要かを常に意識して制作しております。3秒で伝わるかどうか、安心や信頼を感じてもらえるか、行動したくなるか等をデザインに落とし込みます。

●互いの認識の違いを減らしコミュニケーションコスト削減を意識
お忙しいお客様にとって何度も修正のやりとりをすることはストレスになると考えております。お客様が求めている意図を丁寧に汲み取り、イメージの解像度をより一致させて修正回数が少なく済むようヒアリングを心がけております。

【発注の流れ】
①お問い合わせ
まずはランサーズのメッセージ機能にて、LP制作のご要望や現在の課題、流入経路、ターゲット、制作の目的などをお気軽にご相談ください。

②ヒアリング
オンラインにて詳細なヒアリングを行います。LPに載せたい内容、イメージ共有、希望納期、価格相談等を伺います。

③企画・お見積もり提案
ヒアリング内容に基づき、LPの構成案やデザインの方向性をご提案し、お見積もりを作成いたします。

④ご契約・制作開始
内容とお見積もりにご納得いただけましたら、ランサーズ上でご契約いただき、仮払いをお願いします。この時点から制作を開始します。

⑤制作・確認・修正
制作の進捗状況を適宜ご報告しながら、デザインの初稿をご確認いただきます。修正回数を減らす為にも、ワイヤーフレームの時点で一度ご確認をして頂き、デザインの構成をしっかりと固めてからデザイン装飾に入らせて頂きます。

⑥納品・公開
最終的なご確認が完了後、LPを公開し、納品となります。

購入にあたってのお願い
・薬機法 / 景品表示法に関連する場合は、チェック済みの原稿のご提出をお願いします。
・原稿はコピー&ペースト出来る状態でご提出ください。
・制作開始後のキャンセルはお断りしております。

見た目だけでなく、使いやすさまで。要件整理からUI設計・プロトタイプ制作まで対応します

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

・新しいアプリやWebサービスのアイデアを、まず画面として確認したい
・機能は決まっているが、画面構成や導線を整理できていない
・既存サービスのUIを、より分かりやすく改善したい
・エンジニアや関係者と共有できる具体的な画面案が欲しい
・静止画だけでなく、実際に操作できる試作品を作りたい

サービスの目的やターゲットを整理し、使いやすい画面構成とUIデザインをご提案します。

生成AIやプロトタイピングツールを活用し、早い段階からブラウザ上で操作できる画面を制作します。画面を実際に触りながら、導線や使いやすさを確認できます。

対応内容

・要件、課題の整理
・必要画面の整理
・画面構成、導線設計
・UIデザイン
・操作可能なWebプロトタイプ制作
・既存UIの改善提案
・画像アセットの書き出し
・Figmaデータの作成、納品（オプション）

制作の流れ

1. ヒアリング

ランサーズのメッセージ機能にて、サービス内容、ターゲット、必要な機能、ご希望のイメージなどを伺います。

2. 画面構成・導線の整理

必要な画面や情報の優先順位、ユーザーが操作する流れを整理します。

3. ラフプロトタイプ制作

色や装飾を抑えた、操作可能なラフプロトタイプを制作します。実際に画面を操作しながら、構成や導線をご確認いただきます。

4. UIデザイン・ブラッシュアップ

構成の確認後、色、文字、余白、画像などを整え、完成イメージに近いUIへ仕上げます。

5. 修正・納品

ご確認後に修正を行い、Webプロトタイプ、画像データ、またはご指定の形式で納品します。

対応範囲・価格

ベーシック｜UIプロトタイプお試しプラン：40,000円

主要3画面のUI設計と、基本的な画面遷移を確認できるプロトタイプを制作します。

アイデアをまず画面にして確認したい方や、UIの方向性を決めたい方におすすめです。

・主要3画面
・簡易ヒアリング
・画面構成、導線整理
・操作可能なプロトタイプ
・修正1回まで

スタンダード｜UIプロトタイプ制作プラン：80,000円

主要5画面のUI設計と、サービスの流れを確認できるプロトタイプを制作します。

新規サービスの画面案や、既存サービスのUI改善を具体的に検討したい方におすすめです。

・主要5画面
・要件、導線整理
・UIデザイン
・操作可能なプロトタイプ
・修正2回まで

プレミアム｜サービス検証用プロトタイププラン：180,000円

最大10画面のUI設計と、主要な操作や状態変化を確認できるWebプロトタイプを制作します。

関係者への共有、サービス検証、開発前のイメージ確認におすすめです。

・最大10画面
・要件、画面構成整理
・UIデザイン
・複数の画面遷移、状態変化
・操作可能なWebプロトタイプ
・修正2回まで

納期

・ベーシック：7日程度
・スタンダード：14日程度
・プレミアム：30日程度

画面数や機能の複雑さ、ご確認に必要な期間によって納期が変わる場合があります。

ご購入前にご確認ください

本サービスは、サービス検証や仕様共有を目的としたUI設計・プロトタイプ制作です。

本番環境への組み込み、バックエンド開発、データベース接続、サーバー設定、保守運用は含みません。

高度なアニメーション、複雑な入力処理、外部サービスとの連携が必要な場合は、事前にご相談ください。

仕様書不要。アイデアを「直感的に使いやすい」スマホアプリデザインに落とし込みます

このようなお悩みはありませんか？
「スマホアプリのアイデアはあるが、具体的な画面イメージやデザインに落とし込めない」「仕様書がなくデザイナーにどう依頼していいかわからない」「開発後の使いやすさが心配」という課題を解決します。

発注の流れ

メッセージでのヒアリング
ランサーズのメッセージ機能を用いて、アプリの目的やターゲット、ご希望のイメージを伺います。仕様書がなくても問題ありません。

お見積もり・ご契約
ヒアリング内容をもとに最適なプランを決定し、お見積もりを提示します。合意後、仮払い手続きへお進みいただきます。

対応範囲・価格

手軽にイメージ化する3画面デザイン：30,000円
アプリの核となる主要3画面のUIデザイン。まずはビジュアルイメージを掴みたい方に最適です。

しっかり設計する8画面スタンダードデザイン：80,000円
主要8画面のデザインと、ユーザーの操作感がわかる画面遷移プロトタイプを作成します。

開発がスムーズになる15画面フルデザイン：150,000円
詳細15画面のデザインに加え、エンジニアが実装しやすいコンポーネント設計とガイドラインを提供します。

納期
10日〜30日（プランによる）

制作の流れ

構成案・ワイヤーフレーム作成
主要画面のレイアウトと遷移図を作成し、機能配置の認識をすり合わせます。

デザイン制作と確認
Figmaにて、ターゲットに響く美しいビジュアルデザインを制作し、進捗を随時共有します。

プロトタイプ作成・最終調整
実際に動かせるプロトタイプを作成し、細部を微調整した上でデータを納品します。

サービス内容
スマホアプリのUI/UXデザインを、仕様書不要のアイデア段階からFigmaで設計・制作します。これまでの豊富な開発・MVP伴走実績から、ただ美しいだけでなく、「エンジニアが実装しやすく、ユーザーが使い続けたくなる」画面をご提案します。

仕様書がなくても大丈夫です。アプリのアイデア段階から寄り添い、スマホアプリの直感的で使いやすいUI/UXデザインをFigmaで設計します。多くの中小企業様を支援し、MVP開発から売上8.5億円規模への成長に伴走した経験を持つデザイナーが、お客様の「何を作ればいいかわからない」を解決します。丁寧なヒアリングを通じて、ターゲットユーザーが迷わず操作できる導線設計（UX）と、サービスの魅力を引き出す美しいビジュアル（UI）を両立します。さらに、開発経験に基づき「エンジニアが実装しやすいデータ」として作成するため、その後のシステム開発への移行もスムーズです。ランサーズのメッセージ機能やビデオ通話機能を使用し、密に相談しながら進めます。アプリの成功を見据え、長く愛される最適な画面デザインをご提案しますので、まずはお気軽にご相談ください。

はじめまして、さとうさきと申します。

女性向けLP制作をメインに、Webデザイナーとして活動しております。
丁寧なヒアリングと徹底的なリサーチで、お客様の想いをカタチにし、成果に繋がるLPを制作します。

大切にしていることは
”情報整理”と”目を惹くデザイン”です。

特にファーストビュー(FV)の制作には力を入れております。
ユーザーが1番最初に目にするエリアがファーストビュー(FV)です。
LPは最初の3秒で判断されると言われており、そこでFVがとても大切になってきます。
LPの出来栄えで、ビジネスの成否が決まると言っても過言ではありません。
多くの女性が、LPの第一印象で｢自分に合うか｣｢信頼できるか｣を判断します。
私の制作では、商品やサービスの魅力が伝わるよう情報設計し、FVを含めLPに反映させています。
魅力的なFVの制作に力を入れておりますので安心してお任せください！

《ご購入の流れ》
①お見積もり・ご相談
LP制作の商品やターゲットについて教えてください
②ご購入
ヒアリングシートへのご記入をお願いいたします
③ヒアリング
イメージの共有・すり合わせを行います
④デザイン制作開始
こまめに進捗報告を行い、イメージとの差異がないか確認しながら進めます
⑤修正
納品までは修正無制限で対応いたします！回数により納品までのお時間がかかることがございます
⑥納品・お取引完了
最終確認をしていただき、納品いたします

《その他ご案内・注意事項》
◆ライティングについて
ライティングのご準備がない場合は、信頼できるライターさんに依頼し制作を行います。
｢ここだけライティングがない｣など、個別の相談もお気軽にご相談ください＊
◆納品期間(デザイン制作開始後から)
FVや一部分のみの場合：7日以内で納品
構成やテキストご準備ありのLP制作の場合：14日以内で納品
まるっとお任せLP制作の場合：30日以内で納品
進捗報告はこまめにさせていただきますので、ご安心ください＊
お急ぎの対応についてはご相談ください！！！
◆音信不通
初稿ご提案後、15日以上音信不通の場合は納品完了とさせていただきます。
事前に連絡が取れなくなる場合などはお伝えください＊
◆大幅な修正
初稿ご提案後、大幅なテキストの変更やヒアリングと変わる点があった場合は追加で料金を頂くことがございますのでご了承ください。
そういった問題が起こらないよう、丁寧にヒアリングを行いますので何卒ご協力のほどよろしくお願いいたします。
◆制作ツール
基本的にはFigmaでの制作を考えております。
Figma、Canvaでの制作が可能です。ご希望がございましたら事前にお伝えください。
◆編集データのお渡し
別途、追加で料金をいただきます。ご相談ください。

◎ご利用にあたり、ご不明な点がございましたらお気軽にご相談ください◎

-お預かりしたデザイン（Figma／Adobe XD／PSD／画像）を元に HTML / CSS / JavaScript でコーディング

• PC・タブレット・スマートフォンのレスポンシブ対応
• 主要ブラウザ（Chrome／Safari／Edge／Firefox）での表示確認
• アニメーション実装（フェードイン・スライダー・アコーディオン 等／プランによる）
• お問い合わせフォームの設置（プランによる）
• 表示速度に配慮した軽量コーディング（画像圧縮・WebP化・遅延読み込み 等）
• 納品形式：ソースコード一式（HTML／CSS／JS・画像）を zip でお渡し
• ※サーバーへのアップロード・本番公開は「プレミアム」またはオプションで対応します

「業者に頼むほどじゃないんだけど、自分では直せない…」
そんなHP・ブログの"ちょっとした困りごと"をサクッと修正するサービスです。
AI（Claude・ChatGPT等）を活用し、原因調査から修正までスピーディーに対応します。

【修正できる症状カタログ】
①見た目の崩れ系：スマホ・タブレットで表示が崩れる／画像がはみ出す／文字が重なる／余白がおかしい
②差し替え・追加系：文言・画像・バナーの差し替え／ボタン・リンクの追加や修正／営業時間や料金表の更新
③デザイン調整系：色・フォント・文字サイズ・余白の調整／「なんとなく素人っぽい」の解消
④動作・速度系：リンク切れ・押せないボタンの修正／表示が遅いときの軽量化
⑤WordPress系：テーマの見た目カスタマイズ／崩れた表示の復旧
※カタログにない症状も、まずは見せてください。WordPressが入っていない手作りのHTMLサイトも直接修正できます。

【まずは無料相談から（ご購入前OK）】
「これって直せますか？」の一言だけで大丈夫です。サイトのURLやスクリーンショットを送っていただければ、①直せるかどうか②どのプランに該当するか③お見積りを無料でお答えします。

【「壊されないか不安…」な方へ】
✅作業前に該当ファイル・設定のバックアップを取得
✅万一のときはすぐ元の状態に戻せる形で作業
✅変更内容はビフォー・アフターの画像でご報告
✅ご依頼いただいた箇所以外は触りません

【料金プラン】
◆ベーシック：10,000円｜修正1〜2箇所
◆スタンダード：15,000円｜修正3〜5箇所または表示スピード軽量化
◆プレミアム：25,000円｜1ページまるごと手直し（レイアウト調整・スマホ対応の改善）
※無料相談の時点でプランと金額を必ず先にお伝えし、ご納得いただいてからのご依頼となります。確定後の追加費用はいただきません。

【料金に含まれるもの】
・修正作業一式（作業前のバックアップ取得を含む）
・納品後、同じ箇所の手直し2回まで無料
・納品後1週間の不具合対応

【ご依頼の流れ】
①無料相談（URLやスクショを添えて一言）
②プランとお見積りをご提示→ご納得後にご依頼
③作業（バックアップを取ってから着手）
④ビフォーアフターをご確認いただいて納品

【対応スキル・実績】
HTML／CSS／JavaScript／WordPress／スマホ対応（レスポンシブ）
クリニックサイト・ECサイト・Webアプリなどの制作実績あり（ポートフォリオ参照）。

着手前の診断で「直せる・直せない・いくらか」を必ずお伝えします。直せないものに料金はいただきません。
「こんな小さいこと頼んでいいのかな？」という内容こそ歓迎です。お気軽にご相談ください。

当パッケージをご覧いただきありがとうございます！！
LPデザイナーの浮田と申します。

【こんな方におすすめ】
「LPの設計からお願いしたい」
「集客に繋げたい」
「リサーチから実装までまるッと頼みたい」
「商品の魅力が伝わる洗練されたLPにしたい」

清潔感、高級感、かわいい、かっこいいなど、
世界観を大切に、ターゲットに刺さるLP制作を心がけています！
クライアント様の想いをオリジナルのLPデザインでお届けいたします！

長さ無制限、修正は納期まで可能な限り対応いたします！
丁寧なヒアリング、
サービスに適した構成をいたします！

【ご購入後の流れ】
ヒアリングシートへご記入をお願いいたします
↓
Zoom等でヒアリングシートをもとに丁寧に擦り合わせを行います。
↓
制作に取り掛かります。進捗報告、確認を丁寧に行います。
↓
ご納得いただけるよう修正などの対応をいたします
↓
納期までに納品いたします

【制作可能なジャンル】
美容・サプリ・フィットネス・サロン・女性向け・男性向け
他ジャンル対応できます。

【その他】
原稿はご準備ください
写真等素材がございましたらご共有ください
制作ツールはPhotoshop、figmaです
編集権限は譲渡しておりません。
ご了承くださいませ。

納期、料金プランやオプション
パッケージをご覧いただき、ぜひご相談ください！

ご覧いただき、誠にありがとうございます。
LP・HP制作を中心に、「成果につながるWebサイト」を一貫して制作いたします。

単なる見た目のデザインではなく、
「伝わる設計」「使いやすさ」「離脱しない構成」まで含めてご提案いたします。

■ 提供できるサービス

【① LP（ランディングページ）制作】

・商品/サービス訴求LP
・広告用LP（CV重視設計）
・採用LP / セミナーLP

👉 強み

• キャッチコピー設計（訴求軸の整理）
• ファーストビュー改善（3秒で伝わる構成）
• CTA導線設計（お問い合わせ・購入につなげる）

【② HP（ホームページ）制作】

・コーポレートサイト
・サービスサイト
・ポートフォリオサイト
など

👉 対応内容

• サイト構成設計（ページ設計）
• UI/UX設計
• レスポンシブ対応（PC / タブレット / スマホ）

【③ デザイン（Figma）】

・Figmaを使用した高品質デザイン
・コーディングしやすい設計
・修正しやすいコンポーネント設計

👉 特徴

• デザインだけで終わらない「実装前提設計」
• 開発・運用まで見据えたUI設計

【④ コーディング】

・HTML / CSS
・JavaScript（jQuery）

👉 対応内容

• ピクセル精度の再現
• 軽量で表示速度を意識した実装
• アニメーション実装（スクロール演出など）

【⑤ WordPress対応】

・既存テーマカスタマイズ
・コンタクトフォームの実装

【⑥ 改善・運用サポート】

・既存サイトの改善提案
・UI/UX改善
・CV率改善のための導線見直し

👉 「作って終わり」ではなく
成果につながる改善提案まで対応可能です。

■ このような方におすすめ

・LPを作ったけど反応が悪い
・何を載せればいいかわからない
・デザインだけでなく構成から相談したい
・丸投げで制作したい

■ 制作の流れ

1. お問い合わせ・ヒアリング
2. 目的・ターゲットの整理
3. 構成設計（ワイヤーフレーム）
4. デザイン制作（Figma）
5. コーディング
6. テスト・確認
7. 納品（zip / サーバーアップ可）

■ 修正について

・軽微な修正：無制限対応
・大幅変更：ご相談の上対応

■ 納品形式

・デザイン(PNG)
・HTML一式（zip）
・WordPress納品
・サーバーアップロード対応可能

■ 対応ツール

・Figma
・HTML / CSS / Sass
・JavaScript（jQuery）
・WordPress

■ 最後に

「なんとなく作る」ではなく
目的から逆算したWeb制作を行います。

小さなご相談でも問題ございませんので、
まずはお気軽にご連絡ください。

Web制作（LP・HP）｜設計から改善提案まで一貫対応

この度はご覧いただき、誠にありがとうございます。

LP（ランディングページ）やホームページ制作を中心に、「成果を意識したWeb制作」を行っております。

単に見た目を整えるだけではなく、
「伝わる情報設計」「使いやすさ」「行動につながる導線」を意識し、目的に沿ったサイトをご提案いたします。

対応可能な制作内容

■ LP（ランディングページ）制作

商品・サービス紹介、広告運用向けLP、採用ページ、セミナー案内ページなど、目的に合わせた構成で制作いたします。

対応例

• 商品・サービス訴求ページ
• 広告運用向けLP
• 採用・求人LP
• セミナー／イベント告知LP

制作時に重視しているポイント

• 訴求内容の整理とキャッチコピー設計
• ファーストビューの最適化
• お問い合わせや購入につながる導線設計
• 離脱を防ぐ情報配置

■ ホームページ（HP）制作

企業サイト、サービスサイト、ポートフォリオサイトなど、用途に合わせたWebサイト制作に対応しております。

対応内容

• サイト全体の構成設計
• UI / UXを意識したページデザイン
• スマホ・タブレット対応（レスポンシブ）
• 更新しやすい構成設計

■ Webデザイン（Figma）

Figmaを用いた、実装を前提としたデザイン制作を行います。

特徴

• コーディングしやすいデザイン設計
• 修正・管理がしやすいコンポーネント設計
• 開発後の運用まで考慮したUI設計

■ コーディング対応

デザインの再現性を重視しながら、軽量で扱いやすい実装を行います。

使用技術

• HTML / CSS / Sass
• JavaScript（jQuery）

対応可能な内容

• デザイン忠実な実装
• 表示速度を考慮したコーディング
• アニメーション実装
• スクロール演出などの動的表現

■ WordPress対応

既存テーマの調整から基本的な機能実装まで対応可能です。

対応内容

• テーマカスタマイズ
• お問い合わせフォーム設置
• サイト更新しやすい環境構築

■ サイト改善・運用サポート

制作後の改善提案も可能です。

こんなお悩みに対応します

• LPを作ったが成果につながらない
• 導線を見直したい
• UI/UXを改善したい
• CV率向上を目指したい

「作って終わり」ではなく、改善まで伴走いたします。

このような方におすすめです

✓ デザインだけでなく構成から相談したい
✓ 何を掲載すべきか分からない
✓ LPやHPの反応を改善したい
✓ 制作をまとめて依頼したい

制作の進め方

1. ヒアリング
ご要望や目的を丁寧に確認いたします。

2. 要件整理・構成設計
ターゲットや目的を整理し、必要なページ構成を設計します。

3. デザイン制作
Figmaにてデザインを作成します。

4. コーディング実装
PC・スマホ表示を考慮しながら実装いたします。

5. テスト・最終確認
表示崩れや動作確認を行います。

6. 納品
zip形式・サーバーアップ・WordPress納品など柔軟に対応いたします。

修正対応について

• 軽微な修正：柔軟に対応いたします
• 大幅な変更：内容に応じてご相談

納品形式

• デザインデータ（PNG）
• HTML一式（zip）
• WordPress納品
• サーバーアップロード対応可

使用ツール

• Figma
• HTML / CSS / Sass
• JavaScript（jQuery）
• WordPress

最後に

目的を明確にし、成果につながるWeb制作を心がけています。

「まだイメージが固まっていない」段階でも問題ございません。
まずはお気軽にご相談ください。

ターゲットの視線を奪う美容バナーを制作します

⚫︎このようなお悩みはありませんか？
・美容系広告を出したいがクリックされるバナーが作れない
・社内にデザイナーがいないため外注したい
・商品のブランドイメージに合う洗練されたデザインが欲しい
・ターゲット層に直感的に魅力が伝わる視線誘導をしてほしい

⚫︎発注の流れ

1. メッセージにてヒアリング
   ランサーズのメッセージにて、バナーのサイズ、ターゲット、ご希望のイメージなどをヒアリングいたします。

2. ラフ案のご提示
   構成案やラフデザインを作成し、ランサーズ上でご確認いただきます。方向性のズレを防ぎます。

3. 修正・ブラッシュアップ
   ラフ案をもとに本制作を行い、ご確認いただきながらプランに応じた回数の修正を反映します。

4. 納品・完了
   完成したデザインデータを指定の形式（PNG/JPEG、Figma、Canvaリンクなど）で納品いたします。

⚫︎対応範囲・価格

バナー1枚制作（basic）：10,000円
美容系バナー1枚のデザインを制作します。ブランドイメージを丁寧に反映させます。

バナー2枚制作（standard）：15,000円
同一構成でサイズ違いや、テキストを変えた差分バナーを含め2枚制作します。

ABテスト用3枚制作（premium）：25,000円
異なる訴求・デザインでABテストが可能なバナーを3枚制作します。修正回数無制限です。

⚫︎ 納期
5日から10日

⚫︎ 制作の流れ

1. ターゲット分析と構成設計
   ターゲットが惹かれるトーン＆マナーや視線誘導を設計します。

2. ビジュアル制作と文字入れ
   CanvaやFigmaを使用し、美容商材の透明感や高級感を活かしたデザインに仕上げます。

3. 徹底した品質チェックと納品
   誤字脱字やサイズ規定、余白などを徹底チェックして納品します。

⚫︎サービス内容
美容商材の魅力をターゲットに届けたいけれど、目を引くバナーデザインが作れないとお悩みではありませんか？
「ブランドの世界観を伝える表現力」と「徹底した情報整理力」を強みに、ターゲットの視線を一瞬で奪う美容系広告バナーを制作します。
CanvaやFigmaを使いこなし、トンマナに合ったクリックしたくなるバナーをカタチにします。
ランサーズのメッセージ機能にて、丁寧かつ迅速に対応いたします。
ぜひお気軽にご相談ください。

成約率（CVR）を劇的に改善する、売れるLPを作ります

広告費をかけてアクセスを集めても、ランディングページ（LP）の出来が悪ければ、すべて離脱されてしまい無駄なコストになります。

「自社の商品・サービスの魅力が伝わっていない気がする」
「デザインが古く、競合に見劣りしている」
「とにかく売上・問い合わせ・リスト獲得を増やしたい」

その課題、本サービスが解決します。

■当サービスの強み

ユーザー心理に基づいたストーリー設計
LPは見た目の美しさ以上に「どう読ませるか」が重要です。ターゲットの共感を呼び、ベネフィットを伝え、自然とアクション（購入・申し込み）へと誘導する導線を構築します。

視線を釘付けにするファーストビュー
ユーザーは最初の3秒でそのページを読むか判断します。離脱を防ぎ、続きを読ませる強力なキャッチコピーとデザインの組み合わせを提案します。

スマホファーストなUI/UX
SNS広告からの流入を想定し、スマートフォンでの読みやすさ、ボタンの押しやすさを徹底的に追求したレスポンシブデザインを提供します。

■制作の流れ

1.ヒアリング（商品・サービスの強み、ターゲット、競合等）

2.構成案（ワイヤーフレーム）の作成 ※プレミアムプランのみ

3.ファーストビューのデザイン提出・方向性のすり合わせ

4.全体デザインの制作

5.コーディング（HTML/CSSによるWeb化）

6.ご確認・修正対応

7.ファイル一式納品、またはサーバーへのアップロード

■注意事項
・キャッチコピーや文章（テキスト原稿）は、原則としてお客様にてご用意をお願いしております（プレミアムプランを除く）。
・薬機法や景品表示法に関わる表現の最終確認はお客様ご自身でお願いいたします。

成果に直結するLPで、あなたのビジネスの売上を底上げします。まずはお気軽にご相談ください。

既存LP・古くなったLPを、より魅力的で成果につながりやすいLPへ改善します。

LPは一度作って終わりではなく、デザインの古さ、スマホでの見づらさ、訴求の弱さ、CTAの位置、フォーム導線、ファーストビューの印象などによって、反応が大きく変わることがあります。

弊社では、現在のLPを確認したうえで、見た目のリニューアルだけでなく、ユーザーが内容を理解しやすく、問い合わせ・購入・申込・資料請求につながりやすい構成へ改善いたします。

【このような方におすすめです】
・昔作ったLPのデザインが古く感じる方
・LPはあるが、問い合わせや申込につながっていない方
・スマホ表示が見づらく、離脱が気になる方
・ファーストビューの印象を強くしたい方
・商品やサービスの魅力がうまく伝わっていない方
・CTAやフォーム導線を改善したい方
・広告運用に合わせてLPを改善したい方

【対応内容】
・既存LPのデザイン改善
・ファーストビュー改善
・構成 / 訴求の見直し
・CTA導線の改善
・スマホ表示の改善
・フォーム周りの見直し
・画像 / 余白 / 配色 / UIの調整
・PC / スマホ対応デザイン
・Figmaデザイン制作
・WordPress / HTMLコーディング対応
・レスポンシブ対応
・基本的な表示確認

【改善できるLP例】
・商品販売LP
・資料請求LP
・無料相談LP
・セミナー申込LP
・LINE登録LP
・サービス紹介LP
・美容 / サロンLP
・BtoBサービスLP
・スクール / 講座LP

【制作の流れ】

1. 既存LPの確認
   現在のLP、目的、ターゲット、改善したい点を確認します。

2. 改善方針の整理
   デザイン、構成、CTA、スマホ表示、訴求内容など、改善すべきポイントを整理します。

3. 改善デザイン制作
   既存LPの良い部分を活かしながら、より見やすく魅力的なデザインへ整えます。

4. 実装
   WordPressまたはHTMLで改善内容を反映します。

5. 確認・修正
   表示崩れ、スマホ表示、CTA、フォーム導線などを確認し、必要な修正を行います。

6. 納品
   最終確認後、データまたは公開環境にて納品いたします。

【ご用意いただきたいもの】
・現在のLP URL
・改善したい目的
・現在困っている点
・参考サイト
・使用したい画像素材
・掲載中の文章
・広告流入の有無
・問い合わせフォームや購入導線の情報

単に見た目を綺麗にするだけではなく、ユーザーが「分かりやすい」「信頼できる」「問い合わせてみたい」と感じられるLPへ改善することを目指します。

ご希望に沿ったデザインをお届けします

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

・サロンや商品の魅力を伝える画像がほしい
・自分で作ってみたが素人感があり集客につながらない
・お手軽に簡単なバナー制作が欲しい
・初めての依頼で、何をどう伝えたらいいか分からない

発注の流れ

ランサーズメッセージでご相談
まずはランサーズのメッセージ機能にて、ご希望のイメージや商材についてお知らせください。

ヒアリングとお見積り
目的やターゲットをじっくり伺い、最適なプランをご提案してお見積りを作成します。

仮払い・取引開始
お見積りにご納得いただけましたら、ランサーズ上で仮払いの手続きをお願いします。

納期

最短7日～21日（プランによる）

デザイン制作ツール

Photoshop
Figma
Canva
illustrator
※ご要望がない限り基本的にPhotoshopを使用。

修正・納品
ご要望に応じて修正を行い、ご指定の形式（jpg png 等）で納品します。

稼働時間

平日9時～18時
土日　要相談

ご不明な点等がありましたらランサーズ内のメッセージにていつでもご連絡ください。
最後まで読んでいただきありがとうございます。

会社・サービス内容が伝わるWebサイトデザインを制作します

こちらは、コーポレートサイト・サービスサイト・事業紹介サイトなどのWebデザイン制作サービスです。
コーディング・実装は含まれません。

古く見えるWebサイト、情報が整理されていない会社サイト、何の会社・サービスなのか伝わりにくいページを、構成・導線・レイアウトから整理します。

😇「Webサイトが古く見える」
🤔「会社やサービス内容が伝わりにくい」
😱「スマホで見づらい」
🤨「問い合わせ導線を整えたい」
😑「FigmaでWebデザインだけ依頼したい」

このような状態から対応可能です。

対応できること

• コーポレートサイト・サービスサイトのデザイン制作
• 既存Webサイトのデザイン改善
• トップページ・下層ページのレイアウト作成
• スマホ表示を意識したデザイン整理
• 情報整理、導線・CTAの見直し
• FigmaでのWebデザイン作成

対応できないこと

• コーディング、実装
• WordPress等の構築
• サーバー、ドメイン設定
• SEO施策、広告運用
• 原稿の完全作成
• ロゴ、イラスト制作
• 複雑なアニメーション設計

サービス内容

Webサイトデザイン制作
会社やサービス内容が伝わるWebサイトデザインを作成します。
情報の順番、余白、見出し、導線、ボタン配置などを整え、見やすく信頼感のあるページに仕上げます。

トップページ・下層ページの整理
トップページ、サービス紹介、会社概要、お問い合わせ導線など、Webサイトに必要な情報を整理します。
既存サイトや掲載情報をもとに、ページごとの役割が伝わる構成に整えます。

スマホ表示を意識したデザイン
スマートフォンでの見やすさを意識し、余白・文字サイズ・ボタン配置などを整理します。
PC版だけでなく、スマホで閲覧される前提のデザインに対応します。

Figmaでのデザイン作成
FigmaでWebデザインを作成します。
コーダーやエンジニアに共有しやすい形で納品します。

テキスト中心の進行
メッセージ機能を使い、確認事項をテキストで整理しながら進行します。
通話なしでも進めやすいよう、必要な情報や確認ポイントを明確にお伝えします。

使用ツール

Figmaをメインに使用します。
必要に応じて、Photoshop・Illustratorも補助的に使用可能です。

納品形式

・Figma共有URL
・必要に応じた画像書き出し
・簡単な補足メモ

※コーディング・実装は含まれません。
※FigmaでのWebデザイン制作が対象です。

プラン案

ベーシック：トップページ1ページ（パソコン・スマホ対応）

Webサイトのトップページを制作します。
まずはトップページだけ整えたい方、既存サイトの第一印象を改善したい方向けです。

対応画面数：1画面
納期目安：7日
料金目安：30,000円

スタンダード：トップページ＋下層3ページ（パソコン・スマホ対応）

トップページに加えて、サービス紹介・会社概要・お問い合わせなど、下層ページを最大3ページまで制作します。
小規模な会社サイトやサービスサイトを整えたい方向けです。

対応画面数：最大3画面
納期目安：14日
料金目安：60,000円

プレミアム：トップページ＋下層8ページ（パソコン・スマホ対応）

管理画面や業務システムの複数画面を、最大5画面までまとめて改善します。
画面全体の統一感や、導線・レイアウトの整合性まで見直したい方向けです。

対応画面数：最大5画面
納期目安：21日
料金目安：100,000円

ページ範囲について

1ページとは、1つのWebページを想定しています。

情報量が非常に多いページ、LP相当の長さがあるページ、複雑なフォームやアニメーション想定があるページは、内容により追加対応またはカスタマイズ見積もりとなる場合があります。

ご依頼の流れ

1️⃣原稿・資料のご共有
　 掲載したい文章、画像、既存サイト、参考URLなどをお送りください。

2️⃣内容確認
　 目的、ページ数、掲載情報、希望納期を確認します。

3️⃣構成・導線整理
　 必要に応じて、情報の順番やページ導線を整理します。

4️⃣Webデザイン制作
　 FigmaでWebサイトデザインを作成します。

5️⃣ご確認・修正
　 作成したデザインをご確認いただき、必要に応じて修正します。

6️⃣納品
　 Figma共有URLまたはご指定形式で納品します。

色彩理論とUI/UX視点でターゲットを惹きつけるバナーを制作します

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

「広告バナーを作ったがクリックされない」「ターゲット層に響く色使いやデザインがわからない」「感覚的ではなく、デザインの明確な根拠や理由がほしい」というお悩みを解決します。

発注の流れ

1. ランサーズ上でのお問い合わせ
   ランサーズのメッセージ機能で、バナーの目的、ターゲット、ご希望のサイズ、記載したい文字などの詳細をお知らせください。

2. 構成・方向性の確認
   お伺いした内容をもとに、構成案やレイアウトのイメージをご提案いたします。

3. デザイン制作と修正対応
   デザインを作成し、ご確認いただきます。修正等のご要望も承ります。

4. 納品
   問題がなければ、指定のファイル形式（JPG, PNG, Figmaデータ等）で納品いたします。

対応範囲・価格

お試しバナー2枚プラン：10,000円
バナーの効果を手軽に試したい方向けの、バナー2枚を制作するプランです。

標準バナー5枚プラン：20,000円
訴求内容に合わせて複数パターンのABテストなどを行いたい方向けの5枚プランです。

バナー10枚フルプラン：35,000円
複数商品や別サイズ展開も含めて、一気に対策を強化したい方向けの10枚プランです。

納期

7日から21日（プランによる）

制作の流れ

デザインのご提示
色彩理論と構成案をもとにデザインを作成し、最初の成果物をランサーズのメッセージにて提示します。

修正対応
いただいたフィードバックをもとに、文字の微調整や色の微調整を行います。

サービス内容

色彩2級とカラーコーディネーター3級を持つデザイナーが、色彩心理とUI/UXの視点を取り入れた「クリックしたくなるバナー」を制作します。

「広告バナーのクリック率が上がらない」「商品の魅力を伝えるデザインがわからない」と悩んでいませんか？ウェブ制作会社2社での勤務実績を持ち、色彩2級とカラーコーディネーター3級を保持するデザイナーが、色彩理論とUI/UXの視点から「論理的にユーザーへ響くバナー」を制作します。アパレルや自動車学校、食品など様々なジャンルでのバナー制作実績に基づき、ターゲットの心に刺さる配色と配置を設計します。まずはランサーズのメッセージ機能よりお気軽にご相談ください。

「LPはあるのに問い合わせが増えない」
「見た目は綺麗なのに反応が出ない」
「商品の魅力をもっと分かりやすく伝えたい」

そんなお悩みはありませんか？

LP（ランディングページ）は、ただデザインが美しいだけでは成果につながりません。

訪問したユーザーが、

「この商品は自分に必要だ」
「相談してみたい」
「申し込んでみたい」

と感じる流れを設計することが重要です。

私は女性向けサービスや美容系・スクール・コーチング・サロン・物販などを中心に、見た目の美しさと成果の両立を意識したLP制作を行っています。

特に女性向け商材では、

・世界観
・共感
・安心感
・信頼感
・購入動機

これらを丁寧に整理しながらデザインへ落とし込むことが大切です。

どれだけ優れた商品やサービスでも、その魅力が伝わらなければ申し込みにはつながりません。

そのため私はデザイン制作の前に、

・ターゲットは誰なのか
・どんな悩みを抱えているのか
・何が購入の決め手になるのか
・競合との差別化ポイントは何か

を整理しながら制作を進めています。

制作ツールはFigmaを中心に、Photoshopにも対応しております。

また、Studioによる実装にも対応しているため、デザインだけでなく公開までワンストップでサポート可能です。

納品物は単なるデザインデータではありません。

お客様の商品やサービスの魅力を整理し、訪問者が自然に行動したくなる導線設計を意識したLPをご提供いたします。

サービス内容

・LPデザイン制作
・競合調査
・構成提案
・CTA設計
・スマホファースト設計
・PCデザイン対応
・Studio実装
・レスポンシブ対応
・公開サポート

私自身、日頃から広告LPや販売ページを研究し、

「なぜこのLPは反応が取れるのか」
「どのような構成やコピーが成果につながるのか」

を分析し続けています。

その知見を活かしながら、お客様の商品やサービスに最適なLPをご提案いたします。

制作会社へ依頼するほどではないけれど、しっかり成果につながるLPを作りたい。

そんな方にも安心してご依頼いただけるよう、丁寧なヒアリングと分かりやすい説明を心掛けています。

初めてLP制作をご依頼される方も大歓迎です。

「まだ内容がまとまっていない」
「何を準備すれば良いか分からない」

という段階でも問題ありません。

ヒアリングを通じて方向性を整理しながら、一緒に成果につながるLPを作り上げていきます。

まずはお気軽にご相談ください。

デザインカンプ（FigmaやXD、画像ファイルなど）をもとに、HTML/CSS/JavaScriptでコーディングを行います。

【こんな方におすすめです】
・デザインは自分で用意しているので、コーディングだけ依頼したい
・レスポンシブ対応（スマホ・タブレット・PC）のサイトを作りたい
・納品後に自分で修正できるよう、読みやすいコードで書いてほしい

【対応内容】
・HTML/CSS（SCSS）によるコーディング
・JavaScript（アニメーション・スクロール演出・フォームバリデーションなど）
・レスポンシブデザイン対応（モバイルファースト）
・Figma・Adobe XD・画像ファイルからの再現
・コメント付きの読みやすいコードで納品

【納品物】
・HTML/CSS/JSファイル一式
・画像・フォントなどの素材ファイル
・簡単な修正方法のメモ（希望者のみ）

【制作の流れ】

1. ご依頼・ヒアリング（使用するデザインデータや要件を確認）
2. お見積もり・納期の確認
3. コーディング着手
4. 途中経過の共有（スタンダード・プレミアムプラン）
5. 修正対応（2回まで無料）
6. 最終納品

【修正について】
納品後2回までの修正は無料で対応します。大幅な仕様変更・デザイン変更は別途お見積もりとなります。

まずはお気軽にメッセージでご相談ください。要件が固まっていない段階でも、一緒に整理するところからお手伝いします。

成果を追求！集客に繋がるデザインであなたのビジネスを成長させます。

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

ウェブサイトやLPからの集客が伸び悩んでいる、サービスや商品の魅力が伝わるデザインが欲しい、競合と差別化できるオンラインでの見せ方を探している、スマートフォン対応が不十分で顧客を逃している、お問い合わせや購入に繋がる導線設計ができていない、といったお悩みはありませんか？

発注の流れ

お問い合わせ・ヒアリング
ランサーズメッセージにて、ご依頼内容、目的、ターゲット、ご予算、納期など詳細をお伺いします。

企画・ご提案
ヒアリング内容に基づき、集客に繋がるデザインコンセプトと構成案をご提案。最適なアプローチを擦り合わせます。

制作着手・初稿提出
合意後、デザイン制作に着手し、期日までに初稿を提出いたします。進行状況は随時ご報告します。

修正・最終調整
初稿へのフィードバックを元に修正を行い、細部までお客様のイメージに合うよう調整します。ランサーズの機能で対応します。

納品
最終確認をいただき、Figmaデータや画像ファイル、STUDIOサイト公開など、ご希望の形式で成果物を納品いたします。

対応範囲・価格

集客特化LPデザイン：50,000円〜
御社のサービスを深く理解し、成果に直結するランディングページを設計からデザインまで一貫して制作します。

Webサイト主要ページデザイン：30,000円〜
ブランドイメージを確立し、訪問者にとって魅力的で分かりやすいWebサイトの主要ページをデザインします。

SNS広告用バナー制作：8,000円〜
Instagramなど各種SNS広告に最適化された、目を引くバナーを戦略的に制作します。

納期

ご依頼内容とプランに応じて7日～45日程度で納品いたします。

制作の流れ

コンセプト立案
ターゲットと目的を明確にし、デザインの方向性を定めます。

ワイヤーフレーム
ユーザー導線を考慮したページ構成の骨格を作成します。

デザイン制作
コンセプトに基づき、配色やレイアウトを具体化します。

修正対応
お客様のフィードバックを受け、最終的なデザイン調整を行います。

最終チェック・納品
品質確認後、ご希望の形式で成果物をお渡しします。

サービス内容

お客様のビジネス目標達成を最優先に考え、集客と成果に特化したWebデザイン、LPデザイン、バナー・SNS画像制作を提供します。ターゲット層の心に響く「見やすく・伝わりやすい」デザインで、お問い合わせや購入といった具体的なアクションを促します。配慮された配色、余白、効果的な導線設計により、訪問者がスムーズに目的を達成できる体験を創出。STUDIOやFigmaなど最新ツールを駆使し、スマートフォンにも最適化されたデザインで、お客様のオンラインプレゼンスを強化いたします。

集客にお悩みではありませんか？どんなに素晴らしいサービスも、お客様に伝わらなければ意味がありません。私は「見やすく・伝わりやすいデザイン」を徹底し、集客やお問い合わせに繋がるWebデザインをご提供します。配色、余白、導線設計を意識し、スマートフォンでも最適な表示を実現。お客様のサービスや商品の魅力を最大限に引き出し、ターゲットに響くクリエイティブでビジネスの成長を支援します。STUDIOやFigmaを活用し、目的に合わせた最適なWeb戦略を形にしますので、まずはお気軽にご相談ください。一緒に目標達成を目指しましょう！

アプリやWebサービスのUIデザインを、リーズナブルな価格で承ります！

◼︎サービス内容
モバイル / タブレット 端末UI/UXのブラッシュアップ、新規作成

◼︎デザイン単価
・モバイル / タブレットアプリ1画面：約10,000〜20,000円
※作業内容、画面数、対応端末などに応じて変動しますので事前にお問い合わせください。
1画面からのご依頼も可能です。

◼︎納品物
開発、リリースに必要な全てのものを制作可能です。
Figma、PNG、PDF等での納品とさせていただきます。
※納品物はUI / UXデザインであり、コーディングは含まれません。

＜例＞
・ユーザーインターフェース
・スタイルガイド
・画面遷移図
・UI仕様書
・ユーザー体験設計書
・競合調査等の各種リサーチ資料
・開発監査/テスト
・appアイコン
・パンフレット/バナー/ソーシャルグラフィックなど販促用コンテンツ
・企画/営業/ピッチ/事業計画書などの各種ビジネス資料

◼︎業務内容
・ヒアリング/打ち合わせ業務
・デザインリサーチ業務
・デザインコンセプトの立案
・UXデザイン策定
・競合調査
・構造立案
・構成の検証
・UI設計
・UIデザイン
・インタラクションデザイン
・調整/修正対応

◼︎流れ
1 ヒアリング
2 ワイヤーフレーム作成
3 UIデザイン作成
4 修正
5 納品

◼︎使用ツール
・Figma
・Canva

お気軽にご連絡ください。

Figmaツール「オートレイアウト・コンポーネント機能」を使用してフレーム単位でのデザインを承ります！

◼︎サービス内容
フレーム、バナーデザイン、ファーストビュー、モバイル / タブレット 端末UI/UXのブラッシュアップ

◼︎デザイン単価
・1フレーム（Figmaデザイン）：約3,000〜5,000円
※作業内容、画面数、対応端末などに応じて変動しますので事前にお問い合わせください。
1フレームからのご依頼も可能です。

◼︎納品物
開発、リリースに必要な全てのものを制作可能です。
Figma、PNG、PDF等での納品とさせていただきます。
※納品物はUI / UXデザインであり、コーディングは含まれません。

＜例＞
・ファーストビューデザイン
・バナー広告デザイン
・EC商品デザイン
・パンフレット/バナー/ソーシャルグラフィックなど販促用コンテンツ
・ユーザーインターフェース
・スタイルガイド
・画面遷移図
・UI仕様書
・ユーザー体験設計書
・競合調査等の各種リサーチ資料
・appアイコン
・企画/営業/ピッチ/事業計画書などの各種ビジネス資料

◼︎業務内容
・ヒアリング/打ち合わせ業務
・デザインリサーチ業務
・デザインコンセプトの立案
・UXデザイン策定
・競合調査
・構造立案
・構成の検証
・UI設計
・UIデザイン
・インタラクションデザイン
・調整/修正対応

◼︎流れ
1 ヒアリング
2 ワイヤーフレーム作成
3 UIデザイン作成
4 修正
5 納品

◼︎使用ツール
・Figma

お気軽にご連絡ください。

Figma、Adobe XD、Photoshopなどで作成されたデザインをもとに、LP・サービスサイト・コーポレートサイトのHTML/CSSコーディングを承ります。

「デザインはあるが、実装できる人がいない」
「スマホでも崩れないLPを作りたい」
「既存サイトに新しいページを追加したい」
「資料請求フォームやサンクスページまでまとめて実装したい」
「納品後も修正しやすい形で作ってほしい」

このようなお悩みをお持ちの方に向けたパッケージです。

弊社は、フロントエンド・バックエンド・データ/インフラ領域に強みを持つ現役エンジニア3名のチームです。
単にデザイン通りにコーディングするだけでなく、スマートフォン・タブレット・PCで崩れないレスポンシブ対応、保守しやすいHTML/CSS設計、画像最適化、基本的なSEOを意識したマークアップまで丁寧に対応いたします。

【対応内容】
・Figma / XD / PhotoshopデザインからのHTML/CSSコーディング
・LP、サービスサイト、コーポレートサイトの実装
・レスポンシブ対応
・資料請求フォーム、お問い合わせフォームの実装
・サンクスページの作成
・画像の書き出し、圧縮、最適化
・基本的なSEOを意識したHTML構造
・JavaScriptによる簡単なアニメーション、タブ、アコーディオン、追従ボタンなどの実装
・既存サイトへのページ追加
・納品前の表示確認、リンク確認、フォーム動作確認

【このような方におすすめです】
・新サービスのLPをスピード感を持って公開したい方
・Figmaデザインを忠実にWebページ化したい方
・スマホ表示まで綺麗に整えたい方
・制作会社やデザイナーから受け取ったデザインを実装できる人を探している方
・公開後の修正や運用まで考えた形で納品してほしい方

【制作の流れ】

1. ご相談・要件確認
   Figmaデータ、ページ構成、フォーム有無、納品形式、希望納期を確認します。

2. 実装方針の確認
   不明点をQAとして整理し、実装範囲・対応内容・納品物を明確にします。

3. コーディング
   デザインの再現性を重視しながら、レスポンシブ対応・保守性・表示速度を意識して実装します。

4. 動作確認・修正対応
   PC / スマートフォンでの表示崩れ、リンク、ボタン、フォーム、余白、文言などを確認します。

5. 納品
   HTML / CSS / JavaScript一式、またはご希望の形式で納品いたします。

貴社に最適な「使い続けられる」UI/UXデザインを。

このようなお悩みはありませんか？
「ユーザーが使いにくい」と離脱してしまう、開発フェーズで設計と実装のギャップに悩む、AIを活用した新しいUXデザインを取り入れたい、といったお悩みはありませんか？ITとAIの知識を持つデザイナーが、お客様の事業課題に寄り添い、本質的な解決をデザインでご提供します。

発注の流れ

ヒアリング・要件定義
ランサーズのメッセージ機能で、貴社サービスの課題、目標、ターゲットユーザー、ご希望の納期や予算など、詳細を丁寧にヒアリングさせていただきます。

企画・提案
ヒアリング内容に基づき、ITとAIの知見を活かした最適なデザイン戦略と具体的なアプローチ、制作スケジュールをご提案し、すり合わせを行います。

デザイン制作
ご提案内容にご納得いただけましたら、Figmaなどを活用し、プロトタイプやデザインカンプの制作を開始します。定期的に進捗を共有し、フィードバックを基にブラッシュアップします。

最終確認・納品
完成したデザインデータを最終確認いただき、指定された形式（Figmaファイル、画像データなど）で納品いたします。納品後も運用面でのご相談に対応可能です。

対応範囲・価格

UI/UXデザイン相談・要件定義：30,000円〜
貴社サービスの課題を深くヒアリングし、UI/UX観点から改善の方向性や具体的な要件を明確化します。デザイン着手前の重要なフェーズを丁寧に進めます。

FigmaでのUIプロトタイプ作成：100,000円〜
Figmaを用いた主要画面のUIプロトタイプ作成です。ユーザーフローやインタラクションを視覚的に確認でき、開発前の認識合わせに役立ちます。

ブランドガイドライン策定：150,000円〜
ロゴ、カラースキーム、タイポグラフィ、コンポーネント定義など、サービス全体のブランドガイドラインを策定し、デザインの一貫性を保ちます。

納期
プラン内容により14日～60日

制作の流れ

課題整理・方向性決定
お客様の事業とエンドユーザーを深く理解し、デザインを通じて達成したい目的や期待される成果を明確にします。

情報設計・ワイヤーフレーム
ユーザー体験を考慮した情報設計を行い、サイトやアプリの構造、画面遷移をワイヤーフレームで具体的に設計します。

UIデザイン・プロトタイピング
Figmaなどを用いて直感的で視覚的に魅力的なUIを具現化し、プロトタイプで操作性を検証・改善します。

フィードバック・修正
お客様からのフィードバックを丁寧に伺い、必要に応じてAIツールも活用しながら、より良いデザインへと迅速に改善します。

納品・活用サポート
最終的なデザインデータを納品し、必要に応じて開発チームへの引き継ぎや、実装を見据えたアドバイスも行います。

サービス内容
IT歴20年のフルスタックエンジニアとしての経験と、AIクリエイターとしての最新技術を融合し、貴社サービスのUI/UXデザインを根本から改善します。単に「見た目が良い」だけでなく、「使いやすく、開発しやすい、そしてビジネス成果に貢献する」デザインをご提供。ユーザー視点と開発視点の両方から、最適なソリューションを設計し、ブランディング、ロゴ制作、Figmaを用いたプロトタイピングまで一貫して対応可能です。AIを活用した効率的なデザインプロセスで、品質とスピードを両立させます。

貴社サービスのUI/UXデザイン、本当にユーザーに届いていますか？見た目は美しいのに「使いにくい」「なぜか離脱が多い」と感じることはありませんか？IT業界20年の経験と最新AI技術を駆使する私だからこそ、その本質的な課題を見つけ、解決へと導けます。単なるデザイン作業に留まらず、開発・運用の視点も踏まえ、「現場で長く使い続けられる」デザインを創造します。貴社のサービスを次のレベルへ押し上げる、最適解を一緒に見つけませんか？まずはお気軽にご相談ください。

デザインカンプ（FigmaやXD、画像ファイルなど）をもとに、HTML/CSS/JavaScriptでコーディングを行い、WordPressへの構築・入稿・プラグイン設定まで一括で対応します。
Web制作の実務3年・40P規模のコーポレートサイトリニューアルの経験があります（実績写真は許可取得後、順次掲載します）。

【含まれるもの】
・デザインカンプ（Figma / XD / 画像）からのコーディング
・JavaScriptで動きのあるデザインの（アニメーション・スクロール演出・フォームバリデーションなど）
・レスポンシブデザイン対応
・WordPressテーマ構築・カスタマイズ
・カスタム投稿・ACFによる管理画面設計
・お問い合わせフォーム設置
・テキスト・画像の入稿
・PC・スマホ対応
・公開後修正対応（納品後2週間まで）

【含まれないもの】
基本的には含まれませんが、別途ご相談可能です。
・デザイン制作（別途ご相談可）
・サーバー・ドメインの契約・設定
・SEO対策・アクセス解析設置

【制作の流れ】

1. ご依頼・ヒアリング（使用するデザインデータや要件を確認）
2. お見積もり・納期の確認
3. コーディング着手
4. 途中経過の共有
5. 初稿納品
6. 修正対応
7. 最終納品

【修正について】
納品後2週間以内の修正は無料で対応します。
大幅な仕様変更・デザイン変更は別途お見積もりとなります。

まずはお気軽にメッセージでご相談ください。
要件が固まっていない段階でも、一緒に整理するところからお手伝いします。

▼こんな方へオススメ
・キャンペーンや新サービス告知用のLPを作りたい
・採用専用のページを作りたい
・広告の飛び先となるページが欲しい
・原稿や構成の段階から相談したい
・公開後は自分たちで更新したい

▼ご提供内容
目的に合わせた1ページ完結のランディングページを制作します。構成設計からデザイン、コーディング、WordPress化まで一貫対応。経験20年・実績500件超の制作者がお作りします。
・ヒアリング・構成設計(ワイヤーフレーム)
・デザイン制作
・コーディング(スマホ対応)
・お問い合わせフォーム設置
・WordPress化(スタンダード以上)

▼ご購入後の流れ

1. ヒアリング・目的の整理
2. 構成案のご提案
3. デザイン制作(ご確認・修正)
4. コーディング・WordPress化
5. 最終確認・修正
6. 公開・納品

▼制作可能なジャンル
業種は問いません。医療機関を含む、さまざまな業種のキャンペーン・サービス紹介・採用LPなどに幅広く対応します。

▼料金プランやオプション
・ベーシック 150,000円/納期21日 — LP1ページ(構成設計・デザイン・コーディング)+フォーム1件+スマホ対応
・スタンダード 180,000円/納期28日 — ベーシック+WordPress化(自社で更新可能に)+簡易アニメーション+基本SEO設定
・プレミアム 200,000円/納期35日 — スタンダード+写真・素材の選定サポート+アクセス解析(GA4)設置+公開後1ヶ月の軽微修正対応
【オプション】セクション追加(1つごと)+20,000円/原稿作成サポート+30,000円/追加フォーム+10,000円
※写真撮影の手配は別途お見積りで承ります。

▼納期
ベーシック21日/スタンダード28日/プレミアム35日
ご希望の公開日がある場合は、お申し込み時にお知らせください。

「現場で本当に使える」UI/UXデザインを提供

このようなお悩みはありませんか？
「開発コストばかりかさむが、ユーザーが定着しない…」「既存システムの管理画面が複雑で、業務効率が上がらない…」「新サービスのUIデザイン、どうすればビジネス成果に繋がるか分からない…」といったお悩みはありませんか？

発注の流れ

1. お問い合わせ・ヒアリング
   まずは、ご検討中のプロジェクト概要や課題、ご希望などをお気軽にご連絡ください。詳細をヒアリングさせていただきます。

2. プラン提案・お見積り
   ヒアリング内容に基づき、お客様のビジネス目標達成に向けた最適なデザイン戦略とプロジェクト計画をご提案します。Figmaなどのツールを用いた具体的なイメージを共有し、すり合わせを行います。

3. ご契約・制作開始
   ご提案内容にご納得いただけましたら、正式にご契約・仮払いをお願いいたします。契約後は、ランサーズのワークスペース機能などを活用し、プロジェクトを円滑に進めてまいります。

4. デザイン制作・レビュー
   デザイン制作を進め、ワイヤーフレームやプロトタイプ、最終デザイン案を定期的に提出いたします。ランサーズの機能を通じてフィードバックをいただき、丁寧に修正対応を行います。

5. 納品・クローズ
   最終的なデザインにご承認いただけましたら、Figmaファイルや画像アセットなど、ご希望の形式で納品いたします。納品後も、必要に応じてフォローアップを行います。

   対応範囲・価格

戦略的UI/UXコンサルティング：50,000円～
お客様のビジネスゴールとユーザー体験を深く理解し、最適なUI/UX戦略を立案します。ヒアリングから要件定義、市場分析を通じて、具体的なデザイン方向性を明確にします。

Webサイト・システムUIデザイン制作：150,000円～
Figmaを用いたワイヤーフレーム作成から、詳細なUI設計、インタラクションデザイン、プロトタイピングまで、一貫したWebサイトまたはシステム管理画面のデザインを制作します。

包括的UI/UX改善・実装支援：300,000円～
デザインシステム構築、複数ページのデザイン展開、ユーザーテスト支援、継続的な改善提案など、包括的なUI/UX改善と実装サポートを行います。開発チームとの連携も可能です。

納期
プロジェクト規模により変動します。ベーシックプランで約7日〜、プレミアムプランで約45日〜が目安です。

制作の流れ

ビジネス・ユーザー分析
お客様のビジネス目標、ターゲットユーザー、既存サイトやシステムなどを徹底的に分析し、課題と機会を特定します。ここが「使えるデザイン」の出発点です。

ワイヤーフレーム・プロトタイピング
分析結果に基づき、情報構造、タスクフロー、画面遷移などを設計。Figmaでワイヤーフレームやプロトタイプを作成し、ユーザー体験の骨子を可視化します。

詳細UIデザイン・グラフィック制作
骨子が決まったら、UIコンポーネント、レイアウト、カラースキーム、タイポグラフィなどを詳細に設計。開発視点も踏まえ、実装しやすい最適なデザインを構築します。

テスト・改善
デザイン案をテストし、フィードバックを反映しながら改善を繰り返します。必要に応じてユーザーテストやA/Bテストもご提案し、データに基づいた最適化を行います。

サービス内容
お客様のビジネスゴールを達成するための戦略的なUI/UXデザインとグラフィック制作を提供します。単なる見た目の美しさだけでなく、ユーザーが「直感的に使える」、開発者が「実装しやすい」、そしてビジネスが「成長する」デザインをFigma/Photoshopを用いて構築いたします。Webサイト、システム管理画面、WebアプリケーションのUI/UX改善をお任せください。

あなたのWebサイトやシステム、ユーザーは本当に使いこなせていますか？「機能は充実しているのに、なぜかユーザーが離れていく」「管理画面が複雑すぎて、業務効率が上がらない」そんなお悩みはありませんか？システム開発の現場で「ビジネスの課題を技術で解決すること」に専念してきました。この経験を活かし、単なる見た目の美しさだけでなく、ユーザーが直感的に操作でき、開発者がスムーズに実装できる「ビジネス成長に貢献するUI/UXデザイン」を提供します。IT・通信・インターネット業界特有の複雑なニーズにも、開発視点から最適な解決策を提案いたします。まずは、あなたの課題をお聞かせください。ランサーズのメッセージ機能で、お気軽にご相談ください。

Figma、Adobe XD、Photoshopなどでご支給いただいたデザインをもとに、LP（ランディングページ）のHTML/CSSコーディングを行います。

PC・スマートフォンのデザインに対応し、レスポンシブを意識した見やすいレイアウトで丁寧に実装いたします。

「デザインはあるので、コーディングだけ依頼したい」
「シンプルなLPをできるだけスムーズに公開したい」
といったご相談におすすめのサービスです。

【対応可能デザイン形式】
・Figma
・Adobe XD
・Photoshop（PSD）
・Illustrator（AI）
・画像デザイン
・PDF

※内容によってはご相談させていただく場合があります

【対応内容】
・FigmaデザインをもとにしたLP1ページのコーディング
・HTML / CSSによる実装
・PC / SP（スマホ）デザインに対応
・レスポンシブ対応
・見出し、ボタン、画像、セクションなどの基本実装
・シンプルなアニメーションを除く、静的なLPの実装

【このサービスでできること】
・デザイン支給済みのLPをWebページとして実装
・シンプルな1ページ構成のLP制作
・長さや構成に応じた柔軟なお見積り対応

【プランの目安】
・ベーシック：シンプルなLP（FV＋数セクション程度）
・スタンダード：一般的な長さのLP（標準的な情報量）
・プレミアム：長めのLP、または調整量が多いLP

※LPの長さやセクション数、実装内容によっては別途お見積りとなる場合があります。
※複雑なアニメーションや大幅なレイアウト調整は、内容に応じてご相談となります。

【ご依頼時にご用意いただきたいもの】
・デザインデータ（Figma / Adobe XD / Photoshop など）
・PC / SPデザイン（ご用意がある場合）
・使用する画像素材、テキスト
・必要に応じて参考サイトや補足指示

【ご注意】
・本サービスは「コーディング」を対象としております（デザイン制作は含みません）
・WordPress化、フォーム実装、EC機能実装、複雑なJavaScript実装は対象外、または別途ご相談となります
・内容によっては納期・金額をご相談させていただく場合がございます
・デザインの長さやセクション数、実装ボリュームによっては、事前にお見積りをご相談させていただく場合がございます

丁寧なコミュニケーションを心がけ、安心してご依頼いただけるよう対応いたします。
まずはお気軽にご相談ください。

女性の心を掴むデザインで、あなたのブランドを輝かせます

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

女性ターゲットへの訴求が難しい、SNS広告の効果を高めたい、ブランドイメージを魅力的にしたい、LPの離脱率を改善したい、競合と差別化できるデザインが欲しい、といったお悩みはありませんか？

発注の流れ

ご相談・ヒアリング
まずはお気軽にメッセージにてご連絡ください。ご希望のイメージ、ターゲット、目的、ご予算など詳しくお伺いし、最適なプランをご提案します。

企画・構成案のご提案
ヒアリング内容に基づき、女性に刺さるデザインの方向性や構成案をご提案します。視覚的なアプローチで、貴社のサービスを魅力的に表現します。

お見積り・ご契約
ご提案内容とお見積りにご納得いただけましたら、正式にご契約となります。仮払いを確認後、いよいよ制作を開始します。

対応範囲・価格

SNSバナーデザイン：10,000円～
ターゲット女性に響くSNS広告用のバナーを1点から制作します。心を動かすデザインでクリック率向上を目指します。

LP・Webサイトデザイン：50,000円～
女性ユーザーに最適化されたランディングページやWebサイトのセクションデザインを制作し、コンバージョンを促進します。