【急募】Next.js／Tailwind CSS コーダー募集｜Figmaデザイン実装の仕事 [IT・通信・インターネット]

見積もり募集の結果

見積もり募集の内容

依頼主の業種

IT・通信・インターネット

提示した予算

100,000円 ~ 200,000円

依頼概要

【依頼概要】

やっていただきたい内容はfigmaから上がってきたデザインデータをコーディングに落としていただくことになります！

詳細は下記です。

サイト構成：単一 Next.js（App Router）プロジェクト　・コーポレートページ　／　／about　／vision など　・メディアページ　　　／media 以下目的　　：2025‑08‑15 の正式公開に向け、Figma デザインを本番コードとして実装

必須タスク１）デザイントークンを tailwind.config.ts に移植２）レイアウト 2 種（Corporate／Media）の実装３）共通 UI コンポーネント（ヘッダー・フッター・ボタン等）４）ページテンプレート　　- コーポレート静的ページ　　- メディア一覧・記事詳細５）RichText レンダラ（microCMS の RichText JSON → JSX）６）ペイウォール UI（ティーザー表示・CTA）７）Skeleton／ローディング・レスポンシブ調整任意タスク・アクセシビリティ最適化（aria‑label 付与など）・Lighthouse‑CI 設定支援※会員判定や Stripe／Firebase API 呼び出しは別担当が実装します。コーダーは props で受け取ったユーザー状態に応じて UI を切り替える部分だけを実装してください。


必須スキル

・Next.js 14（App Router）および React 18 の実装経験・Tailwind CSS 3.x でのユーティリティ設計・TypeScript（strict モード）・HTML5／CSS3／Sass の基礎

【ページ数】
1~5ページ

【対応デバイス】
レスポンシブ対応webデザイン

【CMS導入】
フリーランスに相談して決めたい

【素材の用意】
素材あり

【用意している素材】
特に用意していない

【参考サイトのURL】
なし

【納品方法】
フリーランスに相談したい

【納品後のサポート】
希望する

【依頼先選びで重視する点】
なし

キャンセル理由：ランサーと見積もり・日程などの条件が合致しなかったため