FigmaやPhotoshop(PSD)で作ったデザインを、HTML / CSS / JavaScriptでWebページにします。
Webデザイナーとして11年、デザインとコーディングの両方に関わってきました。
今は制作会社さまから、PSDのカンプをもとにホテルサイト(トップ+下層8ページ)のコーディングを担当しています。
デザインする側の気持ちがわかるので、余白や文字の大きさ、行間など、デザインの意図をくみ取りながらコーディングします。
■ こんな方におすすめです
・デザインはできているけれど、コーディングまで手が回らない
・制作会社さまで、コーディングだけ外注できる先を探している
・デザイナーさんに作ってもらったデザインを、そのままサイトにしたい
■ 基本料金でできること
・トップページまたはLP 1ページ分のコーディング(PC・スマホのレスポンシブ対応)
・ボタンのホバーなど、簡単な動きの実装
・Chrome・Safari・Edge、iPhone・Androidでの表示確認
・HTML / CSS / 画像一式での納品(サーバーへのアップもご相談ください)
ページの長さや動きの量によって作業量が変わるため、デザインを拝見してからお見積もりします。
■ オプションで対応できること
・下層ページの追加
・スライダーやアコーディオンなど、JavaScriptの動き
・お問い合わせフォームの設置
・WordPressのテーマ化(更新できる形にする)
■ ご依頼の流れ
1. 購入前に、デザインデータ(FigmaのURLやPSD)と、ページ数・ご希望の納期を教えてください
2. 内容を確認して、お見積もりと納期をお返事します
3. ご購入後、コーディングを始めます
4. テスト環境やファイルで確認していただき、修正があれば対応します
5. 最終データを納品して完了です
■ 大事にしていること
・デザインの意図がわからない部分は、自己判断せずに確認します
・あとから修正しやすいように、整理されたコードで書きます
・納品前に、スマホとPCの両方で表示を確認します
・購入前に、必ずメッセージでデザインデータと内容をご相談ください
・デザインデータは、レイヤーが整理されたFigmaまたはPSDでお願いします(画像の書き出しが必要な場合もご相談ください)
・デザインの制作は含まれません(デザインからご希望の場合はご相談ください)
・テキストや画像などの素材は、ご依頼者さまにご用意いただきます
・ブラウザやフォントの違いにより、デザインデータとピクセル単位で同じ見た目にはならない場合があります