Figmaなどのデザインをコーディングします

デザインの意図を大切に、その先まで考えてコーディングします。 使う人にも、あとから扱う人にもやさしい実装を心がけています。 Figmaなどで作成されたデザインカンプをもとに、HTML/CSSでWebページをコーディングします。 Restasが大切にしているのは、 「何を作るか」だけでなく、「何のために、誰が使うのか」を考えること。 いただいたデザインを大切にしながら、PC・スマホそれぞれで見やすく、使いやすい形に仕上げていきます。 実装を進める中で、 「スマホでは少し見づらくなりそう」 「この画像は軽くした方がよさそう」 「ここは動きやリンク先を確認したい」 など、気になるところがあればお声がけします。 こちらの判断でデザインを変えることはありません。 デザインの意図を確認しながら、一緒によりよい形を考えていけたらと思っています。 また、完成したときの見た目だけでなく、その後の修正や更新のしやすさも大切にしています。 必要以上に複雑なコードにせず、HTMLやCSS、ファイル構成をできるだけ分かりやすく整理。 画像もWeb用に軽量化して、納品後も扱いやすい状態に整えます。 【基本料金に含まれるもの】 ・1ページ（PCカンプ縦7,000px程度まで） ・HTML / CSSコーディング ・レスポンシブ対応 ・基本的なJavaScript ・画像の書き出し、軽量化 ・ボタン、リンクの設定 ・hoverなどの基本的な動き ・標準的なハンバーガーメニュー ・納品前の表示、リンク確認 ・HTML / CSS / JavaScript / 画像などのデータ一式を納品 【対応デザイン】 Figmaを中心に対応しています。 XD・PSDも対応可能です。 ChatGPTなどのAIで作ったWebデザイン・AI生成デザインからのコーディングもご相談いただけます。 完成したデザインをもとに、HTML / CSS / JavaScriptで実際に表示・操作できるWebページとして実装します。 AIで作成したデザイン画像のみの場合もご相談いただけますが、スマホ表示のデザインや使用する画像・フォント、ボタンの動きなどが決まっていない場合は、内容を確認したうえで別途お見積もりすることがあります。 データの状態によって確認が必要な場合がありますので、事前にご相談ください。 【料金】 出品開始につき、先着3件限定で22,000円で対応します。 4件目以降は25,000円での受付を予定しています。 基本料金を超えるページの長さや実装内容については、デザインを確認したうえで事前にお見積りします。 【納期】 デザイン・素材・仕様がそろってから、7〜10営業日程度が目安です。 【修正について】 納品前の修正は2回まで対応します。 デザインカンプとの差異や、こちらの実装による不具合の修正は回数に含みません。 途中でのデザイン変更や仕様の追加については、内容によって追加料金をお願いする場合があります。その際は、作業を進める前にご相談します。 デザインを形にするところから、その先で実際に使われるところまで。 「頼んでよかった」と思っていただけるよう、一つひとつ確認しながら丁寧に制作します。