【JavaScript/HTML】LP制作のコーダー案件

LP制作における実装業務を担当いただきます。デザインカンプのコーディングに加え、バナーや画像素材の制作、CMS組み込み、コンバージョン最適化のための実装までを一貫して担当。ディレクターが策定したマーケティング戦略を技術面で実現し、デザイナーやエンジニアと協働しながら成果につながるLP制作を推進していただきます。 【主要職務】 • デザインカンプの実装: Webデザイナーが作成したLPデザインをHTML/CSSでコーディング • レスポンシブ対応: PC・タブレット・スマートフォンに対応したマルチデバイス実装 • JavaScript実装: 動的要素やアニメーション、CTAボタンの機能実装 • コンバージョン最適化: 効果的なCTAボタンやフォーム実装による成果向上 • ブラウザ対応: 各ブラウザでの表示確認と修正対応 【付帯業務】 • WordPress組み込み（CMSカスタマイズ） • Movable Typeカスタマイズ: 運用業務に伴うカスタマイズ対応 • SEO対策のためのメタタグ設定 • 表示速度最適化 • A/Bテスト用の複数パターン制作

＜技術スキル＞ • HTML5/CSS3: セマンティックなマークアップと他LPに再利用可能な実装 • mediaクエリ: レスポンシブデザインの適切な実装 • keyframe: アニメーション実装での活用 • JavaScript: DOM操作、イベント処理、アニメーション実装 • jQuery: JavaScript効率化のためのライブラリ活用 • Sass/SCSS: CSS効率化のためのプリプロセッサ • Git: バージョン管理システムの基本操作 • Adobe系ソフト: Photoshop/Illustrator/XD/Figmaでのデザイン読み取り・画像加工・レイヤー編集 • デザインスキル: バナー作成レベルのデザイン制作能力 ＜業務スキル＞ • デザインカンプの正確な読み取り能力 • 簡単なデザイン実装能力 • スマホファースト: モバイル優先の実装理解 • ブラウザ互換性への対応力 • 品質管理とテスト実行能力 • デザイナーとの協働: デザインに関する円滑なコミュニケーション

＜上級技術＞ • AI Agent活用: Cursor、Devinなど最新開発ツールの活用 • GSAP: 高度なアニメーション実装ライブラリ • Python: データ処理・自動化スクリプト • PHP/WordPress: CMS実装とカスタマイズ • Node.js/Gulp: ビルドツールの活用 • Bootstrap: CSSフレームワーク • VSCode: 開発エディタの効率的な活用 ＜マーケティング知識＞ • LPO（ランディングページ最適化）理解 • Google Analytics設定 • コンバージョン分析 • A/Bテスト実装経験

広告

増員

2026/01

平日日中

穏やかなコミュの人

出社リモート併用

1回

オンライン

2025/11/26 12:21:42