【即戦力歓迎/大阪】フロントエンドエンジニア/デザイン・機能性を考慮したWeb制作/火･木リモート可

仕事内容

デザイン性・機能性を両立したWebサイト制作を担当していただきます。 アバランチでは、大手企業から中小企業まで幅広いクライアントの案件を手がけており、コーポレートサイト、キャンペーンサイト、ブランドサイト、LPなど、多様なWeb制作に携わっています。 案件ごとにデザインも要件も毎回ゼロベースで異なります。テンプレートに当てはめる仕事ではなく、その案件に最適な実装方針をデザイナー・ディレクターと相談しながら組み立てていく仕事です。 【具体的な業務内容】 ・Figmaのデザインカンプをもとにした実装（HTML / CSS / JavaScript） ・レスポンシブ対応・UIアニメーション・スクロール演出などのインタラクション実装 ・WordPressオリジナルテーマの構築・改修 ・静的サイトでも、要件に応じてJSON駆動でデータ管理する小規模CMS的な構成を組むことがあります ・案件によってはReactやTypeScriptを導入することもあります（要件ベースで判断） ・デザイナー・ディレクターとの仕様調整、表現面の提案 【使用言語・技術】 ・言語: HTML / CSS（Sass / Dart Sass）/ JavaScript / TypeScript（案件により）/ PHP ・ビルド: Gulp + Webpack + Babel ・パッケージ管理: pnpm ・CSS設計: ITCSSベース（命名はBEM）。レイヤー順による詰まり防止を目的とした採用で、コンポーネント設計手法を強制するものではありません。案件ごとのデザインに合わせて柔軟に組みます。 ・ライブラリ: GSAP / Lenis / Splide / PhotoSwipe / Lottie など、要件に応じて選定。jQuery / Slick も要件次第で使用します。 ・WordPress: オリジナルテーマ。ACF PRO等のプラグインを必要に応じて導入 ・画像最適化: Sharp で自動化 ・デザインツール: Figma（FE側もフルシート権限あり） ・リポジトリ: Bitbucket ・コミュニケーション: ChatWork（社内メイン）/ Microsoft Teams（親会社連携）/ Slack（案件により） ・AI活用: ChatGPT有料契約あり。実装にLLMを活用することを推奨しています。 【得られる経験】 ・多様な業界・案件でのWEB制作経験 ・デザイナーと連携した実装・仕様調整の経験 ・少人数チームでの裁量ある制作経験 ・案件によっては企画段階からの参加経験 【主な制作】 ・コーポレートサイト ・ブランドサイト ・キャンペーンサイト ・採用サイト ・LP ・オウンドメディア ▼案件例 製造業コーポレートサイト： WordPressオリジナルテーマで構築。ページ別MV出し分け、複数のCPTやACF構成、ITCSSベースのCSS設計、TypeScript strict体制での実装を採用。 企業オウンドメディア： WordPressを使わず、JSON駆動で記事・タグ・カテゴリを一元管理し、Zodでスキーマバリデーションを採用。sitemap自動生成、PhotoSwipe/Lottieを用いたUIインタラクションなど、「管理画面は持たないが実質スクラッチCMS」として設計。 【案件の進め方】 ・期間：2〜3週間〜数ヶ月、長いものでは1年規模 ・チーム体制：3〜5名（エンジニア、デザイナー、ディレクターなど） 案件ごとにチームを組んで制作を進めます。 フロントエンドエンジニアは実装だけでなく、デザインや仕様について相談しながら、UI/UXや表現面も含めて関わります。 案件によっては企画段階から参加することもあります。