ご依頼を検討中の方へ

お仕事のご依頼について検討いただきありがとうございます。

実際にお仕事をご一緒させていただいたときのイメージが湧くように、技術面やご依頼からリリースまでの流れを記載いたしますのでご検討の参考にしてください。

ご縁がございましたらよろしくお願いいたします！

技術について

コーディング

HTML/CSS（Sass）/jQuery などのベーシックなものからJAMStackのような構成まで幅広く対応しています。

CSS設計が得意で15ページ程度のCMSのコーディングを3日で仕上げるなど、爆速でのコーディング実績が多数あります。

デザインの再現性はもちろんのこと、ある程度のアクセシビリティへの意識があり、セマンティックマークアップの意識が高い系です。

ピクセルパーフェクトとゴリゴリのアニメーションはあまり得意ではありません。
また、3D系はできません。必要に迫られたら学習するかもしれません。

デザイン

Figmaを使用して制作いたします。

コーディングをする場合はAdobe XDやPhotoshopデータでも可能です。
Illustratorでのコーディングも可能ですが、工数が大幅にかかります。

CMS

WordPress

自作テーマの作成が可能です。

納品後にお客様自身でWordPressのソースコードごと運用をご検討される場合は、ベーシックな構成で作成いたしますが、制約がなく技術選定が自由な場合は自作のwebpack環境のものでゼロベースから作成していきます。

カスタム投稿タイプやカスタムタクソノミーはもちろん、URLパラメータによる表示コンテンツ絞り込みや診断コンテンツなどの実装経験もあります。

簡易的なプラグインの作成も可能です。

ブロックテーマは学習中です。

ヘッドレスCMS

microCMSを使用してNuxt.jsとNext.js、Astro.jsで、一般的なホームページ規模での実装経験があります。

ECサイト

Shopify

デフォルトの無料テーマ「Dawn」をベースに、Shopify Cliを使用してオリジナルデザインのテーマ制作が可能です。

ご依頼からリリースまでの流れ

ホームページ／ECサイト制作のご依頼

ホームページ（CMS含む）とECサイト制作において、コーディングもデザインもまるっとお任せいただく場合の流れについてご説明いたします。

ヒアリング・お見積り

お問い合わせいただいてから、オンラインでのお打ち合わせにてヒアリングをさせていただきます。
都内に在住の方であれば対面でも可能です。

サイトについて方向性や内容が全然決まっていなくても大丈夫です。
私からご提案させていただくので、お客様のやりたいことや考えていること、なんでもお聞かせください！

また、ヒアリングの際にはサイトの制作以外にも事業についてご質問させていただくことがあります。逆に制作において不明点や不安なことがあれば解消するまでご質問ください。
理解を深めて一緒に良いサイトを作れればと思っておりますのよろしくお願いいたします！

ヒアリング後は数日以内にお見積りを書面にてご提出させていただきます。
ご予算に応じて数パターンのお見積りを出せることもありますのでご予算が不安な方もご相談ください。

ワイヤーフレーム作成

ご発注後、ワイヤーフレームを作成いたします。

ワイヤーフレームとは、どのページにどのようにコンテンツを配置するかを決めたもので、画像なし・白黒カラーベースで作成します。
コンテンツ配置とデザインの過程を分けることで、考えがまとまりやすくサイトの質にも影響いたします。

また、機能などの要件もデザインに影響があるのでこの時点で詳しく決めていきます。

どのようなコンテンツを配置するかある程度決まったら、ワイヤーフレームをもとに原稿（掲載するテキスト）をご用意ください。

原稿をいただいたら改めてワイヤーフレームに組み込み、コンテンツに問題がなければデザインに進みます。

デザイン作成

作成したワイヤーフレームをもとに配色やフォント、画像などを合わせていきます。
画像やイラストなどは私のほうで準備いたしますが、使用したいお写真やイラストがあれば併せてご用意をお願いいたします。

コーディングに入ってからのデザイン変更は工数がかかるため、念入りにチェックをお願いいたします！

コーディング・テストアップ

デザインをもとにWebで見られる形式に仕上げていくのがコーディングの過程となります。

コーディングが仕上がったらテスト環境（コーディングしたものをご確認いただける環境）にアップしますので、実際にスマホやPCからサイトをご確認ください。

テストアップした内容がそのままお客様のサイトの内容になりますので、テストだからと言わずにこちらも念入りにチェックをお願いします！

納品

テストアップで問題がなければ、お客様のサーバにアップして納品となります。
ドメインやサーバの取得もサポートいたしますのでお気軽にご相談ください。

CMSなどの場合は使用方法などをお伝えし、各種アカウントの譲渡等、必要な引き継ぎを行なって完了となります。

万が一バグなどがありましたら、納品から半年以内でしたら無償で対応いたしますのでご連絡ください。

基本的に月額の運用費などはいただきません。修正や変更などを行いたい場合は都度ご連絡ください。

コーディングのみのご依頼

デザインをご用意いただいている場合、コーディングのみのご依頼も可能です。
状況に応じてサーバーやドメイン周りのリリースまで対応することもありますので、お気軽にご相談ください。

お見積り

デザインや要件、納期、納品方法などをお伺いしてお見積り金額と実装期間を書面にてご提出させていただきます。

「どのようなデザインなのか」「アニメーションはあるか」「特殊な機能実装は必要か」などの観点からお見積りをさせていただくため、ある程度デザインが出来上がっている状態でお問い合わせいただけるとスムーズです。

ざっくりとしたお見積りでもよければ、デザインが出来上がる前からご相談いただくことも可能です。

コーディング・テストアップ

ご発注後は正式なデザインデータをいただき、要件の細かい擦り合わせを行なってからコーディングを開始いたします。

テスト環境（コーディングしたものをご確認いただける環境・サイト）は私のほうで用意いたしますので、実際の画面を確認していただき必要に応じて修正いたします。
基本的にはテスト環境の内容がそのまま本番環境（お客様のサイト）の内容となりますので、テストだからといって確認に手を抜かないでください！

また、テスト環境に上げてから事前にお打ち合わせした内容にない機能の追加や、大きなデザイン変更に関しては工数がかかるため別途料金がかかる可能性がございます・・・！
そのためご要望がありましたらコーディング前になんでもご相談ください。

納品

テスト環境でご確認いただいたら、ご希望の納品方法にて納品して完了となります。

万が一納品後にバグなどが見つかった場合は、納品から半年以内でしたら無償で対応いたしますのでご連絡ください。

デザインのみのご依頼

デザインのみのご依頼も可能です。
ただし、紙面のようなグラフィックのものや3Dを扱うようなものはあまり得意ではありませんので、そのようなデザインをご希望でしたら知り合いのデザイナーを紹介させていただくこともあります。

また、デザインデータはFigmaでの納品となります。ご了承のうえご相談ください。

ヒアリング・お見積り

お問い合わせ後、どのようなサイトを作りたいのか、どのような機能を入れたいのかなど、オンラインにてヒアリングをさせていただきます。都内に在住の方は対面も可能です。

ワイヤーフレームをご用意済みの方はお見積り時にいただけるとスムーズです（なくても大丈夫です）。

後日、ヒアリングした内容をもとに書面にてお見積りをご提出いたします。

ワイヤーフレーム作成

ワイヤーフレームのご準備がない場合は私のほうで作成いたします。
ヒアリング時にお伺いした内容をもとにアウトラインを作成するので、原稿のご準備をお願いします。

原稿をワイヤーフレームに組み込み、全体的に問題がなければデザイン作成に進みます。

デザイン作成

ワイヤーフレームをもとに配色やフォント、レイアウト、画像などを決定していきます。
基本的には画像やイラストはご用意いたしますが、使用したいお写真やイラストがある場合は事前にご連絡ください！

内容に問題がなければ納品となります。

メンター・教育について

コーディングの指導をご希望の方にメンターも行っております。
デザインメンターは対応しておりません。

ご希望の方は最初にヒアリングを行い、最終的にどのようになりたいか・何がしたいかなどの目標をお伺いします。
その上でロードマップやカリキュラムを作成しますので、その内容に問題がなければ開始しましょう。

頻度や期間もご相談可能です。

ヒアリングまでは料金をいただかないのでお気軽にご相談ください。