広告 プログラミング

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

2019年1月30日

TOTO
TOTO
初案件の納品が完了したのでシェアします!
GIGLIO
GIGLIO
ドキドキ、ワクワク。

ポートフォリオサイト」ができたら、次は今までの勉強をお金に換えるフェーズです。

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

ポートフォリオサイト制作の完全ロードマップはこちら↓

この記事はこんな人にオススメ

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

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

  • その①:Progateで勉強する
  • その②:ポートフォリオサイトを作る
  • その③:それを持ってクラウドソーシングで受注!

がド定番ですよね。

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

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

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

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

その中に「ホームレス小谷」さんの話が出てきます。「自分の1日を50円で売る」人です。

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

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

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

ココナラとは

一言でいうと自分のスキルを販売できるメルカリ、ですね。

ちょうど自分のアイコンを似顔絵で描いてもらうなら、この人!って方をTwitter上で見つけて、その方がココナラに出品されてるのを知ったタイミングだったので、点と点がつながった感じです。

さらに制作中だった「ポートフォリオサイト」の中のスライダーが当然、模写コーディングだけだったので、ここを案件で埋めたい!と考えていたところでした。

クラウドソーシングで受けた案件を自分の成果物としてポートフォリオに載せられるケースは中々ないと思います。

スライダーは9枚あるので、とりあえず9件!でも100件くらいやったら相当おもしろいのではと思っていたら…

» ココナラのサイトを見てみる

あの、はにわまんさんが既にやられてた!

我々Web制作を勉強する者がググる先々で必ず出会う大きな背中…

その名も、「はにわまん」さんがなんと駆け出しの頃にWordPressのカスタマイズを500円で100件やっていたというのです!さらに…

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

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

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

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

ココナラに出品

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

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

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

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

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

依頼が来ない…

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

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

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

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

すると出品から9日後…

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

TOTO
クライアント
破格でビックリしてしまったのですが、今からご依頼可能でしょうか?
GIGLIO
もちろんです!
TOTO
クライアント
本当に500円なのでしょうか?後から請求されるんじゃ…。
GIGLIO
金額が500円なのは、500円だったら面白いかなと思ったからです。笑

破格だと逆に怪しい

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

ついに初案件を受注!

ご依頼内容

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

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

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

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

Day1「製作開始」

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

Day 1でやったこと

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

進捗状況を毎日報告

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

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

Day2

Day 2でやったこと

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

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

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

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

Day3

Day 3でやったこと

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

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

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

meta descriptionに記載する概要もいただき、いよいよ完成。

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

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

Day4「納品」

Day 4でやったこと

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

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

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

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

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

しかしここで問題が!

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

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

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

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

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

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

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

初案件を終えての感想

良かったこと

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

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

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

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

スマホの待ち受け画像

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

反省点

  • デザインの勉強が必要

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

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

心がけたこと

とにかく即レス!

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

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

ココナラの評価

まとめ

2019年1月追記。

のちに僕はiSARAというバンコクのノマドエンジニア育成講座の5期に参加するのですが、上記の6期生・クメちゃんのツイートをご覧ください。

ココナラだけで19万稼いでます。

ただの企画ではなく、ちゃんと設計すれば「クラウドソーシング」や「制作会社」以上の軸になるかもしれません。

おわり

今回は以上です。初案件のフローと感想をまとめてみました。

ココナラに出品して依頼を待ちつつ、クラウドソーシングで提案」ぜひお試しください(500円である必要はありませんよ)!

» ココナラのサイトを見てみる

人気記事【30代後半+未経験】プログラミングで月100万稼ぐロードマップ

-プログラミング

テキストのコピーはできません。