JSアニメーション代行の依頼・発注

実務経験ありのWeb製作者が、あなたがお持ちのWebデザインをコーディングします！
　

■内容

あなたがお持ちのWebサイトやLP（ランディングページ）のデザインをコーディングいたします。
・Webページのジャンル不問です
・SEOを考慮したhtmlコードの構成を検討しながらコーディングします（スタンダード以上）
・レスポンシブ対応、アニメーション付きの動きのあるページの対応OKです
・デザインを忠実再現・デザインの細かな調整あり、どちらも対応いたします
　

■こんな人におすすめ

・「デザイナーに作成してもらったWebサイトのデザインが手元にあるが、これをWebサイト上に公開できるように形にしたい」とお考えの企業・個人事業主の方
・「サイトに公開したときに、検索上位に入るようにしてほしい」とお考えの企業・個人事業主の方
・「Webページ作成業務を請け負いデザインを作成したが、コーディング作業を外注し、作業の省力化を図りたい」とお考えのWebデザイナー・Web制作会社の方
　

■メリット

・レスポンシブデザインに対応いたします。PC・スマホいずれかのデザインのみの場合も、お持ちのデザインをベースにもう一方のデザインを作成し、コーディングいたします（※スタンダード・プレミアムのみ）
・デザイン段階では形になっていない【動きのあるページ】を作成いたします。具体的なご指定・ご相談の上決める、どちらも承ります。サンプルを用いながらご希望のイメージを固めていきます。
・デザインを忠実に再現することはもちろん、ご要望に応じて細かな微調整も承ります。（※後者はスタンダード・プレミアムのみ）

まずはお持ちのデザインに対してどのように感じているかをヒアリングさせていただき、ご希望のWebページを作り上げていきます！
　

■納品物について

基本はhtml,css,jsファイル一式をzipファイル形式にまとめてお渡しとなります。
納品物となるコードをWebサイトへ埋め込む作業（CMS埋め込み、Webサーバー配置）につきましては、事前にご相談の上対応とさせてください。（※オプションになります）
　

■実務経験について

現職にて、自社で運営しているWebサイトのページ作成や改修を2年半ほど経験しております。
詳しくはプロフィールをご覧ください。

デザインをお持ちの方からのご相談、お待ちしております。
検討中のライトなご質問・ご相談や、ざっくりとしたお話のみでも、いつでもお気軽にご連絡くださいませ。
宜しくお願いいたします！

Web制作会社の方、デザイナーの方、個人の方、オーダーメイドのWeb演出が欲しい方の、

• ちょっと賑やかしやオカズがほしい
• このデザインを動かしてほしい
• あのWebサイトみたいな感じにしたい
• もっと他と差別化したい

をWebGL/SVG/Canvas/JSで解決します。

▼サンプルはこちら▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658919
https://www.lancers.jp/profile/marusoft/portfolio_popup/658920

▼デモはこちら▼
https://akira-hayasaka.github.io/demo_bg_01_noise/
https://akira-hayasaka.github.io/demo_bg_02_scroll/

▼他にもこんなこともできます。ご相談ください▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658914
https://www.lancers.jp/profile/marusoft/portfolio_popup/658915
https://www.lancers.jp/profile/marusoft/portfolio_popup/658913
https://akira-hayasaka.github.io/demo_loading_opening_01_stroke/
https://akira-hayasaka.github.io/demo_loading_opening_02_pop/
https://akira-hayasaka.github.io/demo_loading_opening_03_rush/

▼納品物の形式について▼
静的サイト・動的サイト・ECパッケージなど、様々なインストール環境を想定しています。ソースコードそのままのお渡しや、トランスパイル・ミニファイ済みの設置するだけのバンドルなど、柔軟に対応いたします。

Web制作会社の方、デザイナーの方、個人の方、オーダーメイドのWeb演出が欲しい方の、

• ちょっと賑やかしやオカズがほしい
• このデザインを動かしてほしい
• あのWebサイトみたいな感じにしたい
• もっと他と差別化したい

をWebGL/SVG/Canvas/JSで解決します。

▼サンプルはこちら▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658918

▼デモはこちら▼
https://akira-hayasaka.github.io/demo_transition_01_stroke/page1.html

▼他にもこんなこともできます。ご相談ください▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658914
https://www.lancers.jp/profile/marusoft/portfolio_popup/658915
https://www.lancers.jp/profile/marusoft/portfolio_popup/658913
https://www.lancers.jp/profile/marusoft/portfolio_popup/658919
https://www.lancers.jp/profile/marusoft/portfolio_popup/658919
https://akira-hayasaka.github.io/demo_loading_opening_01_stroke/
https://akira-hayasaka.github.io/demo_loading_opening_02_pop/
https://akira-hayasaka.github.io/demo_loading_opening_03_rush/
https://akira-hayasaka.github.io/demo_bg_01_noise/
https://akira-hayasaka.github.io/demo_bg_02_scroll/

▼納品物の形式について▼
静的サイト・動的サイト・ECパッケージなど、様々なインストール環境を想定しています。ソースコードそのままのお渡しや、トランスパイル・ミニファイ済みの設置するだけのバンドルなど、柔軟に対応いたします。

数あるサービスの中からご覧いただきありがとうございます！
Web制作会社在職のMarzine（マージン）と申します。
本パッケージはコーディング代行のサービスとなっております。

◆サービス内容

・HTML/CSSコーディング

・JavaScript/jQueryによるアニメーション実装

・WordPressオリジナルテーマの作成

◆基本料金に含まれるもの

・レスポンシブ対応（PC/スマホ）

・簡単なアニメーション（ハンバーガーメニュー、フェードイン、スライダー、アコーディオン）

・CSSファイル、JSファイルの圧縮

・テスト確認用サーバーの設置（こちらで用意）

・アフターフォロー（納品後1週間以内）
　※納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。

◆基本料金に含まれないもの

・スマホ用デザインカンプがない場合のレスポンシブ対応

・複雑なアニメーション（「基本料金に含まれるもの」項目以外のアニメーション）

・タブレット用等の3ヶ所以上のブレイクポイント

・お問い合わせフォームの実装

※上記は内容に応じて別途お見積もりとなります。

◆参考料金

・TOPページ：30,000円～

・下層ページ：15,000円～ / 1ページ

・下層ページ（ポリシー系）：7,500円～ / 1ページ

・WordPressオリジナルテーマ制作：80,000円～

・お問い合わせフォームの設置：15,000円～
　※静的の場合のみ。WordPressでプラグインを使用する場合は無料。

◆納期

稼働状況やページ内容により変動しますのでお見積りの際にお知らせいたします。

◆流れ

①内容の確認・お見積り
　見積もりの相談をいただけましたら、内容の確認をしてお見積りいたします。
↓
②デザインデータお預かり
　お見積りにご納得いただけましたら、psd・XD・Figmaでのデザインデータをお送りください。
↓
③コーディング開始
　トップページのコーディングを開始いたします。
↓
④テストアップ（ご確認・修正）
　修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
　※トップページ（1P）のみのご確認となります。
　※1Pのみの場合は⑦へ、下層ページがある場合は⑤へ進みます。
↓
⑤下層ページのコーディング開始
　トップページのコーディングに問題がなければ下層ページのコーディングを開始いたします。
↓
⑥下層ページのテストアップ（ご確認・修正）
　ページ数が多い場合は2、3ページ毎にご確認・進捗報告いたします。
↓
⑦納品
　zipファイルにて、当方で用意しているサーバー上からダウンロードしていただきます。
　ご希望の納品方法がございましたらお知らせください。