京都・西院のドイツ式フットケアサロン tokotoko様のサイトリニューアルを担当しました

京都・西院のドイツ式フットケアサロン tokotoko様のサイトリニューアルを担当しました

前回の投稿「ブログ更新をお休みする代わりに、副業に専念する」と宣言していたのですが、この度ココナラでサイトリニューアルの案件を担当させていただき、先日無事に納品することができました。

tokotoko様からブログへの掲載許可をいただいたので、今回は表題にもある通り、私が担当させていただいたサイトリニューアルの件について書きたいと思います(^^)

サイトリニューアル案件に応募

私は一応、クラウドワークスとランサーズにも登録しているのですが、ココナラは既に販売実績があり、個人的に使い勝手の良さを感じていたこともあったので、とりあえず最初はココナラで案件を受注できるように頑張ろう!と意気込んでいました。

ココナラ

そして、バナー制作よりも比較的単価の高いサイト制作の案件獲得を目指し、ココナラの「仕事・相談を探す」から、自分が提案できそうな案件を探してみることに。
「Webサイト制作・Webデザイン」から「募集中の仕事のみ」を絞り込んで検索をかけたところ、WordPressで制作したサイト修正に関する案件を見つけました。

依頼概要を読んでみると、個人経営の美容サロンのサイトで、仕上がりがシンプルすぎるので変えたいとのこと。サイトは確かにシンプルではありましたが、お写真やテイスト自体はとても素敵だったので、このサイトのリニューアルに携わりたい…!と思い、提案を出すことにしました。
しかし、サイト制作の案件に提案を出すのは初めてだったので、「提案額はいくらが相場なのか」「どういった提案が発注に繋がるのか」などを全然把握しきれておらず…。

「自分でサイトを作ってみたけどシンプルすぎるのでリニューアルしたい」といったようなご依頼内容だったので、まずは「この人に任せたら安心!」と不安感を拭うのが大事かなと思い、丁寧で的確なディレクションを意識しました。

提案する上で心掛けたこと

ココナラで提案するにあたり、私は以下の4点を心掛けました。あくまでも例なので、正解は未だに分かりません…。


  1. 現在のサイトを拝見させていただいた感想をいくつか記載して、リニューアルにおける改善点を洗い出す
    例:予約ページへの導線が少ないので、もっと目立たせて予約獲得に繋げましょう など
  2. WordPressでのサイト制作経験の豊富さを伝えるため、これまで制作したサイトのURLをリストアップして掲載
    (ポートフォリオではなく、URLをまとめただけになってしまったのが反省点…)
  3. サイトを拝見した上で、どのようなレイアウトにすべきかをイメージ写真等を交えながらお伝えする
  4. 「依頼したらどういう手順を踏むのか」が分かるよう、今後の簡単な流れを掲載する

「絶対に受注したい!」という強い思いはありつつも、他に提案していた方の販売実績の多さ、どういった提案をされているのかが分からない不安さ故に、正直あまり自信がなかったのですが、「ご丁寧な指摘と説明が大変有難く、是非お願いしたい次第でございます。」との嬉しいお言葉をいただき、提案を購入していただけることになりました…!あまりの嬉しさにTwitterInstagramで報告したところ、多くのフォロワーさんが祝福してくださって、それもとても嬉しかったです(^^)

ワイヤーフレーム提出〜サイト公開

こうしてサイト制作に着手することになったのですが、まずはトップページのワイヤーフレームを提出することに。合わせて、サイトのどこをどう改善したのか、などの確認事項もお伝えしました。
(ページをスクロールしても常時表示される追従バナーで予約への導線を設置、ユーザーが気軽にお問い合わせできるようにフォームを新設 など)

tokotoko様に確認をお願いしたところ、特に修正等はないとのことだったので、その後メニューページのワイヤーフレームも提出しました。その他のページ(よくあるご質問やお問い合わせなど)は複雑なデザインではなかったので、あえてワイヤーフレームは作成せずに、サイトを制作していく中で順次確認していただく形を取りました。

ココナラのトークルーム上でやり取りをしていたのですが、とてもスムーズにご返信いただいたおかげで、従来の納品予定日(9月30日)よりも大幅に前倒ししてのサイト公開となりました。本当に感謝しています…!

※詳しい提案内容や提出から公開までの流れを掲載するのは憚られたので、表現がフワッとなっていますが、ご了承ください…。

リニューアル前後の比較

リニューアル前のサイトは、このようなシンプルなトップページ設計で、「初めての方へ」〜「店舗案内」までを含めた計8ページとなっていました。

リニューアル前

そして、今回私がリニューアルを担当させていただいたサイト(ファーストビューのみ)はこちら。
特別に(?)トップページのワイヤーフレームも合わせて掲載しておきます。

ワイヤーフレーム
ワイヤーフレーム
実際のサイト
リニューアル後

tokotoko様のロゴの緑をメインに、白ですっきりとまとめた清潔感のあるサイトを意識。
施術中のお写真がどれも魅力的だったので、せっかくならもっと全面的に押し出したいと思い、トップページにもたっぷり掲載しました。

こうして最終的にOKをいただいたので、サイトの更新方法などもお送りし、先日無事に納品することができました!

これからについて

副業に力を入れていこうと決めて試行錯誤していた矢先に、大変貴重な機会をいただけて、私はとても恵まれているなと心底感じました…。もちろんまだまだ始めたばかりで及ばない点も沢山あるのですが、今後一層頑張っていきたいことが明確に分かってきたので、本業をこなしつつも、副業により重きを置いて活動していきたいと思います(^^)

tokotoko様、今回はサイトリニューアル案件をご依頼いただき、ありがとうございました!

– tokotoko –
WEBサイト(是非ご覧ください…!)
https://foottokotoko.com/
Twitter
https://twitter.com/foottokotoko
Instagram
https://www.instagram.com/foottokotoko/

Worksカテゴリの最新記事