いただいたデザインを、HTML/CSSでページにします。PCとスマホの両方に対応します。
デザインとの違いは、納品前にPC・スマホの画面を並べて確かめ、その比較画像も一緒にお渡しします。
■ こんな方へ
・デザインはできているので、コーディングだけ頼みたい
・WordPressを使わない、軽いページにしたい
・納品の前に、デザインとの違いを目で確かめたい
■ 基本料金でお作りするもの(1ページ)
・トップページまたはLP 1ページ(縦に長いページで、節の数の目安は10まで)
・PCとスマホの表示(指定の幅があればお知らせください)
・画像の書き出しと軽量化(WebP、画面の幅に合わせた出し分け、見えていない画像の遅延読み込み)
・Googleフォントなど、指定の書体の組み込み
・デザインとの比較画像(PC・スマホ)
■ 修正
・デザインと違うところの修正は、回数に関係なくお受けします
・デザインそのものの変更は2回まで含みます。3回目からは有料オプション「修正の追加」をご利用ください
■ 納品物
・HTML・CSS・JavaScript・画像一式(zip)
・デザインとの比較画像(PC・スマホ)
・公開先のサーバーへのアップロードはお受けしていません(納品したファイル一式を、お使いのサーバーにそのまま置いていただけます)
■ 進め方
1. ご購入前に、デザインのページ数・画面の幅・動きの有無を伺います
2. デザイン(Figmaの閲覧リンク、またはPC・スマホの画像と素材)をいただきます
3. コーディングし、比較画像と確認用のページをお送りします
4. 修正
5. 納品
■ 制作実績
ポートフォリオの制作サンプル(架空のお店・事務所)は、デザインの確認版を受け取り、本番のページとして実装したものです。
公開中のページで、表示や動きをスマホからもご確認いただけます。
・ご購入の前に、メッセージでページ数・画面の幅・動きの有無を伺い、お見積りします。
・デザインは、Figmaの閲覧リンク(どなたでも閲覧できる設定)、またはPC・スマホの画像と、写真・アイコン・ロゴの素材をご用意ください。閲覧にログインが必要なリンクは開けません。
・デザインにない部分(ボタンを押したときの見た目、中間の画面幅など)は、デザインに合わせてこちらで整え、確認用のページでご確認いただきます。
・生成AIを補助に使います。表示はデザインと並べて確かめ、コードも確認してから納品します。AIを使わない指定のご依頼はお受けしていません。
・お引き受けできないこと:デザインの作成、WordPressなどのCMSへの組み込み、サーバーへのアップロード、お問い合わせフォームの送信の仕組み(見た目のみ作成します)、お電話での対応