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テスト実装経験 <備 考> ・貴社まで ・外国籍不可