【LP制作・HP製作】デザイン/コーディングを承ります
業務内容
ご覧いただき、誠にありがとうございます。
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を作ったけど反応が悪い
・何を載せればいいかわからない
・デザインだけでなく構成から相談したい
・丸投げで制作したい
■ 制作の流れ
- お問い合わせ・ヒアリング
- 目的・ターゲットの整理
- 構成設計(ワイヤーフレーム)
- デザイン制作(Figma)
- コーディング
- テスト・確認
- 納品(zip / サーバーアップ可)
■ 修正について
・軽微な修正:無制限対応
・大幅変更:ご相談の上対応
■ 納品形式
・デザイン(PNG)
・HTML一式(zip)
・WordPress納品
・サーバーアップロード対応可能
■ 対応ツール
・Figma
・HTML / CSS / Sass
・JavaScript(jQuery)
・WordPress
■ 最後に
「なんとなく作る」ではなく
目的から逆算したWeb制作を行います。
小さなご相談でも問題ございませんので、
まずはお気軽にご連絡ください。
- プラットフォーム・ツール
- Figma
【初稿24時間】修正無制限/Figmaでfigデータ付きのウェブデザインを制作します
業務内容
こちらは『デザインのみ』の制作となります(コーディングなし)
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サイトの種類
- ビジネスプロモーション ポートフォリオ 教育 製品・サービスマーケティング その他
- プラットフォーム・ツール
- Figma
【集客・売上アップ】戦略的な高品質LPデザインを制作します
業務内容
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デザインでお客様のビジネスを成功に導きます。
【認定ランサー】UXに優れたUIデザインをユーザーシナリオを意識して作ります
業務内容
こんなお悩みはございませんか
・開発はできるけどデザインがイマイチ
・見た目で色々と残念
・ユーザービリティが悪い
・ダウンロードされないのは見た目が微妙だから
是非一度ご相談ください。
ポートフォリオはこちらです。
https://www.lancers.jp/profile/iguigu/portfolio?ref=more
ワークフロー
1 ヒアリング
2 ワイヤーフレーム作成
3 UIデザイン作成
4 修正
5 納品
ペルソナ設計からご相談したい場合はお問い合わせください。
納品形式
・AdobeXD or Figmaの元データ
・PNG、JPEG、PDF等の画像ファイル
=============================================================
当方プロフィール
2020年度ランサーズ ランキング
クライアント訪問数ランキング Webデザイナー部門 全国1位
ランサーズ歴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制作
【認定ランサー】UXに優れたモバイルアプリのUIをFigmaで制作します
業務内容
iOSやAndroid対応のスマートフォンアプリのUI/UXデザインを提供します。アプリの設計は、単に見た目を美しくするだけでなく、ユーザーが直感的に操作でき、目的を達成しやすいようにすることが重要です。ユーザーの体験を最大限に高めるためのデザインを提供します。
作業の流れ
1. ヒアリング・要件定義
クライアントとのヒアリングを通じて、プロジェクトの全体像と要件を確認します。どのようなアプリケーションを作りたいのか、ターゲットユーザーは誰なのか、必要な機能やページ数、クライアントの希望するデザインスタイルなどを把握します。必要に応じて、クライアントが現在抱えている課題やゴールも確認します。
ヒアリングの後、デザインプロセスのスケジュールや納期、予算などを確定させます。
2. ワイヤーフレーム作成
アプリケーションの基本構造を設計するために、ワイヤーフレームを作成します。これにより、画面レイアウトや情報の配置をクライアントと確認し、デザインの方向性を固めます。場合によってはワイヤーフレームを作成せずデザインから入る場合もあります。
3. UIデザイン作成
ワイヤーフレームが承認された後、UIデザインの作成に入ります。ブランドガイドラインやクライアントの要望に基づいて、アプリの見た目をデザインします。配色、フォント、ボタンなど魅力的で使いやすいデザインを目指します。
4. プロトタイピング・インタラクションデザイン(一部プランのみ)
完成したUIデザインを元に、実際の動作をシミュレーションするプロトタイプを作成します。ボタンをクリックした際の遷移や、アニメーション、スクロール時の動作など対応します。
プロトタイプはクライアントと共有し、実際のアプリの使用感を確認してもらいます。
5. フィードバック・修正
プロトタイプに対してクライアントからのフィードバックを受け付け、必要な修正を行います。
6. 納品
修正が完了し、最終デザインが確定したら、必要なデザインファイルを納品します。納品形式は、Figmaデータとなります。
グラフィックデザインの経験を生かし、人間味のあるUI/UXデザインを制作します
業務内容
グラフィックデザインとUI/UXデザインの経験を活かし、ユーザーにとっての使いやすさと、開発段階でのスムーズな実装を重視したインターフェースデザインをご提供します。
【基本プラン】
-
UI/UX デザイン(Figma)
-
Figmaプロトタイプ
-
レスポンシブデザイン(デスクトップ・タブレット・モバイル等)
-
デザイン要素のオートレイアウト、コンポーネント化
-
ボタンホバー等のマイクロアニメーション
-
タイポグラフィ、カラーパレット、ボタン等のUIキット
-
無料修正3回
-
納品成果物:.figファイル、JPG/PNG
【追加メニュー】
-
ロゴデザイン制作(Adobe Illustrator)
-
カスタムグラフィック・イラスト制作
-
モーショングラフィック・CSSアニメーション制作
-
画像調達・編集
-
英語版制作
-
フロントエンド実装(HTML5、CSS、JavaScript)
(スキルチェックのために、GitHub Repoのコードポートフォリオを事前にご提示します)
【プロジェクトの流れ】
- ご相談とお見積り
事前にご提供いただきたい情報:https://forms.gle/K7pahEFNSpTpCgUk7
(個人情報を収集することはありません)
- 契約と全データのご提供(文言/画像/ロゴ等)
- 初回デザインとプロトタイプの提出
- 修正指示と修正デザイン提出(3回まで)
- 最終成果物の納品
【使用ツール・言語】
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 Adobe Illustrator Adobe Photoshop
- デバイス
- モバイル デスクトップ タブレット ウェアラブル端末
わかりやすい、つたわりやすい、おしゃれな資料を作成します
業務内容
ご覧いただきありがとうございます!
フリーランスで資料デザイン・Webデザインを手がけております、courageと申します。
✔ 内容は決まっているのに、うまく資料に落とし込めない
✔ おしゃれに仕上げたいけど、伝わりづらくなるのが不安
✔ デザインに自信がないのでプロに任せたい
そんなお悩み、すべて解決いたします。
■ わかりやすく、伝わりやすく、そして美しい資料を
「情報を正しく届ける」だけでなく、
「見る人の印象に残る」ことを大切に、バランスの取れた資料デザインをご提供いたします。
■ サービスの特長
・高品質な資料デザインを、良心的な価格で
・短納期も柔軟に対応(※スケジュール要相談)
・掲載中の実績・サンプルもぜひご覧ください
■ 価格について
1ページ 3,000円~
基本料金:10ページ 30,000円~
※デザインのみの作成となります。文言や構成案はご用意ください。
※1ページのみのご依頼は基本的にお受けしておりません。ご了承ください。
■ 納品形式
PowerPoint / Illustrator / XD / Figma
資料の目的やターゲットに合わせて、丁寧かつスピーディーに対応いたします。
どうぞお気軽にご相談ください!
※テキストはコチラでは作成できませんのでご用意お願いいたし
- デザインタイプ
- フルプレゼンテーションデザイン カスタムテンプレートデザイン デザイン調整
- 目的
- 資金調達 マーケティング セールス 会議・カンファレンス ビジネス提案 教育・トレーニング リサーチ 分析
- プレゼンテーションソフト
- PowerPoint
- 業界
- 農業関連 動物・ペット 建築・インテリア アート・デザイン オーディオサービス 美容・化粧品 バイオテクノロジー ビジネス・コンサルティング 建設 暗号・ブロックチェーン サイバーセキュリティ データ分析 EC 教育 エネルギー エンジニアリング 環境 イベント企画 ファッション・アパレル 金融 飲食 ゲーム 政府・公共機関 ハードウェア・エレクトロニクス 法務 ライフスタイル 製造・保管 マーケティング・広告 メディア・エンターテインメント 医療・医薬品 音楽 非営利団体 写真 不動産 宗教・スピリチュアル 小売・流通 ソフトウェア スポーツ・フィットネス 通信 運輸・輸送 旅行・観光 映像サービス ウェルネス 執筆・出版
- ファイル形式
- AI JPG PDF PNG PPT
【Ps・Ai・Canva対応】売上アップに直結する高品質なWEB画像を制作します
業務内容
現役プロが「成果」に繋がる高品質なWEB画像を制作いたします
ご覧いただきありがとうございます。
Photoshop、Illustratorをメインに使用し、ECサイト・SNS・広告等で「目を引き、クリックされる」
プロクオリティの画像を提供します。
また、納品後の運用を考えたCanvaでのテンプレート納品も承っております。
このようなお悩みはありませんか?
✅ 自社で制作しているが、素人感が出てしまい売上に繋がらない
✅ ターゲットに刺さる、洗練されたバナーが欲しい
✅ 納品後、自分たちで少し文字を変えられるようにしたい(Canva対応)
✅ 急ぎで高品質な画像を用意する必要がある
✅ 素人制作の雰囲気を変えたい。**
【対応可能な業務】
◾️バナー制作(各種SNS広告、Google/Yahoo!ディスプレイ広告)
◾️ECサイト画像(Amazon、楽天、Yahoo!ショッピング、Shopify等)
◾️ヘッダー制作(HP、Twitter/X、YouTube、公式LINE等)
◾️SNS用画像(Instagram投稿、サンクスページ等)
◾️YouTubeサムネイル
◾️納品形式 必要なデータを納品いたします。
【私に依頼するメリット】
◾️現役デザイナーの視点:最新のトレンドと「売れる」構成を掛け合わせたデザイン。
◾️幅広いツール対応:Ps、Aiでの本格制作から、Canvaでの運用支援まで対応。
◾️ビジネスに強い安心感:丁寧なヒアリングと迅速なレスポンスを徹底しています。
◾️柔軟な修正対応:ご納得いただけるまで誠実に対応いたします。
【制作の流れ】
1.ヒアリング・お見積り:用途やターゲット、納期等をお伺いします。
2.デザイン制作・初案提示:ヒアリング後、通常【3営業日以内】に提示します。
3.修正・ブラッシュアップ:フィードバックを元に調整を行います。
4.最終納品:ご希望の形式(JPG/PNG/Ai/CanvaURL等)で納品。
【デザイナーより】
「イメージはあるが言語化が難しい」という場合も、まずはお気軽にご相談ください。ヒアリングを通じて、ビジネスを加速させるデザインをご提案いたします。
【半年限定¥10,000】HP・LPコーディング代行します
業務内容
★★ 半年限定キャンペーン(〜2026年11月16日 / 先着10名様) ★★
通常 ¥30,000 → ¥10,000 でHP・LPコーディング代行致します。
▼こんな方へオススメ
・デザインは完成済みだが、コーディングを外注したい制作会社・デザイナー様
・LP・1ページHP のコーディングだけ依頼したい個人事業主様
・既存サイトの一部ページ追加・修正をしたい方
・WordPress化を含めて格安で依頼したい方
▼ご提供内容
・Figma / XD / PSD / Sketch / 画像 デザインからのコーディング
・レスポンシブ対応(PC / タブレット / スマホ)
・モダンブラウザ対応(Chrome / Edge / Safari / Firefox)
・共通パーツの部品化、保守しやすい命名規則
・WordPress テーマ化(プレミアムプランのみ)
・お問い合わせフォーム実装(オプション)
・Cloudflare Pages 等への高速配信デプロイ
▼制作の進め方
- デザインデータ受領(Figma 推奨)
- 構成・コーディングルール確認
- コーディング・実装
- ステージング環境で確認・修正
- 納品(ZIP / Git / FTP / Cloudflare デプロイ)
▼料金プラン
・ライト:1ページコーディング ¥10,000(キャンペーン価格)
・スタンダード:5ページコーディング ¥30,000
・プレミアム:WordPress化込み ¥45,000
▼有料オプション(別途お見積もり)
・追加ページ:1ページ 3,000円〜
・お問い合わせフォーム実装:5,000円
・SEO上位対策(構造化データ):8,000円
・アニメーション・JS実装:5,000円〜
▼使用技術
HTML5 / CSS3 / JavaScript(TypeScript)/ Tailwind CSS / Sass / WordPress / Cloudflare Pages
▼ポートフォリオ
・ぢどり屋: https://jidoriya.b1ue.jp
・Playwright: https://playwright.b1ue.jp
・ravonote: https://ravonote.com
▼納期
ライト:10日 / スタンダード:21日 / プレミアム:30日(要相談)
▼販売実績ゼロ脱却のための限定価格です。
通常時は ¥30,000 相当の内容を、初期実績作りのため期間限定で大幅値下げしております。
ご質問だけでもお気軽にどうぞ。お見積もり無料です。
【モダン技術で実現】Figmaから高品質Webサイトを構築します
業務内容
デザインの意図を忠実に、モダン技術で実現。ユーザーに届くWebサイト・アプリを構築します。
このようなお悩みはありませんか?
「Figmaデザインを完璧にWebで再現したい」「表示が遅い、スマホ対応が不十分なサイトを改善したい」「モダンな技術で堅牢なWebアプリを開発したいが、適任が見つからない」「価格が高い」といったお悩みを解決いたします。
発注の流れ
-
お問い合わせ
まずはメッセージにて、ご依頼内容の概要、希望納期、ご予算をお聞かせください。Figmaデザインデータの有無も教えていただけるとスムーズです。 -
詳細ヒアリング・要件定義
メッセージやビデオ通話で詳細なご要望やデザイン、ターゲット層について深く掘り下げて確認し、実現可能な範囲と要件を明確にします。 -
お見積もり・ご提案
ヒアリング内容に基づき、最適なプランとお見積もりを提示します。疑問点があればお気軽にご質問ください。 -
契約・仮払い
ご提案内容にご納得いただけましたら、ランサーズ上で契約を行い、仮払いをお願いいたします。これをもって制作を開始します。 -
制作開始・随時報告
仮払い確認後、開発に着手します。進捗状況は定期的にご報告し、必要に応じて中間レビューも行います。 -
最終確認・納品
最終確認後、ご指定の方法で成果物を納品いたします。納品後もご不明点があればサポートさせていただきます。
対応範囲・価格
Figmaからの高品質Webサイトコーディング:1ページあたり15,000円〜
Figmaデザインに基づき、HTML/CSS/JavaScriptで高品質なWebサイトをコーディングします。
React/TypeScriptフロントエンド開発:月額150,000円〜
React/TypeScriptを用いた動的なWebアプリケーションのフロントエンド開発を行います。
既存サイトの修正・改善・保守:1案件10,000円〜
既存Webサイトのバグ修正、機能追加、パフォーマンス改善など、小規模な改修に対応します。
納期
ご依頼内容により異なりますが、ご相談から最終納品まで2週間〜1ヶ月半程度が目安となります。詳細はお見積もり時にご提示します。
制作の流れ
-
要件定義・設計
Figmaデザインデータとヒアリングした要件に基づき、技術選定やファイル構成などの開発設計を行います。 -
実装
設計に基づき、HTML/CSS/JavaScript(TypeScript/React)を用いてコーディングおよびフロントエンド開発を進めます。品質と保守性を意識した実装を心がけます。 -
テスト・レビュー
各機能やレスポンシブ対応の動作確認を徹底し、デザイン忠実度やバグがないかを検証します。 -
最終調整・納品
クライアント様の最終確認を経て、必要に応じて修正を行い、ご指定の方法で成果物を納品いたします。
サービス内容
私の専門はFigmaデザインからWebサイト・Webアプリケーションのフロントエンドを忠実に、かつ高品質に実装することです。HTML/CSSの正確なコーディングはもちろん、React/TypeScriptを用いた動的なUIやWebアプリ開発に対応。ユーザー体験を最優先に、保守性・可読性の高いコードで、あなたのアイデアを形にします。迅速なコミュニケーションと柔軟な対応で、プロジェクトを成功へと導きます。
「デザインの意図が正しく伝わらない」「Webサイトが重くてユーザーが離れてしまう」そんなお悩みはありませんか? 私は情報学部での学びと3年間の実務経験で培った知識を活かし、Figmaデザインを完璧に再現するWebサイト・Webアプリのフロントエンド開発を得意としております。HTML/CSSの忠実なコーディングから、React/TypeScriptを用いた動的なUI実装まで、見た目の美しさだけでなく、保守性やユーザー体験を最優先に考えた高品質なコードを提供いたします。あなたのアイデアを、迅速かつ丁寧に、そして期待以上の形で実現するお手伝いをさせてください。まずはお気軽にご相談ください。
Figma・Photoshop・Studio対応で女性向けLPを高品質制作します
業務内容
「LPはあるのに問い合わせが増えない」
「見た目は綺麗なのに反応が出ない」
「商品の魅力をもっと分かりやすく伝えたい」
そんなお悩みはありませんか?
LP(ランディングページ)は、ただデザインが美しいだけでは成果につながりません。
訪問したユーザーが、
「この商品は自分に必要だ」
「相談してみたい」
「申し込んでみたい」
と感じる流れを設計することが重要です。
私は女性向けサービスや美容系・スクール・コーチング・サロン・物販などを中心に、見た目の美しさと成果の両立を意識したLP制作を行っています。
特に女性向け商材では、
・世界観
・共感
・安心感
・信頼感
・購入動機
これらを丁寧に整理しながらデザインへ落とし込むことが大切です。
どれだけ優れた商品やサービスでも、その魅力が伝わらなければ申し込みにはつながりません。
そのため私はデザイン制作の前に、
・ターゲットは誰なのか
・どんな悩みを抱えているのか
・何が購入の決め手になるのか
・競合との差別化ポイントは何か
を整理しながら制作を進めています。
制作ツールはFigmaを中心に、Photoshopにも対応しております。
また、Studioによる実装にも対応しているため、デザインだけでなく公開までワンストップでサポート可能です。
納品物は単なるデザインデータではありません。
お客様の商品やサービスの魅力を整理し、訪問者が自然に行動したくなる導線設計を意識したLPをご提供いたします。
サービス内容
・LPデザイン制作
・競合調査
・構成提案
・CTA設計
・スマホファースト設計
・PCデザイン対応
・Studio実装
・レスポンシブ対応
・公開サポート
私自身、日頃から広告LPや販売ページを研究し、
「なぜこのLPは反応が取れるのか」
「どのような構成やコピーが成果につながるのか」
を分析し続けています。
その知見を活かしながら、お客様の商品やサービスに最適なLPをご提案いたします。
制作会社へ依頼するほどではないけれど、しっかり成果につながるLPを作りたい。
そんな方にも安心してご依頼いただけるよう、丁寧なヒアリングと分かりやすい説明を心掛けています。
初めてLP制作をご依頼される方も大歓迎です。
「まだ内容がまとまっていない」
「何を準備すれば良いか分からない」
という段階でも問題ありません。
ヒアリングを通じて方向性を整理しながら、一緒に成果につながるLPを作り上げていきます。
まずはお気軽にご相談ください。
- Webサイトの種類
- ECサイト ニュース・オンラインマガジン
- プラットフォーム・ツール
- Adobe XD Figma Adobe Photoshop
FigmaデザインとWordPress実装で最適なWebサイトを制作します
業務内容
- ホームページ修正:10,000円〜
「急ぎでここだけ直したい」「管理画面の使い方がわからない」を解決します
Webサイト運営中のちょっとしたお悩みや、急な修正依頼に柔軟に対応いたします。誤字脱字の修正、画像差し替え、リンク切れ対応、CSSによるレイアウト微調整など、小規模な改修を承ります。
※内容に応じてお見積もりいたしますので、まずは現在のサイトURLと修正箇所をご相談ください。
- STUDIO制作(5ページ):20,000円〜
「STUDIO」を用いた、ノーコード制作プラン(5ページまで)
デザイン性の高いWebサイトを短納期で制作します。STUDIOは納品後の更新が非常に簡単で、直感的に操作できるのが最大の魅力です。
含まれる内容: 基本デザイン、STUDIO実装、レスポンシブ対応(スマホ最適化)、基本お問い合わせフォーム設置
こんな方におすすめ: 会社紹介、ポートフォリオ、小規模なLPなど、更新のしやすさを重視する方
- WordPress制作(5ページ):20,000円〜
「WordPress」を用いた、拡張性の高いサイト構築プラン(5ページまで)
ブログ機能の活用や、将来的なサイト拡大を視野に入れたWordPress制作プランです。SEO対策のしやすさと、豊富なプラグインによる機能拡張が強みです。
含まれる内容: テーマ設定、主要5ページ構築、ブログ投稿機能設定、お問い合わせフォーム設置、初期セキュリティ設定
こんな方におすすめ: 自社ブログを頻繁に更新したい方、本格的なWeb集客を目指す方
※1ページあたりのボリュームにより変動する可能性がありますので、事前にヒアリングさせていただきます。
【LP制作・HP製作】デザイン/コーディングを承ります
業務内容
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制作を心がけています。
「まだイメージが固まっていない」段階でも問題ございません。
まずはお気軽にご相談ください。
成果につながる高品質LPを企画からデザイン・構築まで制作します
業務内容
- こんな方におすすめ
・ 商品・サービスの問い合わせを増やしたい方
・ 広告運用に強いLPを制作したい方
・ 今あるLPの反応率を改善したい方
・ 採用LP・不動産LP・美容LP・士業LPなど成果重視で制作したい方
・ デザインだけでなく構成から相談したい方
- 提供内容
成果につながるランディングページを企画・設計・デザイン・実装まで一括で制作いたします。
提供内容:
・ ヒアリング
・ 競合調査
・ ペルソナ設計
・ ワイヤーフレーム制作
・ LP構成設計
・ UI/UXデザイン
・ HTML/CSSコーディング
・ スマホ対応
・ CTA導線設計
・ WordPress組み込み
・ SEO初期設定
・ 公開作業
必要に応じてコピーライティングの方向性もご提案可能です。
- 購入後の流れ
① ご相談・ヒアリング
② 目的・ターゲット整理
③ 構成案作成
④ デザイン制作
⑤ コーディング
⑥ 確認・修正
⑦ 公開
⑧ 公開後サポート
- 制作可能なジャンル
・ 不動産
・ 士業
・ 医療
・ 美容
・ SaaS
・ 採用
・ AIサービス
・ コンサル
・ スクール
・ EC商品販売LP
- 料金プランおよびオプション
ベーシック:80,000円〜
スタンダード:150,000円〜
プレミアム:250,000円〜
オプション:
・ 原稿作成補助
・ バナー制作
・ 広告クリエイティブ制作
・ GA4設定
・ A/Bテスト改善提案
- 納期
約7〜21営業日
【女性向けLP制作】世界観を大切に…✨情報整理、訴求を考えた上LPを制作します
業務内容
はじめまして、さとうさきと申します。
女性向け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/XD/PSD/画像 → HTML/CSS でデザイン忠実にコーディング。
-
保守性の高いコード。レスポンシブ標準。
-
軽微なアニメーション・フォーム設置も対応。
-
Next.js / React(TypeScript/Tailwind)にも対応。
LP(Landing Page)・Webサイトのデザイン制作いたします
業務内容
業務内容
■■ サービス内容 ■■
※デザインのみのサービスです。コーディングは含まれません※
WEBサイトのトップページ、LPのデザインを制作いたします。
商品やサービスの販促用LPから、お店のHP、企業サイトまで幅広く対応可能です。
「見やすさ」「伝わりやすさ」「世界観」を大切にしながら、目的に合わせたデザインをご提案いたします。
\ こんな方におすすめ /
- スマホ対応込みでデザインしてほしい
- 信頼して相談できるデザイナーを探している
- コーダーと連携しやすいデザインデータが欲しい
- シンプルで洗練されたデザインにしたい
- LPやTOPページを改善したい
■ 納品可能形式
- Figmaデータ
■ 納期目安
- キックオフ〜ワイヤーフレーム作成:約1〜2週間
- ワイヤーフレーム確定後〜デザイン納品:約2週間
料金に含まれる内容
- TOPページデザイン
- 修正3回まで
- 必要に応じた素材選定
- 仮テキスト・仮キャッチコピー挿入
- PCデザイン制作
■ オプション対応
- 下層ページデザイン
- スマホデザイン
- バナー制作
- 修正追加
- 画像制作
■ お取引の流れ
① 「見積もり・カスタマイズ相談」からご連絡
② ヒアリング
③ ご購入
④ テキスト・画像・ロゴデータ共有
⑤ ワイヤーフレーム作成
⑥ デザインご提案
⑦ 修正対応
⑧ 納品
■ ご注意事項
- ご提案は1案となります
- コーディングは含まれておりません
- 大幅なレイアウト変更は追加料金対象となります
- 購入後のキャンセルはお断りしております
- 5日以上ご連絡がない場合はクローズとなる場合があります
よくある質問
Q. コーディング込みですか?
こちらはデザインのみのサービスです。コーディングは含まれておりません。
Q. スマホデザインもお願いできますか?
はい。オプションで対応可能です。
Q. Figma以外で納品できますか?
基本はFigma納品となります。
Q. 修正は何回まで可能ですか?
3回まで無料で対応いたします。
■ 注文時のお願い
下記をご記載のうえ、ご相談いただけますとスムーズに進行可能です。
① 制作目的
(例:集客強化、ブランド認知、リニューアルなど)
② 業種
③ 掲載内容
(例:サービス紹介、会社概要、お問い合わせなど)
④ 参考サイトURL
(できれば複数)
⑤ メインカラー
⑥ 横幅サイズ
(ご指定がない場合は1400pxで制作)
⑦ デザインイメージ
(シンプル、清潔感、ナチュラル、ビジネスなど)
⑧ テキスト・画像・ロゴの有無
⑨ 希望納期
⑩ 実績公開可否
※掲載可能な場合は5,000円割引いたします。
- Webサイトの種類
- ECサイト ビジネスプロモーション ブログ ポートフォリオ 教育 コンテンツ共有 SNS ニュース・オンラインマガジン 製品・サービスマーケティング
- プラットフォーム・ツール
- Figma
【制作会社様・デザイナー様向け】デザインカンプから忠実に実装。コーディング代行します
業務内容
デザインカンプ(FigmaやXD、画像ファイルなど)をもとに、HTML/CSS/JavaScriptでコーディングを行います。
【こんな方におすすめです】
・デザインは自分で用意しているので、コーディングだけ依頼したい
・レスポンシブ対応(スマホ・タブレット・PC)のサイトを作りたい
・納品後に自分で修正できるよう、読みやすいコードで書いてほしい
【対応内容】
・HTML/CSS(SCSS)によるコーディング
・JavaScript(アニメーション・スクロール演出・フォームバリデーションなど)
・レスポンシブデザイン対応(モバイルファースト)
・Figma・Adobe XD・画像ファイルからの再現
・コメント付きの読みやすいコードで納品
【納品物】
・HTML/CSS/JSファイル一式
・画像・フォントなどの素材ファイル
・簡単な修正方法のメモ(希望者のみ)
【制作の流れ】
- ご依頼・ヒアリング(使用するデザインデータや要件を確認)
- お見積もり・納期の確認
- コーディング着手
- 途中経過の共有(スタンダード・プレミアムプラン)
- 修正対応(2回まで無料)
- 最終納品
【修正について】
納品後2回までの修正は無料で対応します。大幅な仕様変更・デザイン変更は別途お見積もりとなります。
まずはお気軽にメッセージでご相談ください。要件が固まっていない段階でも、一緒に整理するところからお手伝いします。
WordPress企業サイト制作・リニューアル|構築〜入稿まで対応します
業務内容
デザインカンプ(FigmaやXD、画像ファイルなど)をもとに、HTML/CSS/JavaScriptでコーディングを行い、WordPressへの構築・入稿・プラグイン設定まで一括で対応します。
Web制作の実務3年・40P規模のコーポレートサイトリニューアルの経験があります(実績写真は許可取得後、順次掲載します)。
【含まれるもの】
・デザインカンプ(Figma / XD / 画像)からのコーディング
・JavaScriptで動きのあるデザインの(アニメーション・スクロール演出・フォームバリデーションなど)
・レスポンシブデザイン対応
・WordPressテーマ構築・カスタマイズ
・カスタム投稿・ACFによる管理画面設計
・お問い合わせフォーム設置
・テキスト・画像の入稿
・PC・スマホ対応
・公開後修正対応(納品後2週間まで)
【含まれないもの】
基本的には含まれませんが、別途ご相談可能です。
・デザイン制作(別途ご相談可)
・サーバー・ドメインの契約・設定
・SEO対策・アクセス解析設置
【制作の流れ】
- ご依頼・ヒアリング(使用するデザインデータや要件を確認)
- お見積もり・納期の確認
- コーディング着手
- 途中経過の共有
- 初稿納品
- 修正対応
- 最終納品
【修正について】
納品後2週間以内の修正は無料で対応します。
大幅な仕様変更・デザイン変更は別途お見積もりとなります。
まずはお気軽にメッセージでご相談ください。
要件が固まっていない段階でも、一緒に整理するところからお手伝いします。
- Webサイトの種類
- コーポレート・企業サイト制作
- プラットフォーム・ツール
- WordPress
- その他
- リニューアル
【STUDIO対応】内容がまとまっていない方向け|LP構成整理+制作します
業務内容
サービス内容はあるのに、うまく伝わらない。
情報が散らかっていて、LPにまとめられない。
そんな小規模事業者・個人事業主の方向けに、
内容整理からデザイン・STUDIO実装まで一貫して対応します。
「とりあえず見た目だけ作るLP」ではなく、
誰に・何を・どう伝えるかを整理しながら、相談につながる1ページを制作します。
【こんな方におすすめです】
・サービス内容が言語化しきれていない
・LPを作りたいが構成がわからない
・既存サイトでは魅力が伝わっていない
・問い合わせ導線を整えたい
・STUDIOで自分でも更新しやすくしたい
──────
【対応内容】
▼ ベーシック(税込35,200円)
お聞きした内容を元に、STUDIOでPC・スマホ対応のLPを製作します。
・ヒアリング(非同期可)
・1ページLP構成整理(簡易)
・デザイン制作
・STUDIO実装
・PC / スマホ対応
⇒ 掲載内容がすでにまとまっている方
⇒ とにかく早く形にしたい方
※ベーシックプランには簡易マニュアルは付属しません。
ご希望の方は「よく使う更新方法マニュアル」オプションをご利用ください。
▼ スタンダード(税込55,000円)
内容整理・構成設計から対応し、伝わる導線を意識したレスポンシブLPを制作します。
・ベーシック内容
+
・情報整理 / 構成設計
・ワイヤーフレーム(Figma)
・LPデザイン制作
・STUDIO実装
・レスポンシブ対応(PC / タブレット / スマホ)
・問い合わせ導線整備
・「よく使う更新方法マニュアル」付き
⇒ 何を載せるか相談しながら進めたい方
⇒ 公開後も自分で更新したい方
▼ プレミアム(税込99,000円)
内容整理・文章サポートまで含め、
相談しながら一緒に作り上げるLP制作+公開後1週間サポートプランです。
・スタンダード内容
+
・文章整理サポート
・競合/参考サイト整理
・CTA導線提案
・公開後7日サポート
・修正回数+1回
・「よく使う更新方法マニュアル」充実版付き
⇒ 何を載せるか相談しながら進めたい方
⇒ 公開後も自分で更新したい方
【追加オプション】
▼ 「よく使う更新マニュアル」追加(税込12,100円)
納品後にご自身で更新作業を行えるよう、
よく使う更新方法を、画像付きで分かりやすくまとめた簡易マニュアルをお渡しします。
(例)
文章差し替え
画像変更
CTAリンク変更
※ベーシックプラン用の追加オプションです。
※スタンダード・プレミアムプランには、基本料金内にこのサービスが含まれます。
▼ 固定ページ追加(1ページ)(税込16,500円)
LPとは別に、シンプルな固定ページを1ページ追加します。
例
・会社概要 / プロフィールページ
・利用規約 / プライバシーポリシー
・お問い合わせ詳細ページ
▼構造設計あり固定ページ追加(1ページ)(税込27,500円)
LPとは別に、構造設計・導線整理をふまえた固定ページを1ページ追加します。
情報を載せるだけでなく、見た人に伝わる形で整理して制作します。
例
・会社紹介ページ(PR)
・実績詳細ページ
──────
【製作の流れ】
- ご相談・ヒアリング
- サービス内容や現状課題の整理
- 構成案(ワイヤー)ご提案
- デザイン制作
- STUDIO実装
- ご確認・修正
- 公開 / 納品
──────
※ヒアリング後、内容に応じて最適なプランをご提案いたします。
【UI/UX】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
- デバイス
- モバイル デスクトップ タブレット
【Ps/Ai/XD/Figma】デザインからコーディング。Astro/WP対応します
業務内容
デザインデータ(Figma, XD, Photoshop, Illustrator)をご支給いただき、Webサイトとして実装(コーディング)いたします。
ただ表示させるだけでなく、「表示速度(Core Web Vitals)」「SEO(セマンティックなマークアップ)」「アクセシビリティ」を考慮した、エンジニア品質のコードを提供します。
対応可能なデザインデータ
- Figma / Adobe XD
- Adobe Photoshop (psd) / Illustrator (ai)
- ※画像の書き出し、スライス作業から対応可能です。
- 不足している素材はAI生成を活用し、補充いたします(←ここが強みです!)
「アニメ」も「動画」も。対応します
- 「ちょっとした動きを入れたい」という要望ももちろん対応可能です。
- スライダーやカルーセル可能です。
- 動画埋め込み / ポップアップ行います
強み:最新技術「Astro」への対応
一般的なHTML/WordPress構築に加え、次世代の静的サイトジェネレーター 「Astro」 での構築も可能です。
- 爆速の表示速度を実現したい
- サーバー代を抑えたい
- セキュリティを強固にしたい
といった案件で、クライアント様に「付加価値」として提案できます。
Astroはさくらインターネットや Github Pagesでの運用実績もございます。
不要なCGI動作を省いた静的Htmlは、管理が追いつかず放置しているWordPressより格段にセキュリティリスクが低くなります。 是非ご検討ください。
こんなご依頼に最適です
- 「デザインは社内でやったが、コーディングのリソースが足りない」
- 「古いPhotoshopデータからのレスポンシブ化をお願いしたい」
- 「WordPressへの組み込みまで丸投げしたい」
- 「アクセシビリティ対応を求められた」
- 「WordPressから別の早くて安全なCMSに移行したい」
納品形式
- HTML/CSS/JSファイル一式
- WordPressテーマファイル
- サーバーへの直接アップロード
このようなお悩みはありませんか?
- デザインはあるけど、コーディングできる人がいない
- サクッとhtmlを作ってほしい
- AstroやWordPressでのサイト構築に時間がかかり、コンテンツの更新が滞ってしまう
是非お任せ下さい!
発注の流れ
1. お問い合わせ・ヒアリング
メッセージにて、デザインデータ、ご要望、納期などをお知らせください。詳細をヒアリングさせていただきます。
2. 企画提案
デザインデータを確認し、最適なコーディングプラン、サイト構成、機能などを提案します。
3. お見積もり・ご契約
提案内容に基づき、詳細な見積もりを提示します。ご納得いただければご契約となります。
4. 制作開始
仮払い後、コーディング作業を開始します。進捗状況を随時報告し、フィードバックを反映します。
5. 納品・検収
完成したサイトをご確認いただき、修正点があれば対応します。最終確認後、納品となります。
納期
プランにより異なります。
- ベーシック: 1週間
- スタンダード: 2週間
- プレミアム: 3週間
✅ デザイン分析・設計
デザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。サイト全体の設計を行います。
✅ コーディング
HTML/CSS/JavaScriptを用いて、デザインを忠実に再現します。レスポンシブ対応も行います。
✅ システム組み込み・動作確認
AstroまたはWordPressにコーディング結果を組み込み、動作確認を行います。CMS機能やプラグインの導入も行います。
✅ パフォーマンス最適化
SEO対策、表示速度の最適化、セキュリティ対策など、サイト全体のパフォーマンスを向上させます。
✅ 最終確認・納品・サポート
お客様に最終確認いただき、修正点があれば対応します。納品後もサポートいたします。
※通常は平日作業で進行いたします。
※特急対応が必要な場合は事前にご相談ください。
※納品後の5回を超える修正や追加要望は別途ご相談下さい。
信頼と責任を持って作業いたします。
どうぞよろしくお願いいたします。
【Figma】古く見えるWebサイトを、信頼感が伝わるデザインへ整えます
業務内容
会社・サービス内容が伝わる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またはご指定形式で納品します。
- Webサイトの種類
- ECサイト ビジネスプロモーション ブログ ポートフォリオ 教育 ニュース・オンラインマガジン 製品・サービスマーケティング その他
- プラットフォーム・ツール
- Adobe XD Figma Adobe Photoshop Adobe Illustrator Wordpress Wix Shopify Elementor
ターゲットの心に届く、成果に導くLPをデザインし ます
業務内容
当パッケージをご覧いただきありがとうございます!!
LPデザイナーの浮田と申します。
【こんな方におすすめ】
「LPの設計からお願いしたい」
「集客に繋げたい」
「リサーチから実装までまるッと頼みたい」
「商品の魅力が伝わる洗練されたLPにしたい」
清潔感、高級感、かわいい、かっこいいなど、
世界観を大切に、ターゲットに刺さるLP制作を心がけています!
クライアント様の想いをオリジナルのLPデザインでお届けいたします!
長さ無制限、修正は納期まで可能な限り対応いたします!
丁寧なヒアリング、
サービスに適した構成をいたします!
【ご購入後の流れ】
ヒアリングシートへご記入をお願いいたします
↓
Zoom等でヒアリングシートをもとに丁寧に擦り合わせを行います。
↓
制作に取り掛かります。進捗報告、確認を丁寧に行います。
↓
ご納得いただけるよう修正などの対応をいたします
↓
納期までに納品いたします
【制作可能なジャンル】
美容・サプリ・フィットネス・サロン・女性向け・男性向け
他ジャンル対応できます。
【その他】
原稿はご準備ください
写真等素材がございましたらご共有ください
制作ツールはPhotoshop、figmaです
編集権限は譲渡しておりません。
ご了承くださいませ。
納期、料金プランやオプション
パッケージをご覧いただき、ぜひご相談ください!
【開発視点から】ビジネス成長に貢献するWebサイトUI/UXを設計します
業務内容
「現場で本当に使える」UI/UXデザインを提供
このようなお悩みはありませんか?
「開発コストばかりかさむが、ユーザーが定着しない…」「既存システムの管理画面が複雑で、業務効率が上がらない…」「新サービスのUIデザイン、どうすればビジネス成果に繋がるか分からない…」といったお悩みはありませんか?
発注の流れ
-
お問い合わせ・ヒアリング
まずは、ご検討中のプロジェクト概要や課題、ご希望などをお気軽にご連絡ください。詳細をヒアリングさせていただきます。 -
プラン提案・お見積り
ヒアリング内容に基づき、お客様のビジネス目標達成に向けた最適なデザイン戦略とプロジェクト計画をご提案します。Figmaなどのツールを用いた具体的なイメージを共有し、すり合わせを行います。 -
ご契約・制作開始
ご提案内容にご納得いただけましたら、正式にご契約・仮払いをお願いいたします。契約後は、ランサーズのワークスペース機能などを活用し、プロジェクトを円滑に進めてまいります。 -
デザイン制作・レビュー
デザイン制作を進め、ワイヤーフレームやプロトタイプ、最終デザイン案を定期的に提出いたします。ランサーズの機能を通じてフィードバックをいただき、丁寧に修正対応を行います。 -
納品・クローズ
最終的なデザインにご承認いただけましたら、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・通信・インターネット業界特有の複雑なニーズにも、開発視点から最適な解決策を提案いたします。まずは、あなたの課題をお聞かせください。ランサーズのメッセージ機能で、お気軽にご相談ください。
LPデザインをHTML/CSSで丁寧にコーディングします
業務内容
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実装は対象外、または別途ご相談となります
・内容によっては納期・金額をご相談させていただく場合がございます
・デザインの長さやセクション数、実装ボリュームによっては、事前にお見積りをご相談させていただく場合がございます
丁寧なコミュニケーションを心がけ、安心してご依頼いただけるよう対応いたします。
まずはお気軽にご相談ください。
Figmaオートレイアウト・コンポーネント機能でフレーム単位でデザイン承ります
業務内容
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
お気軽にご連絡ください。
【デザイナー様・Web制作会社様】FigmaデザインからWebサイトを制作します
業務内容
Figmaデザインを高品質なWebサイトへ!あなたの想いをカタチにします。
このようなお悩みはありませんか?
Webサイトのデザインはあるけど、コーディングできる人がいない。コーディングを依頼したいが、どこに頼めば良いか分からない。クオリティの高いWebサイトを制作したいが、費用を抑えたい。
発注の流れ
お問い合わせ
メッセージにて、Figmaデザインデータ、ご希望のWebサイトイメージ、納期などをお知らせください。
デザイン確認・ヒアリング
Figmaデザインデータを確認し、Webサイトの構成、必要な機能、デザインの詳細についてヒアリングいたします。
お見積もり・ご契約
お打ち合わせ内容に基づき、お見積もりと制作スケジュールをご提示いたします。
制作開始
コーディング作業を開始し、進捗状況を随時ご報告いたします。お客様からのフィードバックを元に修正も行います。
納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。
対応範囲・価格
Webサイト コーディング:1万円〜
Figmaデザインを基に、HTML/CSS/JavaScriptで忠実に再現。レスポンシブ対応でスマホ表示も美しく。
フェードイン、スライド、ハンバーガーアイコンなどのアニメーション可能。
Webサイト コーディング:5万円〜
上記以外の複雑なアニメーションが必要な場合。
WebサイトWordPressオリジナルテーマ構築:10万円〜
納期
最短7日
制作の流れ
設計・準備
Figmaデザインデータを詳細に分析し、Webサイトの構造を設計します。
コーディング
HTML/CSS/JavaScriptを用いて、Figmaデザインを忠実にコーディングします。 レスポンシブ対応も行います。
WordPress 構築(必要な場合)
WordPress化をご希望の場合は、WordPressのテーマを構築し、必要な機能を実装します。
品質チェック
Webサイトの動作確認、表示確認、SEO対策など、品質チェックを行います。
最終確認・修正
お客様にWebサイトをご確認いただき、修正点があれば修正いたします。修正3回無料。
納品・公開
Webサイトのデータを納品いたします。サーバーへのアップロード作業もサポートいたします。
サービス内容
Figmaからのコーディング代行、Webサイト制作、WordPress構築を承ります。お客様のデザインを高品質なWebサイトとして実現いたします。
Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか?
コーディングを依頼したいけど、どこに頼めば良いか分からなくて悩んでいませんか?
そんなあなたのために、Figmaデザインからの高品質なWebサイト制作を承ります。
私は、Figmaデザインを忠実に再現し、細部まで丁寧に仕上げることを得意としています。
これまでの経験を活かし、お客様のWebサイト制作をサポートいたします。
Webサイト制作でお困りの方は、ぜひ一度ご相談ください。
ポートフォリオはこちら https://fori.io/leo-code-lab
【制作歴20年】カンプ通りにコーディング・WP組み込みを実装します
業務内容
ご覧いただきありがとうございます。エスラボのトミタです。
制作会社様・広告代理店様からの外注案件に対応しています。
■ このパッケージでできること
・デザインカンプ(Figma / PSD / XD)からのHTML/CSS/JSコーディング
・静的HTMLからのWordPressテーマ化・組み込み
・ワイヤーフレームからのデザイン+コーディング+WordPress構築
設計意図を理解した上で実装しますので、戻しが少なく済みます。
■ 各プランの内容
【ベーシック(5万円)】
・5ページ以内のコーディング
・デザインカンプ支給前提(Figma / PSD / XD)
・HTML5 / CSS3 / JavaScript
・レスポンシブ対応
・修正1回
【スタンダード(10万円)】
・10ページ以内のWordPress組み込み
・静的HTML or デザインカンプ支給
・カスタム投稿タイプ+ACF+管理画面設計
・レスポンシブ対応
・修正2回
【プレミアム(20万円)】
・10〜15ページのデザイン+コーディング+WordPress構築
・ワイヤーフレーム or 構成案支給
・カスタム投稿+ACF+管理画面設計
・構成提案も対応可能
・レスポンシブ対応
・修正3回
■ 技術スキル
【デザイン】Figma / Photoshop / Illustrator / XD
【フロントエンド】HTML5 / CSS3(Sass対応可)/ JavaScript / jQuery
【CMS】WordPress(テーマ構築 / カスタム投稿 / ACF / 管理画面カスタマイズ)/ PHP
【その他】レスポンシブ対応 / SEO内部対策 / GA4・GSC設定
■ 対応実績
・制作歴約20年 / 関わったサイト数500件超
・大手企業のサイト構築にもチームの一員として参加した経験あり
・数百ページ規模のWordPressリプレイス経験あり
・制作会社様からの外注案件に多数対応
■ 作業の進め方
・設計意図を理解した上で実装します(戻しが少なく済みます)
・途中経過はテスト環境で随時共有します
・不明点は早めに確認し、手戻りを防ぎます
・継続的なパートナーとしてのお付き合いも可能です
■ 対応時間
平日 9:00〜18:00
メッセージは24時間以内の返信を心がけています。
- プラットフォーム・ツール
- Adobe XD Figma Adobe Photoshop Adobe Illustrator Wordpress
【ハイクオリティー】Figmaでどんなジャンルでも高品質なLPを制作いたします
業務内容
数あるパッケージの中からご覧いただきありがとうございます!
【 このようなお悩みはありませんか?】
・集客に繋がらない
・商品やサービスの魅力がWeb上で十分に伝わらない
・社内にマーケ視点でのLPを作れる人がいない
そのご希望、是非お任せください!自社だけのオリジナルのLPをご提供いたします!
◆ユーザー心理に基づいた訴求力のある読まれるデザイン
(誰に向けてか、ターゲットは何を得られるのか、離脱されないよう流れのあるデザイン、読まないを前提として視覚的に見て理解しやすいデザイン、心理の動きに合わせたデザインの世界観、視認性の担保、広告とトンマナに乖離はないか等)
◆丁寧なヒアリングを行い、クライアント様の求められていることは何かを整理しリサーチ分析して制作へ。コミュニケーションコストを減らす為にイメージの差異がないよう意識して取り組みます。
◆細やかな進捗状況のご報告を行います。
◆納得できるまで何度でも修正対応いたします!
ご遠慮なくお申し付けください。
(納品後の修正は別途費用が発生いたします。ご了承ください。)
◆表記の日数はおおよそですので、ご希望にできるだけお答え出来るようにさせて頂きます。
【発注の流れ】
-
お問い合わせ
まずはランサーズのメッセージ機能にて、LP制作のご要望や現在の課題、流入経路、ターゲット、制作の目的などをお気軽にご相談ください。 -
ヒアリング
オンラインにて詳細なヒアリングを行います。LPに載せたい内容、イメージ共有、希望納期、価格相談等を伺います。 -
企画・お見積もり提案
ヒアリング内容に基づき、LPの構成案やデザインの方向性をご提案し、お見積もりを作成いたします。 -
ご契約・制作開始
内容とお見積もりにご納得いただけましたら、ランサーズ上でご契約いただき、仮払いをお願いします。この時点から制作を開始します。 -
制作・確認・修正
制作の進捗状況を適宜ご報告しながら、デザインの初稿をご確認いただきます。修正回数を減らす為にも、ワイヤーフレームの時点で一度ご確認をして頂き、デザインの構成をしっかりと固めてから装飾に入らせて頂きます。 -
納品・公開
最終的なご確認が完了後、LPを公開し、納品となります。
【介護福祉特化】ユーザー目線のWebサイトをデザイン制作します
業務内容
「想いに寄り添い、やさしく伝える」元看護師デザイナーが、あなたのメッセージをカタチにします。
このようなお悩みはありませんか?
伝えたい情報が多すぎて、どこから手をつけて良いかわからない、WebサイトやLPのデザインが古く、訪問者の反応が悪い、広告バナーの効果が出ず、クリック率が伸び悩んでいる、サービスや商品の魅力が伝わる資料デザインが欲しい、医療・介護・教育分野で、信頼感と親しみやすさを両立したデザインを探している
発注の流れ
ご相談・ヒアリング
まずはメッセージにてご連絡ください。サービス内容、課題、目的、ご希望イメージ、予算、納期など詳しくお伺いします。
企画・提案
ヒアリング内容を元に、最適なデザイン案や構成、スケジュール、お見積もりをご提案します。
ご契約・制作開始
ご提案にご納得いただけましたらご契約・仮払いいただき、制作を開始します。ランサーズの規約に則り、仮払い前の外部連絡は致しかねます。
確認・修正
デザイン初稿をご確認いただき、フィードバックをお願いします。調整・修正を重ね、より良いものを作り上げます。
納品・完了
最終デザインにご満足いただけましたら、データ形式で納品いたします。納品完了後、お取引完了となります。
対応範囲・価格
LP/Webサイトデザイン相談:5,000円
オンラインまたはメッセージでデザインに関するお悩みやご要望をヒアリングし、解決策や方向性を一緒に考えます。具体的な制作前の方向性固めに。
バナー・画像制作プランニング:3,000円
ターゲットや目的に合わせたバナー・画像のコンセプト設計、効果的な訴求ポイントをご提案します。
資料デザイン構成アドバイス:7,000円
伝えたい内容を整理し、視覚的に分かりやすい資料構成についてアドバイスします。
納期
応相談(各プランの納期は別途記載しております)
制作の流れ
ヒアリング・要件定義
クライアントの目的、ターゲット、伝えたいメッセージを深く理解します。
情報設計・ワイヤーフレーム作成
コンテンツの優先順位付けとレイアウトを検討し、骨子を設計します。
デザイン制作
Figmaを使用し、ブランドイメージに合った魅力的なデザインを作成します。
レビュー・修正
クライアントからのフィードバックに基づき、デザインを洗練させます。
最終調整・納品
最終確認後、指定された形式でデータをお渡しします。
サービス内容
元看護師のWebデザイナーが、お客様の「想い」に寄り添い、ターゲットに「やさしく伝わる」Webサイト、LP、バナー、資料をデザインします。丁寧なヒアリングと問題解決力で、ビジネスの目的に合わせた最適なデザインをご提供。Figmaでのデザインを中心に、既存サイトの改善提案も行います。医療・介護・教育分野の実績も豊富です。
「伝えたいのに、なぜか伝わらない…」そんなお悩みはありませんか?想いを込めて作ったサービスや商品も、デザインが伝わらなければその魅力は半減してしまいます。元看護師のWebデザイナーとして、私は「コミュニケーション力」「問題解決力」「観察力」を活かし、あなたのメッセージがターゲットにやさしく届くデザインを制作します。ただ見た目を整えるだけでなく、ユーザーの行動を促すための情報設計から、細部にわたる表現まで丁寧に作り上げます。特に医療・介護・教育分野での信頼と実績がありますので、安心してお任せください。あなたのビジネスの「伝わる」を私がデザインでサポートします。
- Webサイトの種類
- ビジネスプロモーション 製品・サービスマーケティング
- プラットフォーム・ツール
- Figma
【アプリ開発】アプリ/ウェブアプリ制作を企画からリリースまで一貫で行います
業務内容
UI/UXのプロが企画からリリースまで一貫。ユーザーに長く愛されるアプリを開発します!
このようなお悩みはありませんか?
「新しいアプリ/ウェブアプリでビジネスを成長させたいが、何から手をつければ良いか分からない」「サービスのアイデアはあるが、技術的な実現性や最適なUI/UX設計に悩んでいる」「ユーザーが使い続けたくなる、魅力的なプロダクトを作りたい」「デザインと開発、両方を任せられるパートナーを探している」「既存アプリ/ウェブアプリのUI/UXを改善し、利用率や満足度を高めたい」
発注の流れ
1.お問い合わせ・ヒアリング
まずはメッセージにてご連絡ください。貴社のビジネス課題やアプリの構想、ご予算、納期などについて詳しくお伺いし、最適なプランを検討します。
2.ご提案・お見積もり
ヒアリング内容に基づき、サービス内容、開発スケジュール、費用を明確にご提案します。この段階で疑問点は全て解消しましょう。
※プラン価格は平均的な概算になります
3.ご契約・仮払い
ご提案内容にご納得いただけましたら、ランサーズ上でご契約手続きを行い、仮払いをお願いいたします。これをもって正式な発注となります。
4.プロジェクト開始
仮払い確認後、いよいよプロジェクトを開始します。ランサーズのワークスペースやメッセージ機能を中心に、密に連携を取りながら進めます。
対応範囲・価格
企画・要件定義・技術選定サポート:80,000円〜
アプリ/ウェブアプリのアイデア出し、ビジネス要件の整理、最適な機能や技術スタックの選定を徹底的にサポートします。
UI/UXデザイン・プロトタイプ作成:150,000円〜
ユーザー体験を考慮したUI/UX設計、ワイヤーフレーム、Figmaでの高 fidelity プロトタイプ作成、詳細デザインを制作します。
アプリ・ウェブアプリ開発・実装:300,000円〜
設計に基づいて、機能開発、API連携、バックエンド構築、データベース設計など、要件に応じた開発を実装いたします。
納期
企画・要件定義からリリースまで、内容により1ヶ月〜3ヶ月程度が目安です。
制作の流れ
1.企画・要件定義フェーズ
アプリのコンセプト、機能、ターゲットを明確にし、設計図を固めます。
2.UI/UXデザインフェーズ
ユーザー体験を最大化するUI/UXを設計。ワイヤーフレームやプロトタイプでイメージを共有し、確認・修正を行います。
3.開発・実装フェーズ
デザインに基づきコード開発。進捗を定期共有し、テストも実施します。
4.テスト・最終調整フェーズ
機能テスト、バグ修正、最適化を実施。最終確認を行いリリース準備を進めます。
5.リリース・納品
アプリストア申請やサーバーデプロイをサポート。無事サービスをリリースします。
サービス内容
お客様のビジネス課題に合わせて、ウェブアプリやネイティブアプリの企画・UI/UX設計・開発・リリースまでを一貫して行います。最適な技術選定とユーザー中心のデザインで、長く愛される価値あるプロダクトを共に創り上げます。
「こんな機能が欲しいけれど、どう実現すれば良いか分からない」「仕様がまだ固まっていない」そんなお悩みはありませんか?ビジネスのアイデアを形にするには、最適な技術選定とユーザー体験を深く考慮したデザインが不可欠です。私、田中はUI/UX設計から開発、リリースまで一貫してサポート。貴社のビジネス課題に寄り添い、長く愛される価値あるアプリ・ウェブアプリを共に創造します。まずはお気軽にご相談ください、貴社のビジョンを現実のものにいたします。
【売上を伸ばす】集客に特化したLP・Webデザインを制作します
業務内容
成果を追求!集客に繋がるデザインであなたのビジネスを成長させます。
このようなお悩みはありませんか?
ウェブサイトや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戦略を形にしますので、まずはお気軽にご相談ください。一緒に目標達成を目指しましょう!
- プラットフォーム・ツール
- Figma Adobe Photoshop Adobe Illustrator Wix STUDIO
- スタイル
- 売れる
- 業界・用途
- 美容 エステ セミナー 化粧品
ライトなものから複雑仕様のものまで、ご要望に合わせたUIデザインをご提供します
業務内容
はじめに
2024年10月時点のランサーズ実績220件のうち、その半数がUIデザインの実績となっております!
ですので、「どんなものが納品されるか不安…」「ちゃんとやってくれるのかな…」など不安な気持ちをお持ちの方は、ぜひ私のプロフィールからこれまでの実績をご確認のうえ内容をご検討いただけますと幸いです!
よくあるご依頼ケース
私がよくご依頼いただくものですと以下のようなケースがあります
-
プレゼンに必要なサンプル的なUIが欲しい
-
ワイヤーフレームに沿ってUIを1〜2画面作って欲しい
-
アプリの改修をしたいので、まずお試しに数画面UIをリデザインして欲しい
-
機能追加をしたいので、このような画面を今のデザインに合わせて作って欲しい
-
こんなUIを実現したいけど何からはじめて良いかわからないから一緒に考えて欲しい
-
ゼロからアプリのデザインをまるっとお願いしたい
などなど、ご要望は多岐に渡ります。
ご提供できる具体的なアウトプット
フェーズや規模感などに応じて最適なアウトプットをご提供します
※ツールは基本的にFigma使用を想定
UIデザイン(アプリ/WEB)
ワイヤーフレーム(情報設計も含む)
プロトタイプ
モックアップ
画面遷移図
Figmaでのコンポーネント構築
デザインシステム構築
variable構築 etc...
※上記の内容については個別はもちろん、包括的な制作も可能となります
これまでの制作事例
【アプリ】
- SNSアプリ
- マッチングアプリ
- ヘルスケアアプリ
- フィンテック系アプリ
- カーシェアアプリ
- 語学学習アプリ
- 各種ゲーム など
【WEB】
- 業務管理ツール
- 採用管理ツール
- 不動産管理ツール
- 契約管理ツール
- 気象観測ツール など
ご依頼までの流れ
ご依頼内容がある程度まとまっている場合は
該当するプランを選択のうえご相談ください!
それ以外で「どんなふうに依頼したら良いかわからない」
「まずは話だけ聞いてみたい」という方も
ぜひお気軽に「まずは相談する(無料)」からお問い合わせください!
最後に
ここまでご覧いただきましてありがとうございます!
正直、他に出ている類似のパッケージと比較すると
金額設定はかなり高く設定させていただいております。
これまで、ランサーズで安い金額で依頼をしたら満足いくものが納品されず
私のところへ再依頼いただいたお客様も少なくありません。
お客様からのコメント内容が示す通り、費用に対してご満足いただける
アウトプットをご提供できている自信があります!
まずは相談からでかまいませんので、ぜひパッケージのご活用をご検討ください!
よろしくお願いいたします。
【Figmaカンプ対応】制作会社様・デザイナー様のLP・HPコーディングを代行します
業務内容
【コーディングに手が回らない制作会社様・デザイナー様へ】
デザインカンプをそのままお渡しください。
LP・HPのHTML/CSSコーディングをレスポンシブ対応込みで代行します。
「コーディングを外注して、デザイン業務に集中したい」
「Figmaのカンプをそのまま渡せる、信頼できるコーダーを探している」
「進捗報告や納期管理をきちんとしてほしい」
そんなお悩みをお持ちの方は、ぜひお気軽にご相談ください。
【対応可能なファイル形式】
・Figma(URL共有)
・その他、仕様が分かる資料があればご相談ください
【標準対応範囲(全プラン共通)】
・HTML5 / CSS3(Sass使用可)によるコーディング
・レスポンシブ対応(PC / SP / タブレット)
・フェードイン・スライダー・アコーディオン・ハンバーガーメニューなどの標準的なアニメーション
・クロスブラウザ対応(Chrome / Safari / Firefox / Edge 各最新版)
・修正しやすいコード設計(BEM記法・クラス命名統一)
【対応できないこと(事前にご確認ください)】
・GSAP・ScrollTriggerなど複雑なアニメーション(別途お見積もりになります)
・デザインのゼロからの起こし
・サーバーアップロード・ドメイン設定などの環境構築
【安心してお任せいただける理由】
・デザインカンプを忠実に再現
→ ズレ・崩れが起きないよう、チェックリストで確認してから納品
・修正しやすいコード設計
→ BEM記法でクラス命名を統一。納品後の改修コストを下げます
・2日に1回の進捗報告
→ 進捗確認の手間を取らせません
・メッセージは1時間以内に返信(打ち合わせ中を除く)
【ご依頼の流れ】
- ご相談:デザインカンプとご要件をお送りください
- お見積もり:ページ構成・ボリュームを確認してご提示します
- コーディング作業
- 確認・修正対応
- 納品
【こんな方におすすめ】
・コーディングを外注して制作業務を効率化したい制作会社様
・Figmaカンプをそのまま渡せるコーダーを探しているデザイナー様
・長期的にコーディングを依頼できるパートナーを探している方
【注意事項】
・ご購入前に必ずご相談ください(ページ構成・ボリューム・ファイル形式の確認が必要です)
・スマホカンプがない場合はPC基準でのレスポンシブ対応になります(事前にご相談ください)
・ページ追加・お急ぎ対応はご相談ください
・GSAP等の複雑なアニメーションは別途お見積もりになります
・内容によっては追加料金をご相談させていただく場合があります
・ご購入後、5営業日以内にご連絡がない場合はキャンセルとさせていただく場合があります
【IT企業、医療関係向け】AIで魅せる高速プレゼン資料を翌日納品いたします
業務内容
AIと最短翌日納品で、あなたのITビジネスを加速させるプレゼン資料を作成します!
このようなお悩みはありませんか?
急なプレゼン資料作成で困っていませんか?魅力的な資料を短納期で用意したい、AIを活用した最新のビジュアルで他社と差をつけたい、IT専門知識を理解したデザイナーに依頼したい、といったお悩みを解決します。
◼️発注の流れ
①ご相談・ヒアリング
プロジェクトの目的、対象者、内容、ページ数、納期、予算をお伺いし、資料の方向性を共に固めていきます。
②お見積もり・ご提案
ヒアリング内容に基づき、最適なプランとお見積もりを提示します。AI活用のご提案も行います。
③仮払い・素材ご提供
プラン合意後、ランサーズ上で仮払い手続きをお願いします。資料の元となる情報やデータ、ブランドガイドラインなどをご提供ください。
④制作開始
ご提供いただいた情報を基に、AIとCanva等を駆使して資料制作を進めます。進捗状況は随時ご報告します。
⑤初稿確認・修正
完成した初稿をご確認いただき、フィードバックをお願いします。軽微な修正は1回まで対応いたします。
⑥最終納品
最終確認後、PDF形式で納品いたします。必要に応じてパワーポイントなどの編集可能データもオプションで対応可能です。
◼️対応範囲・価格
❶クイック資料作成(〜5ページ):30,000円〜
急ぎのプレゼンや社内報告など、シンプルながらも要点を押さえた5ページまでの資料を最短翌日納品いたします。
❷スタンダード資料作成(〜10ページ):50,000円〜
ビジネスプレゼンテーションや営業資料に最適な10ページまでの資料です。AIによる画像生成を1点含みます。
❸デザイン&構成提案(〜20ページ):100,000円〜
戦略的な提案資料や詳細な企画書など、20ページまでの資料です。企画・構成案のご提案からAI画像生成5点までサポートします。
◼️納期
最短翌日〜7日
◼️制作の流れ
⑴企画・構成立案
資料の目的とメッセージを明確にし、ターゲットに響く構成案を設計します。
⑵デザイン・AI素材制作
Canvaで洗練されたデザインワークを行い、必要に応じてAIで画像や図版を生成し資料に組み込みます。
⑶レビュー・最終調整
初稿提出後、お客様からのフィードバックを受けて細部を調整し、完成度を高めます。
◼️サービス内容
IT・通信・インターネット業界に特化したスライド資料制作を、AI技術とFigmaスキルを駆使して提供します。ビジネスプレゼンテーション、営業資料、社内報告書など、あらゆるニーズに対応。最短翌日納品で、高品質かつ迅速な資料作成を実現し、お客様のビジネススピードを加速させます。AIによる画像生成で視覚的なインパクトを強化し、ターゲットに響く資料をお届けします。
急なプレゼン資料作成に頭を悩ませていませんか?特にIT業界では、最新情報を迅速かつ魅力的に伝えることが重要です。しかし、高品質な資料を短期間で用意するのは容易ではありません。私は、2年間のSNS運用経験とAIを駆使した資料・動画制作スキル、FigmaやCanvaによるデザイン力を活かし、この課題を解決します。AIによる視覚的なインパクトと最短翌日納品のスピードで、あなたのビジネスを加速させるプレゼン資料を提供します。ぜひ一度ご相談ください。
UI/UXに特化。情報設計からこだわり、成果に繋がるデザインを提供します
業務内容
■ 業務内容(商品説明)
【出版・広告業界20年の情報設計力 × Figmaによる高品質UI/UXデザイン】
「見た目が綺麗なだけ」で終わらせない、ビジネス成果に直結する使いやすさと、エンジニアに喜ばれる緻密な設計データを提供します。
はじめまして。UI/UXデザイナーの早原 慶朗(HAYAHARA YOSHIROO)と申します。
私は20年間、出版・広告業界の第一線でグラフィックデザイナーとして、情報の優先順位を整理し、ターゲットに正しく伝える「情報設計(IA)」に深く携わってまいりました。
現在はその知見をデジタルプロダクトに特化させ、Figmaを駆使したWebサービスやアプリのデザインを行っております。
■ 私が提供する3つの価値
-
20年の実績に裏打ちされた「伝わる情報設計」
エディトリアルデザインで培ったタイポグラフィ、余白のコントロール、視線誘導の技術をUIに凝縮。ユーザーが迷わず、直感的に操作できるインターフェースを構築します。 -
実装工数を削減する「エンジニアフレンドリー」な設計
Auto Layout、コンポーネント、Variables(変数)を駆使し、エンジニアがそのまま実装に着手できる美しく整理されたFigmaデータを納品します。開発フェーズでの「デザインの意図が伝わらない」という手戻りを最小限に抑えます。 -
課題解決のための「伴走型」デザイン
単なる制作作業ではなく、プロジェクトの背景や目的を深くヒアリングし、UX(ユーザー体験)の言語化からサポートします。デザイン指針の策定など、戦略段階からのご相談も大歓迎です。
■ 対応可能な業務範囲
・Webサービス / 業務システム / 管理画面のUIデザイン
・スマートフォンアプリ(iOS / Android)のUIデザイン
・新規事業のMVP開発に伴うデザイン制作
・Figmaによる高精度なプロトタイプ制作
・デザインシステム / コンポーネントライブラリの構築
・既存サービスのUI/UX改善診断・提案
■ 制作の流れ(例)
- ヒアリング:課題やターゲット、ビジネス目標を共有いただきます。
- 戦略・設計:UXの定義、情報構造の整理、ワイヤーフレーム作成。
- デザイン制作:Figmaを用いたビジュアルデザイン、コンポーネント設計。
- フィードバック:お客様の確認を経て、細部をブラッシュアップ。
- 納品:Figmaデータの共有(URLまたは.figファイル)
■ 稼働・連絡体制
・稼働:平日週5日(週20時間程度)
・連絡:13:00〜19:00(原則、当日中に返信いたします)
20年のデザインキャリアがあるからこそできる、表面上の美しさだけではない「論理的なデザイン」で、貴社のプロジェクトを成功へ導くお手伝いをさせていただきます。
まずはお気軽にご相談・お見積りのご依頼をいただけますと幸いです。
この詳細な説明文により、単なる「デザイン制作」ではなく、「20年の知見を活かしたコンサルティング+高品質なアウトプット」という高付加価値なサービスであることが伝わります。
こちらの入力を進めていただき、何か修正や追加したい項目があれば、すぐにまたお知らせください!
【女性目線】ターゲット女性に響くSNSデザインを制作します
業務内容
女性の心を掴むデザインで、あなたのブランドを輝かせます
このようなお悩みはありませんか?
女性ターゲットへの訴求が難しい、SNS広告の効果を高めたい、ブランドイメージを魅力的にしたい、LPの離脱率を改善したい、競合と差別化できるデザインが欲しい、といったお悩みはありませんか?
発注の流れ
ご相談・ヒアリング
まずはお気軽にメッセージにてご連絡ください。ご希望のイメージ、ターゲット、目的、ご予算など詳しくお伺いし、最適なプランをご提案します。
企画・構成案のご提案
ヒアリング内容に基づき、女性に刺さるデザインの方向性や構成案をご提案します。視覚的なアプローチで、貴社のサービスを魅力的に表現します。
お見積り・ご契約
ご提案内容とお見積りにご納得いただけましたら、正式にご契約となります。仮払いを確認後、いよいよ制作を開始します。
対応範囲・価格
SNSバナーデザイン:10,000円~
ターゲット女性に響くSNS広告用のバナーを1点から制作します。心を動かすデザインでクリック率向上を目指します。
LP・Webサイトデザイン:50,000円~
女性ユーザーに最適化されたランディングページやWebサイトのセクションデザインを制作し、コンバージョンを促進します。
アイコン・ボタン制作:5,000円~
Webサイトやアプリで使用する、女性に好まれる洗練されたアイコンやボタンをデザインします。
納期
依頼内容によりますが、SNSバナー1点制作なら約7日間、LPデザインは約30日間が目安です。
制作の流れ
デザイン制作
Figmaを使用し、ターゲット女性の視点を取り入れたデザインを制作します。細部までこだわり、貴社の魅力を最大限に引き出します。
初稿提出・フィードバック
完成したデザイン初稿を提出し、ご確認いただきます。修正点や改善点があれば具体的にお聞かせください。
修正・納品
フィードバックに基づき修正を行い、最終チェック後にご希望の形式(JPG, PNG, PDFなど)で納品いたします。
サービス内容
ターゲットとなる女性の心に響くデザインを提供します。SNS広告用バナー、LP、Webサイトのアイコンやボタンなど、女性ならではの視点で共感を呼ぶクリエイティブを制作し、貴社の魅力を最大限に引き出します。デザインを通して、貴社と女性顧客の出会いを創造します。
女性ターゲットへの訴求にお困りではありませんか?「女性に刺さるデザイン」は、単に見た目の美しさだけでなく、共感を呼び、行動を促す力が不可欠です。私自身が女性だからこそ分かる、きめ細やかな視点で、あなたのサービスや商品の魅力を最大限に引き出し、ターゲット女性の心を掴むデザインを制作します。Figmaを用いた柔軟な対応力で、SNS広告、LP、Webサイトのパーツまで、一貫して女性に好まれるクリエイティブを提供。貴社のビジネスを加速させるお手伝いをさせてください。まずはあなたの「こんな風にしたい」をお聞かせください。
目的に沿ったLPのライティングとワイヤーフレームを作成します
業務内容
「売れるランディングページが作りたいけれど、文章が書けない」
「文章だけでなく、ワイヤーフレーム(ページ構成)まで任せたい」
「サービスや商品のよさをどのように伝えたらいいかわからない」
\すべて私におまかせください!/
2014年ごろから長く
WEBライティングに
携わってきた私が
丁寧に文章を
執筆させていただきます!
わたしの経歴をざっとご紹介いたします。
2006年 文学部日本語日本文学科にて、古典文学を専攻(2010年卒)
2010年 食品会社に、ドレッシングの営業として入社
2013年 妊娠を機に退職
2014年 Webライターとして活動開始(現在まで)
2020年 Webアシスタントとして、さまざまな制作や執筆、営業フォローに従事(現在まで)
これまで多数の企業さまにご依頼いただき、
SEOやセールスライティングの技術を使って
集客やコンバージョンアップに貢献してまいりました。
Webライティングとひとくちに言っても
必要となる技術は時と場合によって使い分けが必要です。
私にご依頼いただければ、Webライター歴10年の
経験の中で培ったライティング技術を駆使して、
適切な文章を作成し、ワイヤーフレーム作成まで
一貫して対応させていただきます。
完成形の形が見えていない
お客さまも大丈夫です!
丁寧なヒアリングの中で
よりよい提案をさせていただけるように
尽力させていただきます。
「あゆみウェブスタジオの3つの特徴」
①記事執筆だけでなく、サイト制作やLPデザイン、
ワイヤーフレーム制作、バナー作成なども
まるごと依頼いただけます!
②記事のテイストに合わせて、文章のリズムや流れを
調整するなど、適切な執筆を行います!
③細かな相談ごとも対応可!
もちろん詳しい依頼が決まっていなくても
ご相談いただければ最適なご提案をいたします!
ライター経験だけでなく、オンライン秘書や
Webデザイン、ワイヤーフレーム制作、
サイト制作などの経験も豊富ですので
お困りごとに合わせた提案をいたします。
Webでのお悩みをお持ちの方は、
一度お気軽にお声がけくださいませ。
【ご準備いただきたいもの】
・LPで紹介する商品やサービス
・あれば、上記の写真など
・商品やサービスを紹介した簡単な文章など
→こちらでLP用の文章を作成する元とさせていただきます
【使用ツール】
Figma/Googleドキュメント/PhotoShopなど
他にもWordPressやペライチ、STUDIOなども使用したことがあるため、さまざまなご要望に対応できます。
こちらに記載していないことでも、ご依頼次第では柔軟に対応できますので、一貫してご依頼したい方に最適です。ご興味がある方は、一度お気軽にご連絡お待ちしております。
【納期】
14日〜
【実績作り応援】伝わるLP・バナーをFigmaで制作します
業務内容
手書きオリジナルイラストも使って 想いが伝わるバナー・LPを制作します。
「ありきたりじゃないデザインーがほしい」
「世界観や想いをちゃんと汲み取ってほしい」
そんな方に向けた手書きオリジナルイラスト対応可能のデザイン制作です。
デジタルにはない、あたたかさや個性のある手書きイラストを取り入れることで、
目に留まり、印象に残るバナーを制作いたします。
●表現できるテイスト
ご希望や用途に合わせて、幅広い雰囲気に対応可能です。
おしゃれ・スタイリッシュ
ほっこり・やさしい・親しみやすい
かっちり・信頼感のあるデザイン
「こんな雰囲気にしたい」「なんとなくこんな感じ…」というふんわりしたイメージを教えてください。
●大切にしていること
依頼者さまの想い、伝えたいメッセージ、ターゲットや使用シーンを丁寧にヒアリングし、目的に沿った“意味のあるデザイン”を心がけています。
見た目だけでなく、「ちゃんと伝わる」デザインを一緒に作ります。
●こんな方におすすめ
手書きイラストを使ったオリジナル感のあるバナーがほしい
ブランドやサービスの世界観を大切にしたい
丁寧に相談しながら制作を進めたい
【看護師視点】共感力で課題解決!成果につながるWebデザインを制作します
業務内容
看護師の視点で「伝わる」デザインを。
ユーザー行動を変えるWebサイト、LP、バナーを制作します
◆ このようなお悩みはありませんか?
「WebサイトやLPを作ったが、思うように成果が出ない」「ユーザーに商品の魅力が伝わっていない気がする」「広告バナーがクリックされない」「ターゲット層に響くデザインが分からない」「どこに依頼すれば良いか迷っている」
◆発注の流れ
ヒアリング・ご相談
まずはランサーズのメッセージ機能で、お客様の課題、事業内容、ターゲット、ご希望のイメージなどを詳しくお伺いします。
◆企画提案・お見積り
ヒアリング内容に基づき、最適なデザイン案と制作スケジュール、お見積もりをご提案します。ランサーズのワークスペースも活用できます。
◆仮払い・制作開始
ご提案内容とお見積りにご納得いただけましたら、ランサーズにて仮払いをお願いします。その後、制作作業に入ります。
◆デザイン提出・修正
制作したデザイン案をご確認いただきます。修正のご要望があればお伺いし、複数回の調整を行います。
◆最終確認・納品
最終デザインにご承認いただけましたら、Figmaファイルまたは指定形式でデータを納品いたします。
◆ 対応範囲・価格
LPデザイン(ファーストビュー):20000円~
ユーザーの心を掴むLPの顔となるファーストビューをデザインします。効果的な情報設計と視覚的魅力を追求します。
広告バナーデザイン(1枚):10,000円~
クリック率向上を目指し、ターゲットに響く魅力的な広告バナーを制作します。SNS広告にも対応。
Webサイトデザイン(トップページ):80,000~
ブランドイメージを確立し、訪問者を惹きつけるWebサイトのトップページを設計・デザインします。
◆ 納期
企画から納品まで、通常2週間〜1ヶ月程度でご対応いたします。お急ぎの場合はご相談ください
◆ 制作の流れ
要件定義・ヒアリング
丁寧なコミュニケーションで、お客様の潜在的なニーズや目的を深く掘り下げます。
情報設計・ワイヤーフレーム
看護師の観察力を活かし、ユーザー行動を分析。最適な情報配置と導線を設計します。
デザイン制作
Figmaを使い、ターゲットに響く魅力的で機能的なビジュアルデザインを形にします。
レビュー・改善
お客様からのフィードバックを元に、より効果的なデザインへとブラッシュアップします。
納品
完成したデザインデータを、ご希望の形式で丁寧にお渡しします。
◆サービス内容
看護師としての経験で培った「問題解決力」と「共感力」を活かし、お客様の事業課題に寄り添うWebデザインを提供します。見た目の美しさだけでなく、ユーザーに「伝わる」「行動したくなる」デザインを追求し、貴社の集客や売上向上に貢献します。LP、Webサイト、バナー、資料など、多岐にわたるデザインニーズに対応可能です。
集客や売上に繋がるデザインが欲しいけれど、どう伝えたらいいかお悩みではありませんか?看護師経験で培った傾聴力と問題解決力で、お客様の“本当に伝えたいこと”を深く理解し、成果に直結するWebデザインを制作します。ただ見た目が良いだけでなく、ユーザーの心を動かし、行動を促すLPやWebサイト、バナーをご提案。あなたの事業を力強くサポートします。特に、伝えたい情報が多く複雑になりがちな医療・教育・サービス業のお客様にご好評いただいています。まずはお気軽にご相談ください。
【Figmaで魅せる】ユーザーを惹きつけるWebデザインを設計します
業務内容
美術系デザインセンスと映像構成力で、ユーザーを惹きつけるWebサイトデザインをFigmaでご提案いたします!
このようなお悩みはありませんか?
Webサイトのデザインが古く、ユーザー体験を改善したい。競合と差別化できる、視覚的に魅力的なサイト構成が欲しい。Figmaを使ったプロトタイプで、開発前に具体的なイメージを確認したい。使いやすく、目標達成に繋がるWebサイトに刷新したい。
発注の流れ
-
お問い合わせ・ヒアリング
Webサイトの目的、ターゲット、競合、ご希望のデザインテイストなど詳細をヒアリングさせていただきます。必要な情報や資料をご共有ください。 -
企画・デザイン提案
ヒアリング内容に基づき、サイトの構成案(ワイヤーフレーム)や主要ページのUIデザイン案をFigmaで作成し、ご提案します。 -
お見積もり・ご契約
ご提案内容にご納得いただけましたら、正式なお見積もりを提示いたします。プラン内容と価格をご確認いただき、ご契約となります。 -
デザイン構成・プロトタイプ制作
ご契約後、Figmaでのデザイン構成作業を進めます。途中段階で進捗をご報告し、フィードバックを伺いながら調整します。 -
納品
完成したFigmaデータおよびプロトタイプをお渡しします。内容をご確認いただき、問題なければ正式に納品となります。
対応範囲・価格
Webサイト構成案(ワイヤーフレーム):50,000円〜
サイト全体の骨格と主要コンテンツ配置をFigmaで可視化します。ユーザーの流れを意識した構成案です。
主要ページUIデザイン構成:150,000円〜
ワイヤーフレームに基づき、視覚的に魅力的なUIデザインをFigmaで作成します。トップページまたは主要ページの完成イメージをご提供。
インタラクティブプロトタイプ作成:80,000円〜
完成したデザインをFigmaで動くプロトタイプとして作成します。ユーザー体験を具体的に検証可能です。
納期
デザイン構成の複雑さやページ数によって変動しますが、約2週間から1ヶ月半が目安です。
制作の流れ
コンセプト設計・情報整理
クライアント様のビジネス目標やユーザー層を深く理解し、デザインの方向性を定めます。
ワイヤーフレーム作成
ユーザー視点に立ち、サイトの骨格となるワイヤーフレーム(画面設計図)をFigmaで作成します。
UIデザイン制作
ブランドイメージに合わせた配色、タイポグラフィ、コンポーネントを用いて、視覚的に魅力的なUIデザインをFigmaで構築します。
プロトタイプ作成・検証
デザインが完成したら、クリックやスクロールで操作できるFigmaプロトタイプを作成し、動きを確認します。
最終納品
最終チェック後、Figmaファイルをお渡しし、必要に応じて操作説明も行います。
サービス内容
Figmaを活用し、あなたのWebサイトを魅力的かつ機能的なデザインに構成します。美術系学校で培った知識と映像制作チームでの実働経験から、ユーザーの心を掴む視覚表現と、使いやすさを両立したUI/UXデザインを具現化します。単なる見た目の美しさだけでなく、ビジネス目標達成に貢献するWebサイトの設計をお手伝いいたします。デザイン後のコーディングは含みませんが、開発チームへスムーズに連携できる、整理されたFigmaデータを提供します。
あなたのWebサイト、ユーザーにとって本当に魅力的で使いやすいものになっていますか?「Figmaを使ったWebデザイン構成(デザインのみ)」で、その課題を解決します。
「もっとユーザーを引きつけたい」「サイトからの問い合わせを増やしたい」というお悩みはありませんか?美術系学校で培ったデザイン力と、映像制作チームで養った「伝える力」をFigmaデザインに凝縮します。単なる装飾ではなく、目標達成に繋がるUI/UX設計を重視し、ユーザーが直感的に操作できる、洗練されたデザインを提供します。まずはメッセージで、あなたのWebサイトへの想いをお聞かせください。一緒に「売れる」「伝わる」デザインを形にしていきましょう!
- ツール
- Figma Adobe Illustrator
- デバイス
- モバイル デスクトップ
【安心低価格】1ページ10,000円からWebサイトをデザインします
業務内容
■サービス内容
・デザインのみ(※コーディングは含みません)
・PC/スマホ両方のデザインを制作します。
※修正は何度でもOK(※大幅なコンセプト変更や1からのやり直しはNGです。文言変更、色調整、画像差替、コンテンツの変更は何度でもOK)
■納品形式
下記からお選びいただけます。
・Figmaのデザインデータ
・png/jpg/pdf/psdなどの画像データ
■納品期間
・ヒアリング完了後、basicプランは7日~、standardプランは14日~、premiumプランは30日を目安に初校を提出いたします。
※初校はPC版のみ。PC版のデザイン確定後にスマホ版の制作になります。
■制作の流れ
①打ち合わせ&ヒアリング
※ヒアリングシートをご記入いただくもしくは、必要に応じて通話にて詳細をお伺いします。
②お見積
③ご購入
④構成作成&提出
⑤修正(無制限)
⑥構成確定
⑦デザイン着手
⑧初校デザイン(PC版)提出
⑨修正(無制限)
⑩デザイン確定
⑪スマホ版デザイン制作
⑫修正(無制限)
⑬納品
■料金
・11,000円:1ページまで
・22,000円:3ページまで
・33,000円:5ページまで
※PC版のみやスマホ版のみ等の場合はお値引きしますので、お申し付けください。
■注意事項
・ご購入後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合、納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。
■最後に
Webサイトのデザインで悩んでいませんか?「どんなデザインが良いかわからない」「自社ならではのサイトを作りたい」「競合に差をつけたい」等、、、
ご安心ください。グラフィックからWeb、イラストまで手がける私が、お客様の「頼んでよかった」を形にするお手伝いをいたします。
現職であるWebディレクターの経験を活かし、丁寧なヒアリングと柔軟な対応で、お客様に寄り添ったデザインを制作します。
PC/スマホ版両方のデザインを制作し、修正回数無制限でご納得いくまで調整いたします。お客様の想いやサービスの魅力を最大限に引き出し、ターゲットに響くデザインをご提案します。
まずは一度、あなたの描くイメージをお聞かせください。漠然としたアイデアでも構いません。一つ一つ丁寧に形にしていきますので、ぜひお気軽にご相談ください。一緒に理想のWebサイトを作り上げましょう。
- プラットフォーム・ツール
- Figma Adobe Photoshop Adobe Illustrator
FigmaでのWeb・スマホのUIデザイン制作承ります
業務内容
Figmaでウェブ / スマホアプリのUIデザイン制作を行います。
既存/新規サービスの見た目をブラッシュアップしたい、使い勝手をもっと良くしたい、案はあるがデザインを起こすことが難しい、といったお悩みを解決するお手伝いをいたします。
【ご提供内容】
・Web/スマホアプリのUIデザイン制作(新規・既存サービス問わず)
・編集可能なFigmaデータの納品(JPG / PNG / PDF納品も可)
・クリーンでトレンドを取り入れたデザイン
・既存サービスのデザインルールに合わせたデザイン
・利用導線やわかりやすさを考慮したデザイン
・レスポンシブを考慮したデザイン
・配色バランスを考慮したデザイン
※Figmaを使用した簡単なロゴ制作やバナー制作等も可能です、お問い合わせください。
※お急ぎの場合はスケジュールをご相談ください。
【ご依頼の流れ】
1. 「まずは相談する」ボタンよりご連絡ください。
2. ヒアリングと見積もりをさせていただき、お支払い手続きが完了後、デザイン制作を行います。
3. デザイン提案をさせていただき、修正希望があれば調整いたします。
4. ご指定の納品形式で書き出しし、ご確認いただき納品となります。
【ご依頼方法】
「まずは相談する」ボタンよりお進みいただき、ご希望の内容をお書き添えの上ご連絡ください。
主に下記について記載をお願いします。
・あなたのお名前と職種
・サービスの概要
・ワイヤーなど資料の添付(画面数や掲載内容など、構成がわかるもの)
・ご希望のデザインの方向性(現在の課題、希望の配色やテイスト、参考URLなど)
※情報は小出しにせずまとめてご連絡ください。
【注意事項】
・修正箇所は小出しにせず、まとめて連絡ください。
・修正対応も料金に含めておりますが、無制限ではありません。
修正指示により作業量が増大した場合等には、追加料金をお願いする可能性があります。
・ai、xd、psdでの納品には対応していません。
・オンラインミーティングは行いません。
・事前のご相談なく連絡が5日以上なかった場合はキャンセル扱いとさせていただきます。
その他ご不明な点がありましたらお問い合わせください。
よろしくお願いいたします。
【データ納品】売上アップ&印象アップできる名刺デザインを作成します
業務内容
売上アップ&印象アップを目的とした、ブランディングツール・販促ツールとしての名刺デザインを作成します。
-
片面・両面お好きなプランをお選びください。
-
ポートフォリオへの掲載の可否も選べます。
-
角丸名刺など変形デザインも対応可。
掲載している納期は、素材・記載事項を
お渡しいただいた日からの日数となります。
(お渡しいただく時間帯によって約1日前後します。)
データはPSD・PDF・JPEG・PNGでお渡しできます。
(データのみの作成となるため、印刷はラクスルさんなどにご注文ください。)
ご依頼の際は、利用シーンや目指したい雰囲気、
名刺に入れたい項目などをヒアリングさせていただきます。
-
お手持ちのロゴやイラストなど持ち込み素材も使えます。
-
顔写真などのフォトレタッチも基本料金で承ります。
-
アクセスマップ(簡易地図)の作成も基本料金で承ります。
ご不明点はお気軽にお尋ねください。
※実績協力不可プランを除き、作成したデザインを
ポートフォリオとして使用させていただくことがございます。
その際、名刺に記載されている個人情報は
ダミーに差し替えますのでご安心ください。
●無料修正は3回まで対応いたします。
名刺に入れるお名前等に間違いがないか、よくご確認いただくと安心です。
(表記や半角・全角、スペルミスなどが間違いやすいです。)
_____________________
☆ご依頼から納品までの流れ☆
- 利用シーンや目指したい雰囲気、使用したい写真やイラスト、
ロゴなどのご希望をヒアリング。 - サンプルを1~2案ご提案。連絡先など記載項目にミスがないか、
ご希望との齟齬がないかなどをお客様がご確認。 - ②のフィードバックをもとに、修正。再度1パターンにつき2案ほどご提案。
- 問題がなければ、納品用のファイルをお作りしてお渡しします。
ウェブ・アプリの画面UIコンサル・ワイヤー作成承ります
業務内容
【こんな方へおすすめ】
画面を改善したいがどうしたらいいかわからない
どんな機能をつけたら使いやすくなるのか検討がつかない
こういったお悩みを解決するお手伝いをいたします。
【ご提供内容】
コンサル
・お悩み等をヒアリングさせていただきます。
・ご提示の画面や資料を拝見し案をご提案します。
・かたまった内容を資料にまとめてお渡しいたします。
ワイヤー制作
・コンサルでまとめた内容をグレースケールでざっくりとしたワイヤーに起こします。
・PDFまたはFigmaデータをお渡しします。
※画面デザインの方向性を定めることを目的としたパッケージです。完成まで必要な場合は別途ご相談ください。
【注意事項】
・ai、xd、psdでの納品には対応していません。
・オンラインミーティングは行いません。チャットにてご相談ください。
・事前のご相談なく連絡が5日以上なかった場合はキャンセル扱いとさせていただきます。
FigmaでLP・Webサイトの改善ワイヤーを作成します
業務内容
▼こんな方へおすすめ
・実装前に LP や Web サイトの構成を整えたい人
・手作業を減らして、確認や判断に時間を使いたい方
・AIや自動化を使いたいが、何から整理すべきか分からない方
▼ご提供内容
LP や Web サイトの目的、ターゲット、訴求、CTA を整理し、Figma の改善ワイヤーとして作成します。実装前の構成整理に使えます。
LP や Web サイトの構成を、目的、ターゲット、訴求、導線、CTA に分けて整理し、Figma の改善ワイヤーとして作成します。AI で改善案を広く出し、UI/UX 観点で絞り込みます。
▼主な納品物
・Figma ワイヤー、構成案、コピー案、改善意図
・作業内容の説明
・必要に応じた確認メモ、運用メモ
▼ご購入後の流れ
- 現状、目的、対象データ、希望納品形式を確認
- 作業範囲と対象外範囲を整理
- AI、自動化ツール、スクリプトを活用して作成
- 内容確認、軽微な調整
- 納品物と使い方を共有
▼プランの選び方
・ベーシック: 小さく試したい方向け
・スタンダード: 実務で使える形まで整えたい方向け
・プレミアム: 複数対象、運用手順、改善提案まで必要な方向け
▼対応できないこと
完成デザイン、実装、広告運用、コンバージョン保証。
※応募、営業メール送信、問い合わせフォーム送信、納品ボタン操作などの外部送信は含みません。
【技術とAIで差をつける】ユーザーを惹きつけるUI/UXデザインを設計し実現します
業務内容
貴社に最適な「使い続けられる」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技術を駆使する私だからこそ、その本質的な課題を見つけ、解決へと導けます。単なるデザイン作業に留まらず、開発・運用の視点も踏まえ、「現場で長く使い続けられる」デザインを創造します。貴社のサービスを次のレベルへ押し上げる、最適解を一緒に見つけませんか?まずはお気軽にご相談ください。
【AIで高品質・低単価】HTML&CSSコーディング代行します
業務内容
【こんな方におすすめ】
・FigmaやXDのデザインデータはあるけどコーディングができない方
・既存サイトの修正・改修を依頼したい方
・納期が迫っていて急ぎでコーディングをお願いしたい方
・コストを抑えながら品質にこだわりたいスタートアップの方
【サービス内容】
デザインデータ(Figma / Adobe XD / Photoshop / 画像)をもとに、
HTML・CSS(Sass対応可)でコーディングいたします。
AIツール(Claude / ChatGPT)を活用することで、通常より短い納期・高い品質を実現しています。
▼対応範囲
・HTML / CSS(Flexbox・Grid対応)
・Sass(SCSS記法)対応
・レスポンシブデザイン対応(PC・タブレット・スマートフォン)
・JavaScript(簡単なアニメーション・スクロールエフェクト)
・WordPress テーマへの組み込み(要相談)
▼AIを活用するメリット
・コードの品質チェックをAIで二重確認
・ブラウザ互換性の問題を事前に検出
・コーディング速度が向上し、納期短縮が可能
・コメントが丁寧に入ったメンテナンスしやすいコードを納品
【納品物】
・HTML / CSSファイル一式
・画像ファイル(提供いただいたもの)
・納品時にソースコードの簡単な説明をテキストで添付
【対応できないもの】
・バックエンド開発(PHP・Python・データベース構築など)
・サーバー設置・ドメイン設定作業
・デザイン制作(コーディングのみ対応)
【作業の進め方】
- ご依頼・デザインデータのご共有
- 内容確認・お見積もり提示(1営業日以内)
- ご契約・作業開始
- 中間確認(ページ数が多い場合)
- 納品・修正対応(修正2回まで無料)
- Webサイトの種類
- ECサイト ビジネスプロモーション ポートフォリオ ニュース・オンラインマガジン 製品・サービスマーケティング
- プラットフォーム・ツール
- Adobe XD Figma Sketch Adobe Photoshop Adobe Illustrator Wordpress Shopify Webflow Elementor
【実績作り限定価格】低コストでWordPressの制作いたします
業務内容
数あるパッケージの中からご覧いただき、ありがとうございます。
Web制作を承っておりますJUSTright-webと申します。
「自分のビジネスをアピールしたいけれど、どこから手をつければいいかわからない」
「大手の制作会社だと費用が高すぎて手が出ない」
「まずは名刺代わりになる、シンプルで信頼感のあるサイトが欲しい」
そんな個人事業主様や小規模事業者様の想いに寄り添い、二人三脚でWebサイトを作り上げます。
現在、ランサーズでの実績作りのため、期間限定の特別価格にてお引き受けしております。
お客様のビジネスの目的(集客、認知拡大、名刺代わりなど)を丁寧にヒアリングし、デザインから公開作業まで一貫してサポートいたします。
【こんな方に最適】
- 開業まもなく作成費用を抑えたい方
- 自分でお知らせや投稿の更新などをしたい方
- 本業が忙しくWebサイトの作成時間がない方
【基本サービスに含まれる内容】
- WordPressの導入+各種設定
- レスポンシブ対応
- プラグインの導入
- お問合せフォームの設置
- 投稿機能の設置
- SEO対策(プラグイン使用)
- 公開作業サポート(**サーバーやドメインの設定が不安な方もご相談ください。)
- 修正2回まで無料(**制作期間中、納得のいく仕上がりのために対応いたします。)
【ご準備頂きたいこと】
- 掲載予定の文章
- 使用予定の画像
- Googleアカウント
- サイト制作には、サーバ(「WordPressインストール可能なもの」・ドメインが必要です(取得方法が分からない方には、丁寧にサポートします)
【ご依頼から納品までの流れ】
- ご相談・お見積り:まずはメッセージにてお気軽にご相談ください。
- ヒアリング:事前にヒアリングシートにご記入いただきます。(サイトの目的、ターゲット、カラーなどのイメージ)細部内容について確認後、色味や完成イメージを共有しておきます。
- 構成・デザイン案の作成**:全体の流れとデザインを確認いただきます。
- コーディング・実機確認**:実際にブラウザで表示できる形に構築します。
- 納品・公開**:お客様の環境にて公開し、納品完了となります。(納品時に簡易的な操作マニュアルをお渡しします。)
【購入にあたってのお願い】
- サイトの所有権をお客様自身で保持していただくため、お客様名義での直接契約をお願いしております。契約手順のマニュアル提供や設定サポートは無料ですので、初めての方もご安心ください。
- 原稿(文章)や使用したい画像素材については事前にご用意をお願いしております。
- 必要な素材が揃った時点から掲載の期間での納品となります。
- お客様とのイメージの乖離を防ぐため、制作途中の修正は2回まで無料で承っております。納得のいくサイト制作のため、各工程での丁寧なご確認にご協力をお願いいたします。
- プラットフォーム・ツール
- Figma
【UX/UI】Figmaを使って高品質なユーザーフレンドリーデザインを提供します
業務内容
Figmaを使ってUI/UXデザインを承ります。
ポートフォリを拝見されたい方、また無料相談をご希望される方はお気軽にお問合せください。
◆UI/UXデザインの内容・流れ
・UI/UXデザイン全般のサービスを承ります。
・デザイン作成には、Figma(Mac)を利用。
・コーディングは一切含まず、デザインデータのみの納品とさせていただきます。
・作成するサービス内容や構成は依頼者様でご用意いただいた上で、ヒアリングを進めさせていただきます。(簡単なラフ案、ワイヤーフレームなどを作成いただけるとイメージしやすいです)
◆ご依頼いただいた後の流れ
• ご希望のデザイン、目的などをヒアリング
• ワイヤーフレーム設計、デザイン作成、初稿提出
• UI /UXデザイン調整・修正
修正したものを正式に納品
・フィードバックやご意見をもとに、修正・変更・調整を進めさせていただきます。
◆納品形式
・Figmaにおいて、デザイン作成を進め、【閲覧】が可能なリンクを納品させていただきます。
・PNG、JPEG、PDF等の画像ファイル
可能な限り、ご希望の形式ファイルにて納品させていただきます。ご相談ください。
◆納期
・作業開始から7日以内。
・「ワイヤーフレーム設計」の段階で、一旦ご了承いただいたデザインで進めますが、
大規模な修正は対応しかねますのでご了承ください。
・作業開始から終了日まで、必ず作業の進捗状況を報告させていただき、進めさせていただきます。
FigmaでのWeb・スマホのUIデザイン制作承ります
業務内容
Figmaでウェブ / スマホアプリのUIデザイン制作を行います。
既存/新規サービスの見た目をブラッシュアップしたい、使い勝手をもっと良くしたい、案はあるがデザインを起こすことが難しい、といったお悩みを解決するお手伝いをいたします。
【ご提供内容】
・Web/スマホアプリのUIデザイン制作(新規・既存サービス問わず)
・編集可能なFigmaデータの納品(JPG / PNG / PDF納品も可)
・クリーンでトレンドを取り入れたデザイン
・既存サービスのデザインルールに合わせたデザイン
・利用導線やわかりやすさを考慮したデザイン
・レスポンシブを考慮したデザイン
・配色バランスを考慮したデザイン
※Figmaを使用した簡単なロゴ制作やバナー制作等も可能です、お問い合わせください。
※お急ぎの場合はスケジュールをご相談ください。
【ご依頼の流れ】
1. 「まずは相談する」ボタンよりご連絡ください。
2. ヒアリングと見積もりをさせていただき、お支払い手続きが完了後、デザイン制作を行います。
3. デザイン提案をさせていただき、修正希望があれば調整いたします。
4. ご指定の納品形式で書き出しし、ご確認いただき納品となります。
【ご依頼方法】
「まずは相談する」ボタンよりお進みいただき、ご希望の内容をお書き添えの上ご連絡ください。
主に下記について記載をお願いします。
・あなたのお名前と職種
・サービスの概要
・ワイヤーなど資料の添付(画面数や掲載内容など、構成がわかるもの)
・ご希望のデザインの方向性(現在の課題、希望の配色やテイスト、参考URLなど)
※情報は小出しにせずまとめてご連絡ください。
【注意事項】
・修正箇所は小出しにせず、まとめて連絡ください。
・修正対応も料金に含めておりますが、無制限ではありません。
修正指示により作業量が増大した場合等には、追加料金をお願いする可能性があります。
・ai、xd、psdでの納品には対応していません。
・オンラインミーティングは行いません。
・事前のご相談なく連絡が5日以上なかった場合はキャンセル扱いとさせていただきます。
その他ご不明な点がありましたらお問い合わせください。
よろしくお願いいたします。
ターゲットに伝わるシンプルで視認性のあるデザイン制作をいたします
業務内容
御覧いただきありがとうございます。
「伝わる」デザインを。様々用途に合わせたバナー・LP制作を致します!
簡単な自己紹介
山口県で副業としてWebデザイナーとして活動しています。
本業で看護師をしています。
サービス内容
バナー制作:1枚2000円~
サイズ:指定ありません
修正3回まで無料
ジャンル
業種、ジャンル問わずデザイン致します。
納期について
ヒアリング完了から1週間期日前納期を心がけます。
お急ぎの場合は対応させていただきますのでご相談下さい。
制作の流れ
- ヒアリング
(ヒアリング項目は下記を元に詳細にお願い致します。)
↓ - 制作開始
↓ - 初稿提出・修正対応
↓ - 最終チェック・納品
ヒアリング項目
・サイズ
・使いたい写真やロゴの有無
・カラーの希望
・雰囲気(かわいい/高級感/シンプル 等)
・ご希望されるイメージ画像があればお送り下さい
・ターゲット層
・その他要望
制作実績として掲載不可の場合は事前にお知らせ下さい
お客様一人ひとりの課題に真摯に向き合い、最適なデザインを提案させていただきます。
“1秒で惹きつける”バナーを、あなたの気持ちによりそい、丁寧にデザインします
業務内容
🌼こんな方へおすすめ
・商品・サービスの魅力を「1秒」で伝えるバナーがほしい
・SNSやWEB広告で目を引くビジュアルを作りたい
・女性向け・やさしい雰囲気のデザインを求めている
・自分で作った画像のクオリティに満足できない
・丁寧なコミュニケーションを重視したい
💡ご提案内容
・Photoshop/Illustrator/Figma/Canvaを使用し、以下のようなビジュアルをデザインいたします。
・WEBバナー(広告・SNS・ブログなど)
・チラシ(デジタル・印刷用)
・LP(ランディングページ)内のパーツ画像
・ECサイト・ネットショップ用の商品画像
・イベント・セミナー告知画像 など
ご要望に合わせて、色・フォント・構成をご提案し、
「伝わる」「行動につながる」デザインを目指します。
📝ご購入後の流れ
【ヒアリング】ご希望の用途・ターゲット・イメージなどを伺います
【初稿作成】ヒアリングをもとにデザインを制作し、ご提出します
【修正対応】2回まで無料でご対応します(それ以上は追加オプション)
【納品】最終データをお渡しします(ご希望の形式にて)
※ヒアリングは、テンプレートに沿ったシート形式でスムーズに進行できます✨
🎨製作可能なジャンル
・女性向け美容/健康/教育系サービス
・カフェ・サロン・飲食系の販促用バナーやチラシ
・ECサイトの商品PR画像
・ビジネス向け(シンプル・スタイリッシュ系)も対応可
やわらかい・ナチュラル・清潔感のある雰囲気が得意です☺️
💰料金やオプション
基本料金(1点あたり)
5,000円(税込)〜
※サイズや内容により調整可能です。事前にご相談ください。
無料オプション
・修正2回まで
・商用利用OK
有料オプション例
・PSDデータ納品:+3,000円
・納期短縮(48時間以内):+3,000円
・修正3回目以降:+1,000円/回
・バナー複数枚まとめ割:ご相談可
⏰納期
通常納期:5営業日以内
お急ぎ対応(48時間以内):別途オプションにて対応可能です
※土日祝を除く営業日換算です
※複数枚ご希望の場合は、納期延長のご相談をさせていただく場合があります
既存画面をReact/Flutter/Expoで再現・改善します
業務内容
▼こんな方へおすすめ
・既存アプリやWebサービスの一部画面を作り直したい方
・Figma、スクリーンショット、参考URLをもとに画面実装を依頼したい方
・まずはダミーデータで画面と導線を確認したい方
▼ご提供内容
既存アプリやWeb画面を、React / Expo / Flutter など目的に合う技術で再現・改善します。
見た目だけでなく、余白、状態表示、文言、ボタン導線まで確認しながら進めます。
API / DB 連携前にフロントエンドの形を固めたい場合にも向いています。
▼対応できること
・Figma / スクリーンショットからの画面再現
・React / Expo / Flutter での画面実装
・ダミーデータを使った一覧・詳細・フォーム表示
・簡単な画面遷移
・余白、文言、ボタン配置、レスポンシブ調整
・UI改善の小さな提案
▼対応外・別見積もり
・本番API、認証、決済、課金、外部サービス連携
・大規模な設計変更
・ストア申請、公開作業
・著作権や利用許諾が不明な画面の無断コピー
▼進め方
- 画面数、技術、納品範囲を確認
- 実装方針と確認ポイントを共有
- 画面実装
- スクリーンショットや動作確認内容を共有
- 軽微な調整後に納品
副業体制のため、進行はテキストベースが中心です。着手前に対応範囲を整理し、途中経過を共有しながら進めます。
- プログラミング言語
- HTML ・ CSS
- 専門知識
- デザイン
【Figma】魅せる・伝わる Webサイト/LPをデザインします
業務内容
細やか・丁寧・シンプルに 「ひと目で分かるデザイン制作」
分かりやすく、丁寧なご対応を心掛け、
お客様の意図を捉えたデザインをご提供いたします。
※新規事業、コーポレートサイトなど、シンプルなものから、
可愛らしさのあるデザインまで、多様なデザインが可能です。
発注・制作の流れ
ヒアリング
お客様のWebサイトの目的やターゲット、ブランドイメージなどについて詳しくお伺いします。
参考となるWebサイトやデザインのイメージがあればお伝えください。
デザイン案のご提案
基本的に、5~7営業日以内にワイヤーフレームとFV案をご提示いたします。
デザインイメージの認識を合わせてから全体案の制作に移ります。
修正・調整
デザイン案にご意見や修正点があればお気軽にお申し付けください。
お客様のご要望に合わせて、デザインをブラッシュアップしていきます。
納品
最終的なデザインにご納得いただけましたら、納品となります。
Figmaデータをお渡しいたします。
対応範囲・価格
トップページデザイン:25,000円〜
Figmaを使用したWebサイトのトップページデザイン。
お客様のご要望を丁寧にヒアリングし、最適なデザインをご提案します。
ランディングページデザイン:35,000円〜
Webサイトのランディングページ(LP)デザイン。コンバージョン率を高めるために、ターゲットユーザーに最適化されたデザインをご提供します。
納期
最短5営業日~
■ご注意事項
・デザインのみのサービスです。コーディングは含みません。
・画像や写真をこちらでご用意する場合は、オプションにて当方でのご対応可能です。
・1週間以上ご返信をいただけなかった場合、クローズさせていただく場合があります。返答にお時間がかかる際は、事前にご連絡ください。
サービス内容
Figmaを使用したWebサイトデザインをオリジナルで提供いたします。
Webサイトのデザインでお困りではありませんか?
「今のWebサイトのデザインが古臭いので、リニューアルしたい…」
「Webサイトのデザインをプロに頼みたいけど、どこに頼めばいいか分からない…」
そんなお悩みを抱えているあなたに、
現役Webデザイナーの私が、Figmaを使ったオリジナルデザインでWebサイトを制作します。
私は、
- 7年間システムエンジニアとして培った論理的思考力
- 経理職で培った丁寧な仕事
- 現役プロデザイナーの元での修業経験
を活かし、お客様の想いをカタチにするWebデザインを提供します。
「細やか・丁寧・シンプルに、ひと目で分かるデザイン」をモットーに、
お客様のビジネスを加速させるWebサイトを制作します。
どうぞお気軽にお問い合わせくださいませ。
【女性デザイナー/実装なしのため低価格】LPデザイン制作いたします
業務内容
数ある出品の中からご覧いただきありがとうございます。
こちらは、LPデザイン制作のサービスです。
※実装はいたしかねます
【こんな方におすすめです◎】
・デザインのイメージが固まらない
・サービスの魅力をもっと伝えたい
・画像制作の時間がなかなかとれない
【ご確認事項(必ずご一読ください)】
・実績として掲載をさせていただく可能性がございます。
掲載NGの場合は事前にご相談ください。
【お取引の流れ】
①お見積もり・ご相談(必要な方のみ)
②ご依頼
③ご依頼後、ご要望をお伺いします
④ご要望をもとに制作をスタート
⑤ワイヤーフレームのご提案
⑥ファーストビューのご提案
⑦ファーストビュー以降のご提案
⑧最終確認後、納品してお取引終了
【ご用意いただくものついて】
・お持ちの画像やロゴ等をご提供ください。
※フリー素材をご希望の方には、商用利用可能な素材をご用意いたします(イラストAC・PhotoACなど)。
・記載するテキスト
・その他ヒアリングシートにて必要事項お伺いいたします◎
【納品の目安】
2週間程度を目安とさせていただきます。
※セクション数によって前後する可能性がございます。
期限等ご相談くださいませ。
【注意事項】
※最後のご連絡より5日間連絡がつかない場合はクローズとさせて頂き、返金はできかねます。また、受注後のキャンセルはお断りしております。
※納品前のご提案画像のご使用はご遠慮下さい。
また、何案か提案させていただいた場合、納品していない画像のご使用はご遠慮ください。
※修正は可能ですが、ご提案後の大幅な方向転換は別途追加料金をいただく場合がございます。
※画像の切り抜き・レタッチ等加工が必要な場合は、簡易的な作業とさせていただきます。
過度な作業は対応いたしかねますことご了承くださいませ。
まずはお気軽にご相談ください◎
- プラットフォーム・ツール
- Figma
Figmaを使ったWebサービス・アプリのデザイン・プロトタイプ作成を承ります
業務内容
アプリやWebサービスのUIデザインを作成します!
こんな方におすすめ!
- アプリのUIデザインを作成したい。
- サービスのアイデアを具体的に形にしたい。
- 既存のサービスのデザインをよくしたい。
ベーシックプランの流れ
- ワイヤーフレーム・トンマナをご提供いただく
- UIデザイン3画面程度作成
- 修正1回
4.完成
スタンダードプランの流れ
- ワイヤーフレーム・トンマナをご提供いただく
- UIデザイン8画面程度作成 / Figmaでの簡単な画面遷移
- 修正1回
- 完成
プレミアムプランの流れ
- ヒアリング
- ワイヤーフレーム作成
- すり合わせ
- トンマナ1案作成
- UIデザイン20画面程度作成
- 修正1回
- 完成
納品形式
- Figmaファイル
【目的達成型】課題を解決するWebサイト・LPを制作し集客を支援します
業務内容
安心と信頼を「確かな形」にする、目的達成型のWebデザインをご提供します
このようなお悩みはありませんか?
ウェブサイトが古く、競合に埋もれてしまっていると感じる。集客や売上アップに繋がるデザインが欲しいが、どうすれば良いか分からない。見た目だけでなく、成果に直結するWebサイトを制作したい。専門知識がないので、企画から相談できるパートナーを探している。
発注の流れ
-
まずはご相談ください
まずはランサーズメッセージにて、制作したいWebサイトの目的、現状の課題、ご予算、希望納期などをお気軽にご連絡ください。 -
ヒアリング・企画提案
いただいた内容をもとに、ランサーズのビデオ通話やメッセージ機能を活用し、詳細なヒアリングを行います。貴社のビジネス、ターゲット、競合を深く理解し、最適な提案を準備します。 -
ご提案・お見積り
ヒアリング内容に基づき、デザインの方向性、構成案、概算費用、スケジュールをご提案します。ご納得いただけましたら、正式にご発注いただきます。 -
制作開始
仮払い確認後、制作に着手します。デザインカンプ作成、コーディング、動作確認などを進めます。ランサーズのワークスペースで進捗を共有し、密に連携を取ります。 -
最終確認・納品
制作が完了しましたら、テストサイトで最終確認を行っていただきます。修正点があれば対応し、最終承認後、本番環境への公開またはデータ納品となります。
対応範囲・価格
ヒアリング・構成案作成・デザイン相談:30,000円〜
貴社の課題や背景を深くヒアリングし、ターゲットに響く構成・導線を徹底的に設計します。Figmaでワイヤーフレームや簡易デザインを作成し、具体的な方向性を固めます。
Webサイト・LP制作(デザイン〜実装):150,000円〜
STUDIOやWordPress等を用いた、レスポンシブ対応のWebサイトまたはランディングページを制作します。見た目の美しさと使いやすさを両立し、目標達成をサポートします。
バナー・アイコン・画像制作:10,000円〜
WebサイトやLPに掲載するバナー、アイコン、またはSNS用の画像などを制作します。デザインの一貫性を保ち、ターゲットの目を引くクリエイティブを提供します。
納期
サイト規模や内容により異なりますが、最短2週間〜最長1.5ヶ月程度で納品可能です。お急ぎの場合はご相談ください。
制作の流れ
-
目的と課題の明確化
お客様の事業内容、サービス、ターゲット層、Webサイトの目的などを詳細にヒアリングし、プロジェクトの全体像を把握します。 -
構成・導線設計
ヒアリングを元に、目標達成に最適なサイトマップ、ワイヤーフレーム、構成案を作成し、デザインの骨格を決定します。 -
デザイン制作
FigmaやIllustrator、Photoshopを用いて、ブランドイメージに沿ったデザインカンプを作成。視覚的な魅力を高めつつ、使いやすさを追求します。 -
実装・開発
STUDIOやWordPressなどを活用し、デザインをWebサイトとして具現化します。レスポンシブ対応はもちろん、SEOを考慮したコーディングを行います。 -
テスト・納品
公開前に、機能や表示に問題がないか最終テストを実施。お客様にも確認いただき、修正対応後、正式に納品・公開支援を行います。
サービス内容
安心と信頼を形にするWebデザインをフリーランスとして提供しています。Figma、STUDIO、Illustrator、Photoshopを駆使し、見た目の美しさだけでなく、「目的に合った構成・導線」を重視。課題や背景を深く理解し、より効果的な表現や構成を提案することで、貴社のビジネス成果に貢献します。スピード感と柔軟な対応で、安心してお任せいただけるパートナーを目指します。
Webサイト、なんとなく作っていませんか?「集客できない」「魅力が伝わらない」そんなお悩みはありませんか? 私は、単なるデザインではなく、貴社のビジネス目標達成にコミットするWebサイト制作を行います。お客様の課題や背景を深く理解し、最適な構成と導線を提案。見た目の美しさだけでなく、訪問者が思わず行動したくなるような、成果に繋がるデザインを実現します。安心と信頼を形にするWebデザインで、貴社のブランド力を高め、目標達成へと導きます。まずは、貴社のWebサイトに関するお悩みをぜひお聞かせください。
- プラットフォーム・ツール
- Figma Adobe Photoshop Adobe Illustrator
【IT企業向け】Figmaデザインを高品質HTML/CSSでコーディングします
業務内容
Figmaデザインを高品質なHTML/CSSへ!あなたのWebサイトを魅力的に生まれ変わらせます。
このようなお悩みはありませんか?
- Webサイトのデザインはあるが、コーディングするリソースがない
- デザインの意図を正確に反映したコーディングを求めている
- レスポンシブ対応で、スマホでも見やすいサイトにしたい
- WordPressで簡単に更新できるサイトにしたい
発注の流れ
お問い合わせ・ヒアリング
メッセージにて、Figmaのデザインデータ、Webサイトの目的、ご希望の納期などをお知らせください。詳細な要件をヒアリングいたします。
プラン提案・お見積もり
ヒアリング内容に基づき、最適なコーディングプランをご提案します。お見積もり、納期、作業範囲をご確認ください。
ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始いたします。
テスト・修正
コーディングが完了しましたら、テスト環境にてご確認いただきます。修正点があれば、お気軽にお申し付けください。
納品・公開
最終確認後、納品となります。納品データをお渡しし、必要に応じてサーバーへのアップロードをサポートいたします。
対応範囲・価格
Basicコーディングプラン:30,000円〜
Figmaのデザインカンプを元に、HTML/CSSで忠実にコーディングします。レスポンシブ対応で、スマホやタブレットでも美しく表示されます。
Standard動的Webサイトプラン:50,000円〜
Basicプランに加え、JavaScript(jQuery)による動きのある表現を追加します。Webサイトにインタラクティブな要素を加え、ユーザーエンゲージメントを高めます。
Premium WordPress構築プラン:150,000円〜
Standardプランに加え、WordPressの導入、テーマ開発、カスタマイズを行います。お客様自身で簡単にコンテンツを更新・管理できる、運用しやすいWebサイトを構築します。
納期
要相談
制作の流れ
デザイン分析・設計
Figmaのデザインデータを分析し、コーディングに必要な要素を洗い出します。Webサイトの構造、コンテンツ、必要な機能などを整理します。
コーディング
HTML/CSS/JavaScript(jQuery)を用いて、Webサイトをコーディングします。デザインの意図を忠実に再現し、高品質なコーディングを行います。
テスト・品質チェック
レスポンシブ対応、ブラウザチェック、動作確認など、各種テストを行います。Webサイトの品質を確保します。
お客様確認・修正
お客様にテスト環境をご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応いたします。
納品
最終確認後、納品となります。納品データをZIPファイルでまとめてお渡しします。
サービス内容
Figmaデザインカンプからの高品質なHTML/CSSコーディング、レスポンシブ対応、WordPress構築を提供します。お客様のWebサイトを、デザイン通りに、使いやすく、運用しやすい形で実現します。
Webサイトのデザインはあるけど、コーディングでお困りではありませんか?
Figmaで作成されたデザインカンプを、忠実に、そして美しくHTML/CSSコーディングいたします。
レスポンシブ対応はもちろん、WordPressでの構築にも対応。
お客様のWebサイトを、デザインの意図通りに、そして誰が見ても使いやすい形に仕上げます。
コーディングでお困りの際は、ぜひお気軽にご相談ください!