Studioでつくるホームページ作成日記 #01|デザイン前の大事な準備編

記事
ビジネス・マーケティング
こんにちは!
✅ココナラでの受注実績60件以上
✅プラチナランク
✅お客様評価⭐️5継続中!
フリーランスとしてホームページ作成をしている
ちかと申します。

私は、初心者でも比較的操作のしやすい
Studioというツールを使ったホームページ作成をしています。

今回は、Studioのテンプレートを使用して制作中のお客様のホームページの制作過程をお届けします。第1回目は、お客様のご要望をもとに、サイトの構成や目的を整理する初期段階のご紹介です。

お客様について

・音楽教室を運営している個人事業主様
・WordPressで作成したホームページがある
・別途、Studioで制作した物販サイトがあるので、
 教室のサイトもStudioでのリニューアルをご希望

お客様のご要望

・更新や修正など運用は自分たちで実施したい
・ページ数は、3ページ
・教室のこと、レッスンメニュー、発表会の様子を掲載したい
・オリジナルキャラクターを動かして掲載したい
・ホームページの雰囲気は、柔らかい・優しい雰囲気にしたい
 (こんなホームページにしたいというホームページを教えていただきました)
・カラーは、水彩
・文章は少なく写真で見せたい

ご提案内容

お客様からのご要望をおうかがいし、
私からは2つのプランをご提案しました。

①完全オリジナルデザインのプラン
一からデザインを作る

②Studioのテンプレートを使用するプラン
今までお伝えしているように、
Studioにはおしゃれなテンプレートが沢山あります。


その中から、ご要望に合ったテンプレートをご提案し、
お客様のご要望に合わせて色や画像、レイアウトを変更。

①と②は制作費用の面でも異なってくるので、
費用を抑えたい方は②がオススメです。

今回ご依頼いただいたお客様の場合、テンプレートを使用しても
お客様のご要望通りのホームページが作成できるので、
テンプレートを使用して作成することになりました。

ご提案したテンプレート

お客様にご提案したテンプレートはこちらの、
音楽教室向けのテンプレートです。
スクリーンショット 2025-05-05 18.23.05.png

私がこのテンプレートをオススメした理由は
音楽教室のものだからというだけではなく、
中身の構築部分も確認して、今後、お客様ご自身が
更新しやすい作りになっていたから。

Studioのテンプレートは、購入前に編集画面から構築状況も確認できます。
複雑に構築されているテンプレートもあるので、お客様のパソコンスキルや
Studioのスキルに合わせて選定することができます。

デザイン検討のための事前確認

使用するフォントやカラーは、すでにブランディングされていたので
指定のものを使用。
お客様がご要望されていた「オリジナルキャラクター」を動かせるかを
チームのデザイナーへ確認します。すると、下記のように動かせることが分かりました。

事前確認が完了したら、次は、デザイン制作に入ります。
お客様が、ご希望される雰囲気のサイトや事前に打ち合わせた内容を参考に、
デザイナーがデザイン制作ツールのFigmaを使用してデザインに反映させます。

第2回は、デザイン制作の過程をお伝えします。
今後、「Studioでつくるホームページ作成日記」として、定期的に制作過程の様子をお届けしていきます。


◆出品商品のご案内

テンプレートを使用したホームページ作成

・ご自身でホームページを更新したい方
・ホームページ作成の費用を抑えたい方
・好みのテンプレートがある方
お気軽にご相談ください。
※メールでのお問い合わせは無料です。


テンプレートを使用しないオリジナルデザインのホームページ作成

・ご自身でホームページを更新したい方
・テンプレートを使用せず、一からデザイン作成をご希望される方
お気軽にご相談ください。
※メールでのお問い合わせは無料です。

事前相談

・Studioについてもう少し詳しく知りたい方
・ホームページ作成をご検討されている方
・どの出品サービスを購入すべきか迷っている方
お気軽にご相談ください。
※メールでのお問い合わせは無料です。

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら