WEB制作

【初案件ゲット!】ココナラでLP作って1000円稼いだ話

投稿日:2019年1月30日 更新日:

TOTO
初案件の納品が完了したのでシェアします!

GIGLIO
ドキドキ、ワクワク

ポートフォリオサイトができたら

次は今までの勉強をお金に換えるフェーズです。

ちょっと変わった方法で初案件を受注したのでシェアします。

この記事は以下のような方にオススメです。

  • ひと通り勉強したのでそろそろ案件を受注したい。
  • クラウドソーシングで提案しているが、案件が取れない。

WEB制作の初案件へのフロー

  1. Progateで勉強する。
  2. ポートフォリオサイトを作る。
  3. それを持ってクラウドソーシングで受注!

がド定番ですよね。

(余計なくだりをスキップしたい方はココをクリックしてスキップ)

それももちろん良いんですけど、せっかくなら何か面白いことやりたいなーと思っていたところに…

あのキンコン西野さんが新刊「新世界」を発売1ヶ月で全文無料公開!

相変わらず面白いことを次から次へと仕掛ける人ですよね。

その中にホームレス小谷さんの話が出てきます。

「自分の1日を50円で売る」人ですね。

この話はずいぶん前から知っていたんですが、自分には関係ないと思ってたんです。

要はマネタイズのポイントを後ろにずらすことによって、普通より多くの見返りが得られる。

みたいなことなんですが、自分もそんなんやってみたい!ってことで考えてみました。

ココナラとは

我々Web制作を勉強する者がググる先々で必ず出会う大きな背中…その名も、はにわまんさんがなんと駆け出しの頃にWordPressのカスタマイズを500円で100件やっていたというのです!

さらに…

#閃きプロフロゴという企画

Twitterのプロフィールからあなたのロゴを閃きで、しかも無料で作るというAKILAさんの企画です。

あのiSaraの新しいロゴもこの企画から生まれたものだったんですね。

速攻でnoteもポチッちゃいました。

ココナラに出品

ここまで刺激を与えられたら今度は自分の番です。

早速ココナラに登録、ヘッダー画像をPhotoShopで作り、出品!

Twitterでも告知してあとは受注を待つのみです。

はにわまんさんの記事にもある通り、ココナラの良い所はこの受け身な所です。

クラウドソーシングのように検索して提案するという積極性がいりません。

依頼が来ない…

想定内ではありましたが、LP(ランディングページ)を500円で作ります!というこの企画。

お気に入りにちょこちょこ登録はされるものの肝心な依頼は入りません。

有料オプションを新たに設定してみたり、キャッチコピーを変えてみたりもしました。

あくまで受け身なので以降はほったらかしでWordPressの勉強を始めていました。

すると出品から9日後…

ダイレクトメッセージが!

クライアント
破格でびっくりしてしまったのですが今からご依頼可能でしょうか?

もちろんです!

クライアント
本当に500円なのでしょうか?後から請求されるんじゃ…

金額が500円なのは、500円だったら面白いかなと思ったからです。笑

破格だと逆に怪しい

かなり怪しまれてしまいましたがダイレクトメッセージでのやりとりの末

ついに初案件を受注!

■ご依頼内容■

  • 競馬情報のメルマガのLP
  • デザインはおまかせ
  • テキストと画像数枚の用意がある。
  • 納期はなるべく早いとありがたい。

テキストをメッセージでもらい、画像はzip形式でいただきました。

Pinterestで「競馬」で検索したLPを見ていただきイメージカラーだけ決めてもらいました。

緑色を使っていただくイメージであまり怪しくないような感じが理想、とのことでした。

制作開始~ Day1

正式にご依頼をいただいたのが夜遅くだったので、翌日から制作を開始しました。

■Day1でやったこと■

  • いただいた画像サイズがバラバラだったので、PhotoShopでサイズを統一
  • スライダーの設置
  • Google Fontsの設定
  • 全体的にひと通りコーディング
  • 出来てる分のレスポンシブ対応

進捗状況を毎日報告

クライアント様から言われたわけではありませんが、毎晩その日の進捗状況をメッセージとスクショで報告しました。

スクショはおなじみChromeの拡張機能Full Page Screen Captureで行いました。

Day2

■Day2でやったこと■

  • テキスト・画像の追加
  • テーブルの設置
  • faviconの設定
  • ほぼ完成

テキストとイメージ画像を追加でいただきました。

またテキストの一部をテーブルで、というご要望もいただいたので実装しました。

ほぼ完成したのでSEO的に必要なmeta descriptionに記載する概要をクライアント様に考えていただくようお願いしました。

Day3

■Day3でやったこと■

  • ファーストビューの変更
  • 見出しの追加
  • イメージ画像の追加
  • レスポンシブ対応
  • 動作確認
  • 完成!

テキストがメインのLPなので、あまりテキストが続かないように見出しと画像を追加しました。

ファーストビューも変更し、自分なりに満足の行くものになりました。

meta descriptionに記載する概要もいただき、いよいよ完成となりました。

今回はあまり特別なことはしていないので、各ブラウザとWindowsでの動作確認も滞りなく終わりました。

オシャレな海外の画像はO-DANで

Day4 ~納品

■Day4でやったこと■

  • 最終確認
  • サーバーへのアップロード

完成してすぐ納品ではなく、敢えて1日置いて最終確認の時間を持ちました。

寝て起きて改めて見たら良くなかったり、新たな気付きがあるかもしれないからです。

無事クライアント様からオッケーをいただき、基本はzip形式での納品なのですが、サーバーへのアップロードまでお願いしたいということだったので、有料オプションを追加で購入いただきました。(これも500円)

サーバーはお名前.comのもので、初めてではありましたがググりつつ何とかアップロードはできました。

しかしここで問題が!

CSSがまったく効いていない…

アップロード先も問題なさそうだし、画像は反映されているのにCSSだけがまったく効いていない…。

パスもちゃんと通してるし、なんでナンデなんで???

最後の最後にさんざん悩んだ挙げ句の答えは…

CSSフォルダの名前を大文字にしてた。

パスは link rel=”stylesheet” href=”css/style.css” なのに、フォルダ名は「CSS」と大文字にしてたからでした。

ローカル環境ではきちんと反映されていたのでしばらく気づきませんでした。

初案件を終えての感想

良かったこと

  • WEB制作でお金を稼げた
  • ヒアリングから納品(サーバーへのアップロード)まで全行程を体験できた
  • クライアント様が良い人だった

何はともあれWEB制作でお金を稼ぐことができました。

自分のスキルを売って稼ぐという経験ができたことが1番です。

画像は私のスマホの待ち受けです↓

待ち受け画像

クライアント様が良い人だったので、最初から最後までリラックスして作業できたように思います。

反省点

  • デザインの勉強が必要

今の自分のベストを尽くしたつもりですが、デザインに関しては(当然ですが)まだまだ勉強が必要なのを痛感しました。

デザインはセンスではなく、知識らしいので「やってはいけないデザイン」から早速読み始めています。

心がけたこと

とにかく即レス!

これだけです。先人がみんな言ってるので間違いないです。

評価★★★★★いただきました!

ココナラの評価

おわり

プロフィール

今回は以上です。

初案件のフローと感想をまとめてみました。

ココナラに出品して依頼を待ちつつ、クラウドソーシングで提案というのもアリではないでしょうか。(500円である必要はありません!)

最後まで読んでいただき、ありがとうございます。

-WEB制作
-, , , , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

【iSara5期/Day 3】SNS講座

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 3-2コマ目はSNS講座(主にTwitter)です。 担当講師:ケースケ(@Keisukexlif …

【iSara5期/Day 3】仕事の探し方

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 3からはiSaraの本質である「営業」についての講義が本格的に始まります。 担当講師:ケースケ(@ …

【iSara5期/Day 7】フリーランスとしての成長ロードマップ

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 7-1コマ目は「フリーランスとしての成長ロードマップ」です。 Webエンジニアとして稼げるようにな …

【iSara5期/Day 2】はにわまんのWordPress講座 「準備編」と「テーマ作成編」

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 2より本格的に講義が始まります。 前期では事前学習の一環だった「WordPress」が5期では「現 …

【コピペで実装】ポートフォリオサイトに使えるアニメーション15選

TOTO ポートフォリオサイトが完成したので、参考にしたサイトをまとめてみました! GIGLIO アニメーションだけじゃないけどな 【Day 128】 \ ポートフォリオサイト公開 / 何のアイデアも …

プロフィール

HEBOCHANS

いつも犬と一緒にいるために
プログラミングを右手に、
ブログを左手に。

爆遅でも止まらない36歳ミニマリストが
フリーランスを目指す全記録。

TwitterのFollowボタン

Twitterのタイムライン