【HP/LP】HTML/CSSレスポンシブコーディングを代行いたします

Saito サイトウ

業務内容

ご提供頂いたデザインカンプ(XDまたはFigma)からコーディングを行い、ZIPファイルにて納品いたします。
指定があれば柔軟に対応いたします。

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

【デザインデータについて】
・XDまたはFigma
・PC版のみのデザインしかない、という場合はこちらでスマホ用のデザインを想定してのコーディングが可能です。
(スマホにしたときにこだわりたいレイアウトの部分があれば事前にお知らせください)

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

【対応内容について】
《料金内で対応可能》ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・HTML/CSS(SCSS)/JavaScript or Vue.jsコーディング
・JavaScript or Vue.jsによる動き
 [・スライダー,カルーセル(Swiper)・アコーディオン・ハンバーガーメニュー・TOPへ戻るボタン・モーダル・フェードイン・ローディング・アニメーション(簡易な動き)・パララックス(Rellax.js)]
 ※3,4箇所程度を無料で対応いたします。
・レスポンシブ対応
 ・ブレイクポイント一箇所が料金内です。(スマホ・PC)
  ※特にご指示がなければ、モバイルファーストで768pxで切り替えます。
・クロスブラウザ対応(Chrome, Safari, Firefox, Edge, への対応) ※いずれも最新版
  ※IEへの対応は行っておりません。
・内部SEOを意識してコーディングを行っております。
・W3Cに準拠したコーディング
・ご指定がない場合、2022年10月頃 @import が廃止予定なので、@use、@forwardを使用するので DartSass を使用します。
・CSS設計法(FLOCSS)に基づいたコーディング
 ※コーディングルールがある場合は事前にお知らせください
・ご要望があればBootstrapの使用
・アフターフォロー(納品後2週間以内)
 ※変更、訂正は3回ほど無料対応させていただきます。
 ※納品後、こちらのミスでデザインとは異なる部分がありましたら無料修正させていただきます。
・その他ご要望があれば柔軟に対応いたします。お気軽にお問い合わせください。

《基本料金に含まれないもの》ーーーーーーーーーーーーーーーーーーーーーーーーーーー
・複雑なアニメーション
・スクロールアニメーション
・Canvaにて簡単なロゴ、バナー作成も可能です。
・お問合せフォーム機能の実装は応相談

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

【納品】
ZIPファイルにて納品いたします。指定があれば柔軟に対応いたします。
デザインデータをお預かりした翌日より、10日程度で納品が可能です。
稼働状況やページ内容により変動いたしますのでご相談ください。

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

ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
※お問い合わせは24時間受け付けております。

基本料金

プラン
15,000

ベーシック

コーディング (1ページ) スマホ・PC画面
19,000

スタンダード

コーディング (1ページ) スマホ・タブレット・PC画面
25,000

プレミアム

LPコーディング (1ページ) PCデザインを基準にした、長さ15,000px以上
納期
10 日
14 日
14 日
合計
15,000円
19,000円
25,000円

オプション料金

アニメーション機能
2,000円 / 納期 +1日

出品者

Saito サイトウ
Saito サイトウ (az6665323w)

【コーディング・LP制作】誠実に丁寧にはもちろん、返答を早くすることを心がけています。

  • 1 満足
    0 残念
  • 本人確認
  • 個人
  • 千葉県

はじめまして齋藤と申します。
プロフィールをご覧頂き、誠にありがとうございます。

【可能な業務】
・Webサイト制作(コーポレートサイト、ランディングページ)
・HTML&CSS、JavaScriptでのコーディング
・Adobe XD、Figmaからのコーディング
・Figmaにてロゴ、バナー作成
・レスポンシブ対応可(モバイルファーストorデスクトップファースト)
・クロスブラウザ対応(Chrome, Safari, Edge, Firefox, iOS, Android)
・内部SEOを意識し、且つW3Cに準拠したコーディングを行っております。
・CSSアニメーション、svgアニメーションも対応可能です。
・Slack、Chatwork対応可能です。
・CSS設計法(BEM、FLOCSS)に基づいたコーディング
・その他、Retina対応画像等、ご指定があれば柔軟に対応させていただきます。

【言語など】
・HTML / CSS (Sass(SCSS)、DartSass、Bootstrap、TailwindCSS)
・JavaScript / TypeScript
・Vue.js 2,3 (Vuetify2、Vuex 、Pinia、Vue Router、Vue Test Utils(jest)) / Nuxt.js Nuxt3 (Options API、Composition API)
・git、github、Docker
・Figma、Canva

【活動時間】
8時~20時の間まで稼働、対応しております。
土日祝日も対応可能です。

【ポートフォリオ】ポートフォリオサイト・架空のLP・買い物リストアプリ
【記事】Qiita・Zenn・note (ポートフォリオサイトからご覧いただけます)

直接会えない為、不安が多いかと思いますので、特にメッセージのやり取りなど迅速に対応しております。
悩みや課題や目標を解決できるよう、クライアントの目線での視点や、使う人のものであることを常に意識して、WEB制作が目的ではなく、事業を成長させるというのが目的であるということを忘れず、そのための制作、提案をしていきます。

Lancersの出会いを機に継続的なお付き合いができればと思っております。少しでもご興味持っていただけましたら、メッセージでお気軽にお声がけください。

最後までご覧いただき、ありがとうございました。

よくある質問

Internet Explorerの対応は可能ですか?
申し訳ございませんが、Internet Explorerの対応は行っておりません。
納品後の修正対応は可能でしょうか?
納品後2週間以内でしたら、こちらのミスによるデザインとは異なる部分の無料修正させていただきます。。 画像の差し替えやテキスト等の変更訂正はの3回ほど無料対応させていただきます。

注文時のお願い

【ご準備いただくもの】
1. 【必須】デザインカンプ(XDまたはFigma)
 ※PC版のみのデザインしかない、という場合はこちらでスマホ用のデザインを想定してのコーディングが可能です。
 (スマホにしたときにこだわりたいレイアウトの部分があれば事前にお知らせください)

2. head内に記述するmeta情報
 サイトタイトル、メタディスクリプション(説明)、ファビコン、OGP、等

3. コーディングについての指示
 おまかせでよろしければ不要です

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

【注意事項】
《コーディングについての指示のない場合》
・ブレイクポイントは、768pxで設定いたします。
・CSS(SCSS)の記法としてBEMを使用いたします。

※デザインは完成データでお願いいたします。着手後のデザイン変更は別途料金をいただく場合がございます。
(テキストの差し替えなど、軽微な修正は料金内にて対応可能です)
※データを確認して詳細な見積もりについてお知らせします。

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

【稼働時間】
8時~20時の間まで稼働、対応しております。
土日祝日は多少、返信が遅れる場合がございますが対応可能です。
※お問い合わせは24時間受け付けております。

どうぞ宜しくお願いいたします。