HTML・CSSコーディング の仕事を探す

【業務内容】 ・クライアントの要望に基づいたWebサイトのHTML/CSSコーディングをお願いいたします。 ※サイトイメージは参考URL参照 ・ページ構成はTOP+下層4Pの計5Pです。 ・デザインは用意します。 ・問い合わせフォームなどは不要です。 ・アニメーションも実装予定で少々こだわりが強くなりそうです。 参考サイト： https://naturehood-pj.com/zinen/ https://satoyama-terrace.com/ ・WordPressなどのCMSではなく、静的コーディングでお願いします。 【必須条件】 ・HTML5、CSS3を用いたWebサイトのコーディング実務経験をお持ちの方 ・JavaScript（jQuery含む）を用いたインタラクティブなUI実装経験をお持ちの方 ・レスポンシブデザインの理解と実装経験をお持ちの方 まずはお見積もりをお願いいたします！

▶必要なページ→【シングルページ】 トップページ（ストーリー、Instagram投稿連動、こだわり、お品書き、ガイド、店内写真、よくある質問、店舗情報、マップ、ヘッダー、プライバシーポリシー） ▶ターゲット像 富裕層・記念日利用: 予約の手間を惜しまない、質の高い地元客。 インバウンド（上級旅行者）: SNSやGoogle Mapで「本当に美味しい店」をリサーチして来店する外国人観光客。 食のインフルエンサー/食通: 「脂肪率でうなぎを選ぶ」というマニアックなこだわりに価値を感じる層。 【依頼内容】 シングルページのコーポレートサイトにおけるコーディング制作をお願いできる方を募集いたします。 デザインデータ（Figma）をお渡ししますので、ワードプレスでのコーディング〜公開作業まで対応いただける方を希望します。 【制作範囲】 ・デザインをもとにした HTML / CSS / JavaScript コーディング （WordPressインストール済・WordPressにて構築） ・レスポンシブ対応（PC / スマホ） ・基本的なアニメーション実装（例：スクロールでのフェードイン、スライダー、メニュー開閉 など） ・動画の挿入 【HP動画実装に関するパフォーマンス最適化の依頼】 TOP画面（約6秒）とこだわりセクション（約10秒）の計2箇所に動画を挿入予定です。動画を2つ使用するため、WebM形式の利用、Lazy Load、Poster画像の設定など、表示速度を損なわない実装をお願いします。 ・Instagram投稿連動 Instagramを更新すると反映できるようにしたいです。最新の投稿が１投稿分掲載されるようデザインをしています。こちらも予算以内に収めていただきたいです。(wordpressのプラグインを用いての実装を予定) ・ConoHaサーバーへの公開作業（FTPアップロード、ドメイン設定） ・シングルページ構成内容:トップページ(ストーリー,Instagram投稿連動,こだわり,お品書き,ガイド,店内写真,よくある質問,店舗情報,マップ,ヘッダー,プライバシーポリシー） ・お品書きについて 飲食店のため、お品書きの容量が多いです。横スライドやページ移動など発生するため、少し複雑です。javascriptやcssを用いての柔軟な実装を期待しています。（詳細は受注確定時に提示します） ・多言語翻訳 プラグインを使用した多言語化（日・英・中）の設定。※プラグインはBogoを予定しておりますが、要相談 【必須スキル】 ・HTML / CSS / JavaScript を用いたコーディング経験 ・レスポンシブ対応の経験 【歓迎スキル】 ・Swiper.js など軽量ライブラリを用いたスライダー実装経験 ・コーポレートサイトやランディングページ制作の実績 ・納品後の軽微な修正に対応可能な方（文言修正、画像差し替えなど） ・ConoHaサーバー（WING）を利用した公開経験 【納期】 ３月３日納品、公開開始予定です。データのお渡しは2月20日頃を予定しております。 【予算】 30,000~50,000円程度（ご経験・スキルにより相談可能） 【応募時にご提示いただきたい情報】 ・過去の制作実績（ポートフォリオやURL） ・ConoHaサーバーでの公開作業のご経験有無 ・想定されるスケジュール（シングルページを作成する場合の作業時間の目安） ・ご希望の報酬額 ・納品後に費用内で対応いただける修正範囲

【業務内容】 ・ランキングサイトのワイヤーフレームに基づいたコーディングを担当していただきます。 ・HTML、CSS、JavaScriptなどを用いて、ワイヤーフレームを正確に実装します。 ・必要に応じて、動的なコンテンツの表示やインタラクションの実装も行います。 【必須条件】 ・HTML、CSS、JavaScriptを用いたコーディング経験がある方。 ・ワイヤーフレームを理解し、正確にコーディングできる方。 【歓迎条件】 ・SEO対策を考慮したコーディングができる方。 ・jQuery、React、Vue.jsなどのJavaScriptフレームワークの使用経験がある方。 ・Gitなどのバージョン管理システムの利用経験がある方。 ・Webサイトのパフォーマンス改善に関する知識や経験がある方。

LP制作依頼の増加のため、コーディングができるパートナーを募集します。 まずはトライアル運用として本案件を実装していただき、双方問題なければ継続してご依頼させて頂ければと思います。 【業務内容】 ・LP（ランディングページ）のコーディングを担当していただきます。 ・デザインデータに基づき、HTML、CSS、JavaScript等を用いてLPを実装します。 ・PC、スマートフォンなど各種デバイスに対応したレスポンシブなコーディングを行います。 【必須条件】 ・LPコーディングの実務経験がある方 ・レスポンスが早い方 ・コミュニケーションが取りやすい方 ・デザインの意図を理解しながら実装できる方 【歓迎条件】 ・LPの目的（コンバージョン率向上など）を理解し、最適なUI/UXを考慮したコーディングができる方。 ・デザインツール（Adobe XD, Figma等）の基本的な操作ができる方。 ・コーディングスピードが早い方 【応募時】 ・実績やポートフォリオをご提案ください 現在よく依頼している方は1p 5,000円で対応して頂いているので、同じくらいの金額感だと助かります。 よろしくお願いします。

【業務内容】 ・LP一枚、お問い合わせ押下後の、サンクスページ一枚 ・デザインが完成しているLP（ランディングページ）のコーディングを担当していただきます。 ・提供されたデザインデータ（PSD、XD、Sketchなど）を基に、HTML、CSS、JavaScriptを用いて正確かつ効率的にコーディングを行います。 ・レスポンシブ対応、クロスブラウザ対応、SEO対策を考慮したコーディングが求められます。 【必須条件】 ・HTML、CSS、JavaScriptを用いたコーディング経験がある方。 ・レスポンシブデザインに関する知識と実装経験がある方。 【歓迎条件】 ・LPの目的（コンバージョン率向上など）を理解し、最適なコーディングを提案できる方。 ・SEO対策に関する知識があり、構造化マークアップなどを適切に実装できる方。 ・Git/GitHubなどを用いたバージョン管理の経験がある方。 LPのデザイン(PC/SP)はすでにあります。 ・一部アニメーション化 ・資料ダウンロードを押下したらその場でDLが開始される ・お問い合わせボタンを押下したらサンクスページに遷移する （お問い合わせ押下後に、メールの自動送信も行いたいですが、こちらは予算オーバーすると思うのでなしで大丈夫です） ・納品形式は、コードのべたでも、github連携でも大丈夫です。

【 概要 】 ご依頼したい案件が多数ございますため、出来るだけ多くの方を募集しております。 そのため、こちらの募集に対しての当選者選定のみではないことを ご認識いただけますと幸いでございます。※本募集でご連絡いただき、後日ご依頼させていただくこともございます。 受注件数が増えてきたため、自身が監修をしつつも 作業自体をご依頼できる方を募集いたします。 【 依頼内容 】 主には、クライアントが要望するSEO対策のコーディングをお願いいたします。 課題感などはこちらでヒアリングしお伝えいたします ご経験や実績があり、ご自身でアウトプットができる方を希望しております。 【 契約金額(税抜) 】 案件の内容によってご相談できればと考えております。 また、アウトプットの質や信頼関係を判断の上検討できればと思います。 ※契約金額（税込）からシステム利用料を差し引いた金額が、ワーカーさまの受取金額となります ※初回はお安くご依頼させていただく場合がございます。 【 応募方法 】 ・簡単な自己紹介や実績（データがあれば尚良い）をご提示ください。 ・実際に作成した資料のご提示をお願いいたします。 ※NDA等で見せられない箇所は伏せていただいても問題ありません。 ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！

【 募集詳細 】 お世話になります。 学習教材（小学生向けの漢字プリント）を紹介して販売しているウェブページを作成しているのですが、 このページにStoresの商品リンクを入れて、商品を紹介したいと思っています。 自分で入れてみたものの、表を入れたら枠線が消せなかったり、「本当にここの場所に表示して伝わるのかな？」と思ってみたりして、しっくりきません。 商品自体のバリエーション（各学年、各出版社分）はいくつもあるのですが、 一つのテンプレを作成していただけたら、後は自分で他の商品を入れて行くことが出来ると思うので、 その商品一つ分のテンプレを作成していただきたいです。 CSSも編集してもらう事になると思います。 また、ウェブページ内に商品リンクを入れているので、「この場所で良いのか？」などアドバイスもいただけたらありがたいです。

1. 概要 静的サイトのスクラッチコーディングをお願いできる方を探しております。 Illustratorのデザインデータにかなり忠実に実装いただける方を募集いたします。 2. 制作ボリューム 総ページ数： 14ページ 内訳： デザイン使い回しページあり 入稿データ： Illustrator (.ai) デバイス： レスポンシブ対応（PC/スマホ） 3. 技術要件・クオリティ 再現性： デザインにかなり忠実な実装をお願いします。 アニメーション： 少し高度な技術を要する動きの実装が含まれます。 その他： スクラッチでのコーディングをお願いします。 4. 納期・スケジュール 全体納期： 2月中旬ごろ（要相談） 先行確認： 2月頭に、まずは「トップページのみ」を提出・確認させていただける方を優先いたします。 5. 納品・管理方法 Git管理： 納品までGitにて管理・共有をお願いいたします。 6. 応募時の必須項目 ご提案いただく際は、以下の点について必ずご記載ください。 実績の提示： デザイン再現性やアニメーションスキルが確認できる制作実績を拝見したいです。 対応可否： 上記スケジュールおよびGit管理での対応が可能か回答をお願いします。 【補足：再現性について】 過去の案件にて、デザイン意図が正確に反映されないケースを経験しております。そのため、今回はフォントサイズ、余白感、パーツの配置など、デザインデータを正確に読み取って実装いただける方のみを対象とさせていただきます。

既存WEBページのメインビジュアル部分への パララックスデザイン制作依頼です。 素材は基本こちらで提供いたします。 （背景写真、上に重ねるロゴ画像、キャッチフレーズ） レスポンシブ対応していただきたい制作です。 （ただし、スマホでPCと同様のパララックスの 動きが出来ない場合は簡易版の動き、もしくは 代替の静止画でも可） 該当ページのHTMLファイルはお渡しします。 WEBサイト管理画面へはログインしていただけないため 該当ページのHTMLファイルにパララックスデザインを 埋め込んでいただいて、HTMLファイルの提出を お願いします。こちらでサーバにアップし動作の 確認を行います。 新たに必要なCSSやJSファイルは、新しく作成下さい。 （例：parallax.css） 可能であればJavaScriptは使わずCSSのみで制作を お願いします。（要相談） 備考 ・詳細は指示書PDFにまとめています。 　必ずご確認下さい。 ・正式依頼前に、実際のWEBページのURLを 　お伝えし、ご確認いただきます 　問題なければご依頼させていただきます ・実績掲載不可でお見積りお願いします

https://capry.jp/tagless-tokyo/ のサイトをリニューアルを実施する予定です。 参考URLに記載したサイトのような絞り込み機能などをつけたいと考えております。 【業務内容】 ・Webサイトのコーディング業務全般を担当していただきます。 ・WordPressを用いたサイト構築、テーマカスタマイズ、プラグイン導入などを行います。 ・既存サイトの改修や機能追加、レスポンシブ対応なども含まれます。 ・google口コミのAPI連携もしていただきます。 【必須条件】 ・HTML、CSS、JavaScriptのコーディングスキルをお持ちの方。 ・WordPressの基本的な知識と利用経験がある方。 【歓迎条件】 ・PHPの知識、WordPressテーマやプラグイン開発経験がある方。 ・Webサイトのパフォーマンス改善やSEO対策に関する知識をお持ちの方。 ・UI/UXデザインに関する知識や関心がある方。

【 応募方法 】 ・条件提示にてお見積もり金額を入力してください。 ・着手日を記載ください。 ・適宜オンラインMTG可能な方 ・正確なコーディングができる方を希望します。 　※ 本件は制作実績等のご掲載はご遠慮願います。 【 依頼内容 】 ・LP１枚（SPのみ） テキスト配置、画像配置など微妙な修正が8箇所程度ありますので修正をお願い致します。 ※ 修正箇所の指摘します。PSDデザインデータもお渡しします。 WordPressについて、 ブログページの共通フッター（FV画像入れ替え、背景色変え、リンク先変更など） 【納品】 指定サーバーにアップし、指定URLで映るように設定 ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！

【 応募方法 】 ・条件提示にてお見積もり金額を入力してください。 ・着手日を記載ください。 ・適宜オンラインMTG可能な方 ・正確なコーディングができる方を希望します。 　※ 本件は制作実績等のご掲載はご遠慮願います。 【 依頼内容 】 ・LP１枚（SPのみ、PCデザインなし） テキスト配置、画像ハイtなど修正箇所が5箇所程度ありますので修正をお願い致します。 ※ 修正箇所の指摘します。PSDデザインデータもお渡しします。 WordPressについて、 ブログ一覧＆記事詳細のヘッダー・フッター（FV画像入れ替え、背景色変え、リンク先変更など） 【納品】 指定サーバーにアップし、指定URLで映るように設定 ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！

【依頼背景】 当案件はすでに2名のコーダー様にご対応頂きましたが、最初のコーダー様が残したコードが非常に複雑でスムーズにコーディング作業が進まないという問題が発生しました。（2人目のコーダ様のキャンセル理由はこれです） 上記を考慮しコーディングしやすい様にUIの再調整、素材の再作成を実施しました。 納期もすでに2ヶ月ほど押しており、チーム一同非常に焦っております。 現状のコードを全削除し、まっさらな状態からコーディングして頂いて問題ありませんので、最後まで責任を持ってご対応いただけるコーダーさんを募集します。 今後も優先的にご依頼させて頂きます。 【業務内容】 ・個人HPのコーディング作業を担当していただきます。 ・デザインデータ(Figma)に基づき、studioを用いてWebサイトの構築をお願い致します。 ・PC、タブレット、スマートフォンなど各種デバイスに対応したレスポンシブなコーディングを行います。 ※Figmaにある通り、PC/タブレットは同デザインのレスポンシブで、スマホ版は表示形式が変わります。 ・アニメーション付きの動きのあるサイト構築をお願い致します。 （FVのスライドアニメーションやボタンのクリック時の動き、各種画像の動き） ・今後運用していく上で自分でお知らせページなどの更新を出来るようにしたい為、自分で更新するやり方なども教えて下さい。（レクチャー方法はお任せ致します） ・サイトマップ、リンク表、アニメーション指示、自分で更新したい箇所についての資料を添付しております。 【UIデザイン/現状studio】 ▼PC/タブレット版_UIデザイン（Figma） https://www.figma.com/design/8WfW4XARJFYAnEOWekiza5/Saito.HP-PC-%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88?node-id=0-1&t=kT9r8O9KPG5A4xSp-1 ▼スマホ版_UIデザイン（Figma） https://www.figma.com/design/1IWdlOx10RUjT3VdfY3XbU/Saito.HP-%E3%82%B9%E3%83%9E%E3%83%9B?node-id=0-1&t=NPrvcm6eaQCyOBnz-1 ▼現状のHP状態（personalプランで進捗中） https://preview.studio.site/live/G3qbJ8XBqJ/ 【予算】 10,000円 ★ご対応頂きましたコーダー様は、当案件を実績として公開頂いて問題ありません。 ★次回のサンプルサイト作成案件も現在準備中で、こちらの案件も実績公開して頂いて問題ありません。 ★今後Web制作案件を受注予定なのですが、その際のコーダー担当者としてもお仕事をお願いさせて頂きます。 ★依頼先が決定しましたら、各種素材（イラスト等）お送りさせて頂きます。 ★依頼先決定後、進捗方法について、希望のコーディング等についてオンラインでMTGをしたく思います。 ★修正作業等含め最終的な納期は2月中でお願い致します。 ★当案件の予算上、契約金額以外の追加お支払いは出来かねます。 ★対応出来たところまでのお支払い等の成果報酬はありませんのでご了承下さい。 ・レスポンシブ対応（当方の確認デバイス） PC：HDデスクトップ PC：macbookpro 14インチ 縦1964×3024(pixel) タブレット：iPadAir(第五世代)縦2360×横1640(pixel) スマホ：iphon16Pro縦2622×横1206(pixel) 【必須条件】 ・HTML、CSS、JavaScriptを用いたコーディング経験がある方。 ・レスポンシブデザインに関する知識をお持ちの方。 ・web上の特殊アニメーションの作成経験がある方 【歓迎条件】 ・デザインデータからのコーディング経験が豊富な方。 ・SEO対策を考慮したコーディングができる方。 ・UI/UXに関する知識をお持ちの方。

【募集内容】 ご用意するWordPressサイトの固定ページへの原稿流し込みや写真反映の作業をお願いできる方を募集しています。 こちらで用意した原稿（文章・画像）を指定のページへ反映していただくお仕事です！ -------------------- 【必須スキル・重視する点】 ・WordPressの基本操作に理解がある方（CSSの編集などは必要ありません。） ・HTMLの基本知識と作業経験がある方 ・平日の昼間（10時〜18時の間）に作業と打ち合わせが可能な方 ・誤字脱字、レイアウト崩れなど細かい部分にも気付ける方 ・オンラインMTGが可能な方（テキストのみでのご依頼は行いません。） （歓迎条件） ・Photoshopを使用できる方 【提供物】 ・文章データ ・画像データ ・WordPressログイン情報 【料金】 1ページ：2,000円単価でお願いを想定しております。 【納期】 仮で1月末になっておりますが、作業依頼前に面談を行わせていただき、確定してまいります。 【その他】 子育て中の方にもお願いした経験がございますので、育休中の方や復職を目指すママさんも安心してご応募くださいませ。 経験やスキルに応じて、お願いする範囲や作業ページ数を決めますので、経験が少ない方もご安心ください。 女性スタッフ担当のため、安心してやりとりを行なっていただけます。 ご不明点があれば、どうぞお気軽にお問い合わせください。 丁寧に作業を進めていただける方からのご応募、お待ちしております！

【業務内容】 今回は、総ページ数20～30ぺージくらいのWebサイトですが、先ずはTOPぺージのレスポンシブコーディングをお願い出来る方を募集致します。 当方も長年コーディングをしてきておりますので、コーディングは出来るのですが、現在、マンパワーが足りていない為、コーディングのベース部分を担当頂き、仕上げ部分を引き継ぐような形となります。 ※その為、クライアント様側からの細かい修正要望などは、こちらで担当します。 コーディング頂いたものを引き継ぐ関係上、コードが綺麗で見易く、触り易いコーディングに自信のある方、得意な方を募集致します。 HTML×CSSがメインです。 JSについては、SPメニューの開閉などくらいは行って頂けると助かりますが、必須ではありません。 CMSへの組み込みや、特殊な挙動などについては、こちらで作成する為、必要ありません。 あくまで静的なHTML×CSSのコーディングとなります。 TOPぺージのデザインですが、未だお見せする事は出来ませんが、5000px未満です。 そんなに長いサイトではありません。 TOPぺージのコーディングを見て、下層ぺージのご依頼をさせて頂く場合が御座います。 その為、今回のお見積り金額自体は、TOPぺージのお見積りのみで構いませんが、内容欄に、下層ぺージのコーディング単価も記載頂けましたら幸いです。 ※TOPぺージのご依頼のみとなる場合も御座いますので、予めご了承ください。 若干急募させて頂いておりますので、作業も早いと非常に助かります。 今回、良い連携が出来た場合は、今後も他の案件などでもお願いさせて頂きたいと考えております。 参考にさせて頂きたいと考えておりますので、可能であれば、下記情報を添えて頂けましたら幸いです。 ・HTML×CSSの経験年数 ・可能であれば、これまで作成されたWebサイトのURL 【必須条件】 ・HTML、CSS、JavaScriptに関する知識と実務経験がある方。 ・レスポンシブデザインとコーディングに関する深い理解とスキルをお持ちの方。 ・機密保持契約(NDA)にご同意頂いている方で、厳守頂ける方。 ・クライアント様案件ですので、実績紹介などでも紹介はNGとさせて頂きます。 ・コーディングデータは、当方やクライアント様にて、将来に渡り修正・改変を行って参ります。その為、成果物の著作権等の権利を放棄頂ける方。 ご不明な点はお気軽にご連絡ください。 どうぞ宜しくお願い致します。

【業務内容】 非営利法人のお仕事で自然、生きものを守るためのランディングページを検討しています。 社内にデザイナーがいるため、イラストレーターデータにてデザインデータ、動画素材をお渡しさせていただき、コーディングをお願いできる方/会社様を探しております。 （サーバーのアップなどはこちらにて対応） トップキービジュアルに動画の自動再生、一部コンテンツのポップアップの機能は持たせられたらと思っていますが、シンプルな1枚LPの構成となります。 ＊生きもの、自然が好きな方、守っていきたいと思っていらっしゃる方とお仕事ができたら嬉しいです。

クイズページのデザイン+コーディングの依頼です。 クイズのJavaScriptは完成していますが JavaScriptでHTMLを出力しているため、 JavaScriptの書式が理解出来る方に依頼 したいと思います。 HTMLは1つですが、「問題表示」「回答表示」 「結果表示」の3種類の表示があります。 内容を伝えるための詳細資料PDFがあるので 必ずそちらを参照下さい。 備考 ・正式依頼前に、事前にJavaScriptが記載された 　HTMLファイルを確認していただく予定です 　問題なければご依頼させていただきます ・実績掲載不可でお見積りお願いします

コーポレートサイトのファーストビューのみコーディングをお願いしたいです。 まだクライアントと打ち合わせ前なので詳細は契約後にお伝えしますが、サイト訪問時に「扉」が開いてトップページ表示するイメージをしてます。 できれば2〜3案いただきたいと考えてます。 応募時は、お見積もりと納期、ポートフォリオを添付お願いいたします。 双方合いましたら単発にはなりますが、パートナーとしてお付き合いできたらと考えてますので、お人柄重視で判断させてください。 【業務内容】 ・ホームページのファーストビュー（FV）で使用するアニメーションのコーディングを担当していただきます。 ・デザインデータに基づき、HTML、CSS、JavaScript等を用いて、動きのある表現豊かなアニメーションを実装します。 ・クロスブラウザ、レスポンシブ対応を考慮したコーディングが求められます。 【必須条件】 ・HTML、CSS、JavaScriptを用いたコーディング経験がある方。 ・アニメーションに関する基本的な知識、または実装経験がある方。 【歓迎条件】 ・GSAP、Three.js、Anime.jsなどのアニメーションライブラリの使用経験がある方。 ・Webサイトのパフォーマンスを考慮した効率的なコーディングができる方。 ・UI/UXに関する知識があり、アニメーションを通じてユーザー体験の向上に貢献できる方。

既存サイトに１ページ追加を行うため、HTMLのコーディングをお願いしたいです。 レスポンシブも込みでお願いします。 デザイン、画像等はFigmaで作成していますので、そちらを確認していただいて実施可否を判断お願いします。

【予算】 3,000円程度希望 【 募集詳細 】 BASEのHTMLを修正してほしいです。 ・現在TOPページの画像がPC・スマホどちらも同じ画像１つだけを添付できる設定になっています。 PC用画像・スマホ用画像とそれぞれ設定できるようにしてほしいです。 ・TOPページの画像とタイトル文章にアニメーションが付いているのですが、オフにしてほしいです。 【 応募時のお願い 】 過去の実績、ポートフォリオを簡易的にご提示ください。 【　HTMLについて　】 ご応募いただいた方に、BASEのHTMLをお送りします。対応可能そうかご確認をお願いします。 BASEは独自の設定等があるので、柔軟に対応いただける方、もしくはBASEの修正をした異なる方にお願いしたいです。 ▼現在メインで使用しているBASEテーマ。TOP画像がPCとスマホ共通で１種類のみ設定可能。 こちらのBASEテーマからHTMLをいじったものを使用しています。 https://design.thebase.com/detail/43 ▼TOP画像がPCとスマホそれぞれ２種類設定可能なテーマ。 こちらのHTMLも持ち合わせているので参考にして修正いただけます。 https://design.thebase.com/detail/95 ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！

【依頼内容】 Figmaで作成済みのLPデザインをもとに、 HTML/CSSでコーディングしていただける方を探しています。 今回は検証用のLP1本のみの単発依頼となります。 【依頼範囲】 ・LP 1ページ（縦長） ・HTML / CSSによる静的コーディング ・PC / スマートフォン対応 ・LINEへのリンク設置 ・基本的なmeta設定（title / description） 【今回不要なこと】 ※本案件は検証用LPのため、以下は不要です。 ・WordPress化 ・ブログ / CMS機能 ・SEO設計やキーワード選定 ・アニメーションや凝った演出 ・JavaScriptを使った複雑な処理 【修正について】 ・修正は1回まで ・大幅なデザイン変更は想定していません 【納期】 ・7日以内（相談可） 【予算】 ・10,000円（税込） ※今回はテスト的な単発依頼です。 【応募条件】 以下に当てはまる方のみご応募ください。 ・Figmaデータを見て実装できる方 ・レスポンスが早い方 ・指示待ちではなく、最低限の判断ができる方 ・静的HTML/CSSのコーディング経験がある方 【応募時に必ず記載してください】 ご応募の際は、以下を必ずご記載ください。

【業務内容】 採用LP（ランディングページ）のコーディングをお願いいたします。 以下、簡易的な要件です。 ・PSDファイルを提供します ・長さは27,000px程ですが、画像多めだったり文字サイズ大きめなので数字ほど作業ボリュームは大きくないと思います ・SPファースト（PCではどアップにならないように） ・問い合わせフォームなし ・アニメーション：無し 【必須条件】 ・HTML、CSSを用いたコーディング経験がある方。 ・メンテナンスしやすい綺麗なコーディングができる方。 ・最低限SEOを意識したコーディングができる方。※本当に最低限で大丈夫です 【備考】 ・今回コーディングいただくLPは、ご自身のポートフォリオとしては開示不可ですのでご了承ください。 ・〜2万円ほどでお見積もりをお願いいたします。

既存のウェブサイト内の、フォトアルバムページの コーディングの依頼です。レスポンシブデザインです。 ページのレイアウト案を元にHTMLとCSSを制作して下さい。 既存のヘッダーとフッターがあるので、その間（コンテンツエリア）に 写真を並べるコーディングをしていただく感じです。 必要な画像とキャプションはこちらで用意しています。 イメージを伝えるための詳細資料PDFがあるので 必ずそちらを参照下さい。 注意点として以下、ご確認お願いします。 ・管理システムにはログインが出来ません 　またFTPアカウントもお渡しできないため、ブラウザで 　既存ウェブサイトを開きHTMLソースや必要なCSSファイル 　をコピーして制作を進められる方を探しています ・正式依頼前に、事前に既存ウェブページのURLを 　お伝えして、確認していただく予定です ・実績掲載不可でお見積りお願いします

【業務内容】 ・Shopifyで制作しているブランドサイトにおいて、製品一覧のページをコーディングお願い致します。 ・デザインデータ（Figma）ですぐにでもデータお渡し可能です。 ・急ぎの対応をして頂ける方優先で指名させて頂きます。 ・具体的には、 1ページに製品が4種類並んでいるおり、カテゴリ名/製品名/カラーの一覧が見られるページとなります。 【必須条件】 ・HTML, CSS, JavaScriptを用いたコーディング経験がある方。 ・Shopifyでコーディングの実績がある方。 【歓迎条件】 ・Shopifyテーマのカスタマイズ経験がある方。 ・ECサイトのコーディング経験がある方。

【業務内容】 ・Webサイトのトップページのコーディングに関するお見積もりをご提示いただきます。 ・デザインデータに基づき、HTML、CSS、JavaScript等を用いたコーディングの見積もりをお願いします。 ・レスポンシブ対応やコーディングの見積もりを期待します。 【必須条件】 ・HTML、CSS、JavaScript等を用いたコーディング経験をお持ちの方。 ・レスポンシブデザインに関する知識をお持ちの方。 ・過去のコーディング実績を提示できる方。 ・Webサイトのパフォーマンスやアクセシビリティに関する知識をお持ちの方。 【作業量】 MV1点＋６セクション 依頼をお願いしたい方数名に実際の正式なデザインデータを送付しますので、 そこで正式なお見積りをご提示いただければ幸いです。

【業務内容】 現在リニューアル制作中のWebサイト（WordPress + ElementorPro）について、レスポンシブ化作業をお願いいたします。 今回は、当方がPC版のデザイン・構築を行い、「完成したページから順次（五月雨式に）レスポンシブ化をお願いする」という、協業・並走スタイルでのご依頼となります。 ※想定フロー 1.当方がPC版のページを制作完了 2.チャットにて「〇〇ページ完了しました」とご連絡 3.貴殿にてそのページのSP/TB調整を実施 4.完了報告・確認 （このサイクルをページ単位で繰り返す想定です。） 【予算感】 1ページあたり￥10,000～￥20,000（税抜） 【必須条件】 プロジェクト期間である12月15日〜2月28日頃まで、チャット等でこまめに連携が取れる方を優先いたします。 ・Elementorを使用したWebサイト構築・編集経験がある方。 ・HTML、CSSに関する基本的な知識がある方。 ・レスポンシブデザインに関する知識・経験がある方。 ※PC版デザインの意図を汲み取り、崩さずに調整できる方を希望いたします。 【歓迎条件】 ・Elementor Proの利用経験がある方。

本件は、縦書きの文字のコーディングスキルがある方に適しています。過去に縦書きの文字のコーディングを制作された方を希望いたします。 【対応スキルレベル】 HTML、CSS 中級者〜上級者レベル [あり]ローディング [あり]ハンバーガーメニュー [あり]パララックス効果 [あり]追従ヘッダー [あり]java script [あり]特殊イベント(スクロールしたら文字の入れ替わり) [なし]タブメニュー [なし]Gナビ・ハンバーガーメニュー [なし]スライダー [なし]アコーディオン [なし]モーダルウィンドウ [なし]iframe構造 [なし]PHP、SQL [なし]WordPress 1.ハンバーガーメニューあり 　メニュー全体の展開はフェードイン、フェードアウト 　メニューのアイコンが展開により変わる仕様 　アコーディオンメニューはなし 2.ローディングあります。ロゴがフェードイン→アウト→コンテンツ表示 3.メインビジュアルと背景画像にはパララックス効果をつけてほしい 　パララックス効果の箇所は２、３箇所です。 ４.メインビジュアルには、文字が浮かび上がるように出てきてほしい 　さらに、スクロールした時にその文字が入れ替わるような仕様です。（画像でも構いません） ５.追従ヘッダーがあります。 　ヘッダーの要素が画面上にスクロールされた時点で固定してほしい。 ６.スクロールでフェードイン表示 　要素それぞれ、上からフェードイン、 　左からフェードインなどの動きがあります 【カンプデータ】 　デザインデータはPhotoshopになります。 　画像の書き出しはしておりません。 【提案の際のお願い】 ご自身の実績など、インターネット上にクライアント名やそれらがわかるような掲載することはご遠慮いただける方を希望しております。案件には「機密保持契約（NDA）」締結されている方を希望いたします。上記の機密保持契約は確認した旨をお返事いただけると幸いです。 【内容】 ご依頼のページのサイズ トップページ１つ 他のページ　３つ トップページ以外の他の３ページはとてもシンプルです。 コンテンツサイズが大きいですが、ほとんど写真のためブロック数は少ない方です。 （PC） トップページ　横1920px　高さ 12000px　のデータです。 他　横1920px　高さ 1800px　程度のデータです。 （SP） トップページ　横640px　高さ 12000px　のデータです。 他　横640px　高さ 2000px　程度のデータです。 ブレイクポイント PC 1080px 〜 1600px SP 375px 〜 767px 【コーディングの仕様について】 スマートフォンはほぼカラム落ちのデザインです。 ピクセル単位の細い指示はございません。 おおよそデザインにそっていれば良いです。 【仕様について】 -注意点 NGのコーディング- 1つ目 css floatよりcss flexで構築できる方が好ましいです。 ただしGrid Layoutは使わないようにお願いいたします。 2つ目 nth-child(n) n番を使った指定はNG 必ずクラス名をつけて作成してください ３つ目 連絡なしで遅れることだけは避けてください。もし遅延する場合は事前にご連絡ください。 reset cssやjQuery の使用はご自由でかまいません。 bootstrapは使用不可でお願いします。 【命名規則】 全て小文字でお願いします。 誤　CaseName_Grid 正 casename_grid CSSのネスト記述は使用しないでください。 (SCSSの使用はかまいません。) 命名規則は基本BEM式でお願いします。 .(ディレクトリ名)__(任意) 以下のブラウザで検証いたしますがなるべくサポートされていないタグを使うのは避けてほしいです。 Windows 最新のMicrosoft Edge Web　と　Google Chrome Mac 最新のSafari と　Google Chrome 予算はあくまもこちらの希望額のためご提示ください。 全体的な納期はだいたい２週間から３週間ぐらいとみています。 ご検討いただける方は料金と納期をお知らせいただけると幸いです。納品後はこちらで修正を加えることがありますのでその辺もご理解いただける方でお願いいたします。 全ての方にお返事ができない事がございます。 また締切前に決定することもございますので、あらかじめご了承ください。 ご不明な点などございましたらお気軽にご連絡下さい。以前当選された方でもお気軽にご応募ください。

既存サイトを元に、新しい法人のサイトの作成をお願いいたします。 基本同じ構成、同じ配置方針で大丈夫です。 写真、原稿、ロゴ(会社名)の変更と、 可能であれば、少しアレンジを加え、同じニュアンスだが、別のサイト感があると大変助かります。 同じような流れがいくつかあるので、 低価格で、早めの納期ですと、継続依頼をお願いしたく思います。 よろしくお願いいたします。

【必須条件】 ・HTML、CSS、JavaScriptを用いたWebサイトのコーディング経験がある方。 ・楽天の商品登録の経験がある方。 楽天ショップ内の1商品のページコーディングになるのですが デザインは弊社で担当をさせていただき、 商品ページ内のコーディング（商品登録画面での制作）をお願いすることは可能でしょうか。 ただ画像を並べるでなく、テキスト等をしっかり反映させたいため、楽天RMS内でのコーディングとなります。 ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！

既存ウェブサイトのヘッダーにハンバーガーメニュー追加 の制作依頼です 具体的な作業イメージをPDF資料にまとめましたので、そちらを 必ずご参照下さい ・正式依頼前に、実際のWEBサイトのURLをお伝えして 　問題ないか確認していただきます ・PCとスマホに対応するレスポンシブデザインです ・管理システムにはログインが出来ません 　またFTPアカウントもお渡しできないため、ブラウザで既存 　ウェブサイトを開きHTMLソースや必要なCSSファイルをコピーして 　制作を進められる方を探しています 　修正していただいたHTMLファイルをこちらにお送りいただければ 　実装テストはこちらで行います ・「実績公開不可」も含め、お見積お願いします

【業務内容】 クリニックの電子カルテシステムで、GMOキレイパスを使用しています。 既存のサンクスページへのHTML埋め込みを改定してくださる方を募集しています ・サンクスページへのHTML埋め込み作業を担当していただきます。 ・指定されたHTMLコードを正確にサンクスページへ埋め込み、動作確認を行います。 ・必要に応じて、埋め込み後の表示調整や軽微な修正作業も行います。 【必須条件】 ・HTMLの基本的な知識がある方。 ・正確な作業ができ、細部に注意を払える方。 【歓迎条件】 ・Webサイトの構造やHTMLの埋め込みに関する知識がある方。 ・JavaScript、CSSに関する知識があり、簡単な修正ができる方。 ・CMS（コンテンツ管理システム）の利用経験がある方。 【既存内容】 "<br> <div style=""padding: 10px; margin-bottom: 10px; border: 1px solid #1C9898; border-radius: 10px; background-color: #FFFFFF;""> </head> <body> <div class=""content-box""> <p style=""color: #FF1493; text-align: center;"">現時点で予約は確定しておりません</p> <p style=""color: #FF1493; text-align: center;"">※仮申込後、クリニックからメッセージが届きますのでご確認ください。</p> </div> </body> </html>" 【修正したい内容】 ここに公式LINEへ戻るボタンを作りたいです そのボタンに、エルステップの流入経路分析のURLを貼付したいです

既存ウェブサイトの中の、1ページのコーディング制作依頼です 具体的な作業イメージを資料にまとめましたので、そちらを 必ずご参照下さい ・既存のヘッダーとフッターの間、通称コンテンツエリアに 　表のコーディングをお願いします ・プルダウンメニューが2つ、ページングなどのボタンが3つあります ・PCとスマホに対応するレスポンシブデザインです ・表の箇所は、なるべく<table><tr><th><td>で希望します 　もし他のタグの利用が良いと判断する場合はご相談下さい ・管理システムにはログインが出来ません 　またFTPアカウントもお渡しできないため、ブラウザで既存 　ウェブサイトを開きHTMLソースや必要なCSSファイルをコピーして 　制作を進められる方を探しています 　修正していただいたHTMLファイルをこちらにお送りいただければ 　実装テストはこちらで行います ・「実績公開不可」も含め、お見積お願いします

運送会社のホームページ制作案件です。 HTMLにてコーディングを依頼。 デザインデータ（illustrator）をお渡しします。 サイトの構成は以下の通り トップページ 　会社紹介 　インフォメーション（情報公開） 　採用情報 　お問い合わせフォームページ 発注元からの各ページデザイン（仮→現在最終調整中）と、 指示書を添付しますのでご確認ください。

【業務内容】 ・LP（ランディングページ）のコーディングを担当していただきます。 ・デザインデータ（AI）を基に、HTML、CSS、JavaScript等を用いてコーディングを行います。 ・コーディングされたLPをWordPressに反映し、動作確認や修正を行います。 ・SPデザインを反映していただき、PCは調整のみ行ってください 【必須条件】 ・HTML、CSS、JavaScript等を用いたコーディング経験がある方。 ・WordPressの基本的な操作ができる方。 【歓迎条件】 ・LPのコーディング経験が豊富な方。 ・WordPressのテーマカスタマイズやプラグインに関する知識がある方。 ・SEO対策を考慮したコーディングができる方。 ・レスポンシブデザインに関する知識・経験がある方。 ・Git等を用いたバージョン管理の経験がある方。 ・修正作業がある場合、無料で対応していただける方

【業務内容】 ・SaaSソリューションのLPのコーディングを担当していただきます。 ・すでに完成しているデザインデータ（Illustrator aiデータ）を基に、 　HTML、CSSを用いて既存のWordPress上にLPを構築します。 ・レスポンシブ対応をお願い致します。 【納品】 WordPress上のWEBページとしてご納品ください 【必須条件】 ・業務でHTML、CSSを用いてLPをコーディングした経験がある方 ・ご提出前におかしなところがないかセルフチェックができる方 ・Adobe Illustratorを使える方

【業務内容】 ・最短納品希望のLP（ランディングページ）のコーディングを担当していただきます。 ・デザインデータ（PSD）を基に、HTML、CSSを用いてLPを構築します。 ・レスポンシブ対応をお願い致します。 【納品】ZIPデータ 【必須条件】 ・HTML、CSSを用いたコーディング経験がある方。 ・LPのコーディング経験がある方。 ・納期を厳守できる方。 【歓迎条件】 ・デザインデータからのコーディング経験が豊富な方。

【依頼背景】 当案件はすでに2名のコーダー様にご対応頂きましたが、最初のコーダー様が残したコードが非常に複雑でスムーズにコーディング作業が進まないという問題が発生しました。（2人目のコーダ様のキャンセル理由はこれです） 上記を考慮しコーディングしやすい様にUIの再調整、素材の作成し直しを実施しました。 納期もすでに1ヶ月ほど押しており、チーム一同非常に焦っております。 現状のコードを全削除し、まっさらな状態からコーディングして頂いて問題ありませんので、最後まで責任を持ってご対応いただけるコーダーさんを募集します。 今後も優先的にご依頼させて頂きます。 【業務内容】 ・個人HPのコーディング作業を担当していただきます。 ・デザインデータ(Figma)に基づき、studioを用いてWebサイトの構築をお願い致します。 ・PC、タブレット、スマートフォンなど各種デバイスに対応したレスポンシブなコーディングを行います。 ・アニメーション付きの動きのあるサイト構築をお願い致します。 （FVのスライドアニメーションやボタンのクリック時の動き、各種オブジェクトの動き） ・今後運用していく上で自分でお知らせページなどの更新を出来るようにしたい為、自分で更新するやり方なども教えて下さい。 【提供素材】 ▼TOP_UIデザイン（Figma） https://www.figma.com/design/8WfW4XARJFYAnEOWekiza5/Saito.HP-TOP?node-id=0-1&t=rHFXS41kkiCDLHNc-1 ▼下層ページ_UIデザイン（Figma） https://www.figma.com/design/1IWdlOx10RUjT3VdfY3XbU/Saito.HP-%E3%82%B9%E3%83%9E%E3%83%9B%E7%89%88-%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88%E7%89%88?node-id=0-1&t=hVgw4BFfsrPzu2Av-1 ▼現状のHP状態（personalプランで進捗中） https://preview.studio.site/live/G3qbJ8XBqJ/ ★依頼先が決定しましたら、各種素材（イラスト等）お送りさせて頂きます。 ★依頼先決定後、進捗方法についてと、希望のコーディング等についてオンラインでMTGをしたく思います。 ★修正作業等含め最終的な納期は年内中でお願い致します。 ★当案件の予算上、契約金額以外の追加お支払いは出来かねます。 ★ご対応頂きましたコーダー様は、当案件を実績として公開頂いて問題ありません。 ★希望納期はご依頼から1ヶ月以内に修正含めた全ての納品希望です。 ・レスポンシブ対応（当方の確認デバイス） PC：HDデスクトップ PC：macbookpro 14インチ 縦1964×3024(pixel) タブレット：iPadAir(第五世代)縦2360×横1640(pixel) スマホ：iphon16Pro縦2622×横1206(pixel) 【必須条件】 ・HTML、CSS、JavaScriptを用いたコーディング経験がある方。 ・レスポンシブデザインに関する知識をお持ちの方。 ・web上の特殊アニメーションの作成経験がある方 【歓迎条件】 ・デザインデータからのコーディング経験が豊富な方。 ・SEO対策を考慮したコーディングができる方。 ・UI/UXに関する知識をお持ちの方。

【業務内容】 別の会社独自のテーマで作成されたHPのHTMLを変更したいです。 サーバーはエックスサーバーになります。 HTMLはこちらで準備します。 公開はまだ避けたく、自身で準備したHTMLでどのようなHPになるのか仮想ページを一旦作りたいです。 HPの構造上7ページくらい他ページがあるので、 そのすべてをwordpress上でHMTLをいじれるようにしたいです。 このあたりの知識がないので、お力添えいただけますと幸いです。 【必須条件】 ・HTML、CSS、JavaScriptの基本的な知識がある方。 ・WordPressのテーマ構造に関する理解がある方。 【歓迎条件】 ・PHPの基本的な知識があり、WordPressのテーマファイルを直接編集できる方。 ・デザインツール（Photoshop、Illustratorなど）の使用経験があり、デザインに基づいたHTML/CSSのコーディングができる方。 ・バージョン管理システム（Gitなど）の使用経験がある方。

【Illustratorデザインあり｜不動産ジャンルLPのコーディング＋アニメーション実装】 Illustratorで作成済みのLPデザイン（縦長1ページ）があり、 このデザインを元に コーディング＋アニメーション実装 をお願いできる方を募集します。 不動産ジャンル（投資・収益物件系）のLPです。 デザインは完全にFIXしているため、コーディングに集中していただける環境です。 ■ 依頼内容 Illustrator（AI）デザインを元にLPをコーディング スクロールアニメーションや数字のカウントアップなどの演出を追加 PC/SPレスポンシブ対応 アニメーションは派手すぎず、落ち着いたトーンで 全体で1LP構成（情報量はPDF3ページ程度） ※デザインはすべてこちらで作成済み ※文章・画像の差し替えはありません ■ 希望納期 7日以内（即日着手できる方歓迎） ■ 必須スキル HTML / CSS / JavaScript GSAP / ScrollTrigger / jQuery などを用いたアニメーション レスポンシブコーディングの経験 LP制作の実績がある方 ■ アニメーション例（実装してほしい方向性） 数字のカウントアップ（統計・実績・シミュレーション部分） スクロールでフワッと出る演出 グラフ・数値の動き ボックスのフェードイン／スライドイン ※複雑すぎる表現は不要。 　滑らかで軽いアニメーションを希望しています。 ■ 応募時に必ずご提示ください LP制作の実績URL（ポートフォリオ）※必須 本案件の見積もり金額 対応可能な納期（7日以内かどうか） 使用可能なアニメーション技術（GSAP等） ※実績URLがない方は辞退させていただきます ■ 守秘義務について デザインデータ（AI／PDF）にはクライアント企業のロゴ・機密情報が含まれるため、 採用が確定した方にのみ共有いたします。 応募段階では簡単な概要テキストのみの共有となります。 機密情報を外部に漏らさないことをお約束いただける方のみご応募ください。 ■ その他 コミュニケーションが丁寧な方 修正に柔軟に対応できる方 LPの品質を上げる提案ができる方歓迎

【業務内容】 ・デザイン作成済みのサイトリニューアルにおけるコーディングを担当していただきます。 ・提供されたデザインデータに基づき、HTML、CSS、JavaScript等を用いてWebサイトを構築します。 ・レスポンシブ対応、クロスブラウザ対応を考慮したコーディングが求められます。 リニューアルのため、既に別のサイトが設置されているドメインに対しデザインを貼り替えるイメージです。 以下のURL先となります。 https://aitechworld.info/ デザインはメインページとサービス詳細のページがあります。 サービス詳細はページ構成が同一フォーマットとなります。 コーディングに加えて、WordPressからの投稿の追加や、各種編集をノーコードでできる形にしたいただくのが理想です。 【必須条件】 ・HTML、CSS、JavaScript等を用いたコーディング経験がある方。 ・レスポンシブデザインに関する知識と経験がある方。 【歓迎条件】 ・Webサイトのパフォーマンス改善に関する知識や経験がある方。 ・WordPress等のCMSを用いたサイト構築経験がある方。 ・SEOに関する基本的な知識をお持ちの方。 ・Git等を用いたバージョン管理の経験がある方。