WEBフロントエンジニア（ID：883）｜株式会社ジャスティス

■仕事内容■
デザインに拘るプロダクションならではのこだわりを持って、自社で制作するWEBサイトの構築に携わって頂きます。単に「デザイン通りにコーディングする」だけではなく、デザイナーの意図を汲み取り、ユーザーが快適に操作できる形に翻訳するという非常にクリエイティブな役割を担って頂きます。

1. 企画・設計（デザインの実装可能性の検討）
デザインが完全に固まる前、またはデザインプロトタイプの段階からプロジェクトに参加することが多いです。

・実装可能性の確認
デザイナーが提案したレイアウトやアニメーションが、パフォーマンスを落とさずに実装できるかを検証していただきます。

・技術選定
サイトの目的（ブランドサイト、キャンペーンサイト、EC、コーポレートなど）に合わせて、最適なフレームワークやCMSを選定していただきます。

2. 開発・実装（コーディングと演出）
デザインプロダクションならではの「こだわり」が発揮される部分です。

・マークアップ
SEOやアクセシビリティを意識し、検索エンジンやスクリーンリーダーに正しく伝わる美しいHTML/CSSを書いていただきます。

・高精度なデザイン再現
デザインデータとほぼ同一のレベルで、フォントのカーニング（文字間隔）や余白を再現します。

・インタラクションとアニメーションの実装
スクロールに応じた要素の連動（パララックスなど）、マウスホバー時の滑らかなエフェクト
を用いた、没入感のあるグラフィック演出

3. 最適化・品質管理（フィニッシング）
見た目を作るだけでなく、どの環境でも快適に動くようにチューニングします。

・レスポンシブ対応
スマホ、タブレット、PCはもちろん、4Kなどの大画面モニターまで美しくレイアウトを保つ実装をします。

・ブラウザ対応
Safari、Chrome、Edge、Firefoxなど、異なるブラウザやOS環境での表示崩れやバグを修正します。

・パフォーマンス最適化
画像の軽量化、コードの圧縮、レンダリング速度の改善を行い、リッチな演出がありつつも「重くないサイト」に仕上げます。

4. 運用・保守・CMS構築
サイト公開後、クライアント自身で更新できるように裏側の仕組みを整えます。

・CMSのテンプレート開発
ニュースや施工実績、商品ページなどを簡単に投稿できるように、WordPressやヘッドレスCMSの管理画面・出力をカスタマイズします。

・コンポーネントの共通化
運用フェーズでデザインの追加・変更があっても、破綻しにくい柔軟なコード設計（CSS設計）をしておきます。

■ポイント■

・アットホームな雰囲気で女性も活躍中の職場です！

・大手から地元の中小企業まで、多彩な制作案件が舞い込みますので、幅広くクリエイティブなWEBサイトの構築に携わりたい方にオススメの環境です！

・残業は月に10時間以内！ワークライフバランス重視の方にも！