アン

Yukino

私のおすすめの14サイトを紹介しますね！海外サイトも使えるようになるとぐんと幅が広がりますよ！

写真素材が無料なのは広告収入があるから

Yukino

サイトの紹介の前に、なぜ無料で利用できるのか、知っておきましょうね！

インターネット上で無料配布されているほとんどのサービスは広告収入があるから無料ですね。 一般の方が写真を投稿して、DLされた分に応じて収入になるものが多く、それはサイトの広告収入から支払われる場合がほとんどです。 ここでは、安心して使えるサイトをご紹介します。

アン

カメラが得意なら投稿して副収入にしてもいいですよね！

無料で使える海外＆国内おすすめ写真素材サイト14選

Yukino

Yukino 私がよく利用するサイトです。それぞれのサイトの特徴も書いておきましたので参考にしてくださいね。

1. Pexels

https://www.pexels.com/

検索が使いやすい。ビデオも増えてきていて、素材探しの時マストで使っているサイトのひとつ。サイズ指定してダウンロードできるのがNICE!帰属表記必要なし

2. Unsplash

https://unsplash.com/

モダンアート系幾何学や特徴的な建物などアーティスティックなものが多い。ちょっと寂しさを感じるようなものにも使える。帰属表記必要なし

3. pixabay

https://pixabay.com/

明るい写真が多く、使いやすい。イラストが豊富。帰属表記必要なし

4. stockvault

https://www.stockvault.net/

カテゴリー検索がとにかく便利！素材数は他に比べて少し落ちますが、日々新しいものが追加されます。帰属表記必要なしですが、一部商用利用できないものもあります。

5. photoAC

https://www.photo-ac.com/

日本人を探すならこのサイト。無料会員だと１日に５回までしか検索できないので慎重に。帰属表記必要なし

6. PAKUTASO

https://www.pakutaso.com/

こちらも国内サイト。国内サイトはやっぱりちょっと古い感じが否めないですが、メディアやブログなどのサムネイルや商材LPなどに使える写真が多い印象。帰属表記必要なし

7. freepik

https://www.freepik.com/

写真素材はもちろん、UIデザインの参考にしたりもできるサイト。帰属表記必要！

8. BURST

https://burst.shopify.com/

Shopifyが運営する素材サイト。こちらもカテゴリー検索が使いやすい。帰属表記必要なし

9. Gratisography

https://gratisography.com/

コミカルが得意なこのサイト！ブログのサムネイルに使えそうなものが多く、切り抜いてアニメーションをつけて動かしたりしても面白いかも。帰属表記必要なし

10. picjumbo

https://picjumbo.com/

明るい光が使われているポジティブな写真が多い
プレミアムプラン月額料金の10%は、Hope for Children（https://www.hope-for-children.org/）という途上国の子ども支援団体に寄付される。
いいな！と思ったら有料プランの写真だった、ということが割と起こりますが、フリー素材も3,000以上あります。
フリー素材だけをダウンロードできる「Download All Free Photo」というのもあります。無料で3000以上の写真とモックアップ３種がボーナスで付いてきます。ダウンロードの時、有志でいくらか支払えるようになっています。
帰属表記必要なし

11. rawpixel

https://www.rawpixel.com/

クリエイティブ
アート系もあって女性的なものが多い。
フリープランは一日10枚までのDL制限があります。
一部、商用利用ができないものもあるので、DLページでRoyalty Free Photoと記載があるか確かめましょう。
no attribution

12. reshot

https://www.reshot.com/

海外サイトにあるアジア系の写真は、欧米人のイメージが強いことが多く使いにくいのですが、このサイトのアジア系写真は結構使えそうなものが多い印象。帰属表記必要なし

13. Foodiesfeed

https://www.foodiesfeed.com/

飯テロならこれ！洋食が多いですが、isockと遜色ないほどのハイクオリティです。帰属表記必要なし

14. Styled Stock

https://styledstock.co/

“Feminine stock photography”=女性的な写真ストックサイトというキャッチコピーで、掲載されている写真はまさにキラキラ女子系
帰属表記必要なし

アン

こんなにたくさんの中から選べるなんて楽しみになってきました！

もっとWebデザインを学びたい方はこちら

ロードマップ目次↓

前回のレッスン↓

The post ［商用利用可］海外＆日本の無料写真素材サイト14選！ first appeared on Linksbase.

• ワイヤーフレームとは何か説明できる
• XDでワイヤーフレームを作れる
• XDのショートカットを覚える

ワイヤーフレームってなんだ？

ワイヤーフレームはウェブデザインの骨格のことです。 ヒアリングシートをもとに「どこに」「なにを」配置するかを決めていきます。

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

アン

このテンプレがあれば問い合わせがきたらすぐ対応できそう！

ウェブデザインのスクールに行っても、ワイヤーフレームについては教えてくれませんでした。
多分、多くのスクールがデザインツールの使い方とコードの書き方のみです。
しかしながら、ヒアリングで聞いたことをデザインにいきなり起こそうと思ってもなかなかうまく進まないものです。
大まかな設計図としてワイヤーフレームを書くことで、頭が整理されていくはずです。

なぜワイヤーフレームを書くのか？

コンテンツの過不足を確認するため

ヒアリングで聞いた情報には、重複しているものがあるかもしれません。
配置してみると、実はコンテンツが少ないページがあったりして、コンテンツを増やしたり、別のページと合わせたりする必要が出てきたりします。

導線を決めるため

ユーザーが回遊しやすいようなサイトにするために、ボタンの位置、数、全ページへのリンクがあるのかなど決めていきます。
構造の設計になるので、ここがしっかり組めていないと後々大きく変更することになりかねないので、しっかりすり合わせましょう。

フォントのルールを決めるため

意外にも、フォントが与える印象は大きく、ブランドイメージにも関わってきます。
ワイヤーフレームの段階で見出し、本文のフォントの種類と太さを決めておくとイメージがしやすいでしょう。
ワイヤーフレームの書き方には正解はなく、案件によっても様々です。
ブランドカラーを決めてワイヤーの段階から色を決める場合もあると思います。
色々な記事を見ながら、自分にあった形にしていきましょう！

XDワイヤーフレームの作り方

用意するもの

• XDをダウンロードしていない方はこちらから。
• ヒアリングシートはこちら

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

こちらの３つのルールを守ってワイヤーフレームを書くのがおすすめです。

白・黒・グレーのみを使う

あくまでも設計に集中したいので、色を入れるとフォーカスしづらくなります。

フォントの大きさを決める

最近は、ゴシック系のフォントで大きく表示させるデザインが流行っていますね。ヒアリングで聞いたイメージや参考サイトをもとに、フォントの大きさを決めておきましょう。

フォントを決める

フォントの種類は本当にたくさんあって、悩んでしまいますが、全体のイメージを左右するのでこの段階で決めておきましょう。

画面サイズを整えよう

まずは画面サイズを整えていきましょう。
おすすめは、横幅1366pxで、そのうち1080pxをコンテンツを表示する幅とするサイズです。
XDを開いたら、webのところから1366pxを選びます。

アートボードが開くので、左端をドラッグしてガイド線を引きます。
1080pxのコンテンツ幅にしたいので、両端から143pxのところに引くとぴったりです。

アン

このテンプレがあれば問い合わせがきたらすぐ対応できそう！

カラーパレットを作ろう

次に、カラーパレットを作ります。
XDに指定した色を覚えさせておけば後で繰り返し使えたり、一括で色が変えられるようになるので最初に作っておきます。
四角形のツール（ショートカット：R）を持って、適当な四角を書きます。
右側のプロパティから、塗りの色を変更します。

Command + Shift + Y　を押して、アセットを開きます。
一番上の色の横にある＋マークを押すと、選択しているオブジェクトの塗りの色が記憶されます。

これを３つ作って、
黒：文字色　白：背景が黒の場合の色　グレー：写真用
を覚えさせておきましょう。
次回から図形やテキストの色を付けたい時、これらをクリックするだけでその色を使えます。
そして、このパレットの色を変えると、パレットを使用して色付けした全ての図形に反映されます。
やっぱり#DDDDDDのグレーじゃなくて#A2A2A2のグレーにしようと思った時、全ての図形をひとつひとつ修正しなくて良いという分けです。
 

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

→XD ショートカットリストはこちら

フォントを決めよう

色の次はフォントです。
コーディングでも使うのですが、現時点ではとりあえず、
大きい見出しから順に、h1、h2、h3
本文は、pで囲むと覚えてください。
テキストツール（ショートカット：T）を持って適当なところをクリックして文字を入力します。
プロパティから文字の大きさ、太さ、フォントを選びます。
色は先ほど登録した黒にしたいので、アセットの黒をクリックして色を適用します。
このフォントスタイルを覚えさせたいので、これもアセットから登録します。
同じように、h2、h3、pを以下のように設定して、アセットに登録してみましょう。

• h1：50px　黒　好きなフォント
• H2：36px　黒　好きなフォント
• H3：20px　黒　好きなフォント
• P：16px　黒　好きなフォント

コンポーネントを使おう

XDでは、コンポーネントを使うとさらに効率よくワイヤーフレームを作ることができます。
コンポーネントは、何度も使うパーツを覚えていてくれて、使いたい時にすぐに使えるライブラリみたいなものです。

アン

このテンプレがあれば問い合わせがきたらすぐ対応できそう！

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

 
四角形とテキスト、線（ショートカット：L）を使って、このようなボタンと写真のパーツを作ってみましょう。

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

パーツができたら、パーツを構成している全ての要素を選択します。
該当の範囲をドラッグで囲うか、Shiftを押しながら全ての要素をクリックしていきます。
アセットパネルのコンポーネントの横の＋をクリックすると、そのパーツが記憶されます。
先ほど作った見出しも、同じようにコンポーネントとして登録すると便利です。

パーツを組み合わせてワイヤーフレームを作ろう

登録した色、フォント、パーツを組み合わせながら、ヒアリングシートをもとにワイヤーフレームを描いてみましょう！
コンポーネントを使う時は、使いたいコンポーネントをアートボードにドラッグするだけでOKです。
コンポーネントは、最初に登録したものが”マスターコンポーネント”とされます。
このマスターコンポーネントの「色」「フォント」「大きさ」などを変更すると、そのコンポーネント全てがマスターコンポーネントと同じように変化します。

便利なテンプレートを組み合わせる

上記のようなコンポーネントが作られたXDのテンプレートファイルが、無料/有料でたくさん出回っています。
→XD日本語テンプレート
これを利用するのも良いですね！

もっとWebデザインを学びたい方はこちら

ロードマップ目次↓

次回のレッスン↓

前回のレッスン↓

The post 完全初心者OK！XDを使ったワイヤーフレームの書き方 first appeared on Linksbase.

アン

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

【無料配布】ヒアリングシートテンプレ

Yukinoです。 勿体ぶらずにまずはこちら。 ヒアリングシートテンプレ Googleのスプレッドシートになってるので、ファイルをコピーしてお使いください。 シート1〜4に分かれていることを確認してくださいね。

なぜヒアリングシートが必要なのか？

ヒアリングシートとは、クライアントの要望や現状の問題点、サイトの目的などを洗い出すための質問リストです。 このヒアリングシートを元に、戦略的にウェブサイトを作っていきます。

思い込みやイメージは人によって全然ちがう！

クライアントと制作サイドが同じ方向に向かって行けるようにするのがヒアリングシートの役割です。 例えば、ターゲットが30代女性だとしても、クライアントが思っているターゲット層とデザイナーが思う30代女性のイメージは違っています。 より詳しくクライアントのビジネスを知る、イメージを具現化する為に、ヒアリングシートを活用してください。

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

シート1 目的を明確にする

テンプレのシート1では、 * 目的を決め * デザインイメージの好き嫌い * コンテンツの書き出し を行います。 リニューアルなのか？LPなのか？

• なにを売りたいのか？
• なにを伝えたいのか？

プロジェクトのコアとなる目的を決めましょう。 その目的に沿って、どんなイメージで、どんな色使いで、どんなコンテンツが必要なのか書き出していきます。

シート2 ターゲットを明確にする

シート2はペルソナシートです。 ペルソナをしっかりイメージすることで、制作側　サイドとクライアントサイドのイメージのすり合わせがより明確になります。 ペルソナについてはこちら。 https://linksbase.net/marketing/what-is-persona/

シート3 強み・アピールポイントを明確にする

シート3はうちのすごいとこシートです。 ペルソナでイメージした人物に対して、営業をかけるイメージで、「うちのここがすごい！」とアピールしてみます。 ウェブサイトが優秀なセールスマンになれるように、セールストークを作っているイメージです。

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

すごいとこシートから見出しがつくれる

シートにも記載していますが、30文字が入る列幅になっていて、狙うキーワードをできるだけ入れてもらうようになっています。 これには2つ理由があります。

1. 見出しをつくる
2. SEOに強くする

まず、「キャッチフレーズ」がh1として使えます。 そして、「提供しているサービス・商品が良い理由」がh2として使えます。 サイトのテキストを考えるのはクライアントサイドのことが多いと思いますが、要点がまとまらないことが多いです。 情熱をもってビジネスしているが故、「これも伝えたい」「これも載せたい」というふうになりがちです。 適切な見出しをつけないと、伝えたいことがまとまりまらないので、短文で的確な要素を盛り込むためにこのうちのすごいとこシートが役立ちます！ サイトに訪れるお客様にとって有益な情報が適切に掲載されていないと、いくらデザインがかっこよくても意味がないのです。 そして、「短文で適切な見出し」が書けると、SEOにも貢献できます。 検索エンジンが検索されたキーワード(=ユーザーが困っていること)に適切に答えているサイトを上位表示するからです。

シート4 必要な情報が集まるポイントにする

シート4は基礎情報です。 プロジェクトに関する基本的な情報などを記入していきます。 写真やロゴデータのやりとりなどはGoogleドライブを使うなどするとスムーズです。

クライアントと確認しよう

ヒアリングシートの記入をしてもらったら、ミーティングをして掘り下げていきます。
遠隔であっても、ビデオ会議などを利用して一度話す機会を持ちましょう。
あとから振り出しに戻らなくて済むように、ここでしっかりと基礎固めをするのが目的です。
 

アン

このテンプレがあれば問い合わせがきたらすぐ対応できそう！

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

もっとWebデザインを学びたい方はこちら

ロードマップ目次↓

次回のレッスン↓

The post ウェブデザインになぜヒアリングシートが必要？テンプレ無料配布します！ first appeared on Linksbase.

私は、デザインもパソコンも、得意だったわけでもありません。

海外が好きなので、どこでも稼ぐことができたらいいなと思ってウェブデザインの勉強をして今に至ります。

ウェブデザイナーを目指したのは、前職で「残業で稼いでいる」ことに気がついたからです。
新卒のトレーナーや、チームのリーダーも任せてもらったのに、それが給料に反映されず、だらだら残っていることで稼いでいる自分が嫌でした。

そこからスクールに通い、仕事を辞め、フリーランスとして活動しています。

フリーランスウェブデザイナーのいいところ

会社員から比べて、フリーランスのいいところはこんな感じ。

• どこでも働ける
•  いつでも働ける
• 自分で報酬を決められる
• 頑張った分だけ報酬がある
• 常に新しいことに挑戦できる

目標決め: あなたにとってのゼロイチはどこ？

フリーランスウェブデザイナーになる！

と決めたら、「ゼロイチポイント」を決めましょう。

ゼロイチは、ゼロから初めて、一人前になるポイントのことです。
どうなったら自分はフリーランスウェブデザイナーだと言えるか？という目標ポイントですね。

フリーランスウェブデザイナーと言っても、色々な働き方があります。

• 完全フリーランスで生計を立てる
• 副業として
• 子育ての傍ら

働き方が様々ならば、どんな姿を目指すのか、ゼロイチポイントを高く設定するのかどうかも人それぞれです。

1件30万、時給換算5,000円

私のゼロイチは、はじめは、ウェブデザインでお金をいただくことでした。

ただ、いざやってみると、その金額が重要だと感じました。
それで目指したのが1件30万の案件を取ることです。
だいたいこれで時給5,000円くらいになる計算でした。

世の中のブログで見るような素早い成長はしてませんが、独立半年で30万の案件を取れた時は、本当に嬉しかったです。

そしてそのクライアントさんも喜んでくださり、紹介案件にもつながりました。
この件をきっかけに、「フリーランスウェブデザイナーです」と言えるようになったなと思います。

イチからはじめられる教材をめざしています

このブログシリーズが目指していることです。
一通りやれば、フリーで活躍できるようになります！

1. ディレクションができるようになる
2. デザインとコーディングができるようになる
3. 案件獲得と満足のレビューをもらう
4. 新しい情報に敏感になる

私自身まだ経験は浅いですが、ちゃんと独り立ちできました！
だからこそ私がやってきたことを忘れないうちにシェアしたいなと思っています。
未経験から独り立ちするまでの手順書のひとつとして、初心者がググっていることの答えになりますように！

フリーランスウェブデザイナーへのロードマップ

プランニングしよう

ヒアリングシートを作成しよう

Adobe XD・イラレを使えるようになろう

XDでワイヤーフレームを書いてみよう

トーンマナーを決めよう

魅力的な写真素材を手に入れよう

アイコンを手に入れよう

ワイヤーフレームをデザインに起こそ

デザインを勉強しよう

守破離のプロセス

HTML CSSがわかるようになろう

スクールに通う

独学する

Yukinoのウェブ制作講座

個人事業主になろう

屋号を決めよう

開業届を出そう

会計ツールを使おう

源泉徴収を理解しよう

ポートフォリオをつくろう

自分のサイトをつくる

案件をもらう前に準備しよう

案件獲得の方法

契約書を交わす

案件をとろう

ココナラで破格リスティング

SNSで宣伝しよう

生の声で口コミをもらおう

アンケートを取ろう

Twitterで最新情報をGETしよう

フリーランスがつぶやくべきこと

フォローすべき先輩たちのアカウント

怪しい勧誘に注意

継続案件をもらえるようになろう

メルマガを始めよう

ブログで発信しよう

The post フリーランスウェブデザイナーになるためのロードマップ first appeared on Linksbase.

Yukino

Yukino 前回ご紹介した最強WPテーマ、Diviの購入からインストールまでの手順をご紹介します。

フリーランスっぽいAppleづくし

まずは、WindowsなのかMacなのかで迷いますよね。

私は、Apple製品づくしなのですが、フリーランスとして活動する前はなんとなくでMacを選びましたが、実際使ってみてとても便利なので大満足です。

私は会社員からフリーランスに転身しました。
会社員時代に社内の制作チームだけはMacを使っていたので、グラフィックするならiMacだろ。
という安易なイメージで決めたのですが、１年経ってみて、使いこなせるようになると、もうWindowsには魅力を感じません！

iCloudが便利すぎる

Appleづくしな理由は、iCloudが便利だからです。
同じApple IDで繋いでおけば、どこにいてもどのデバイスからでもデータが取り出せるので、外出中に緊急対応しなきゃ、みたいな時に高い確率で対応できることが多いです。

また、クラウドを使っていればデバイス自体の容量も食いにくいので便利です。
クラウドの容量拡大は月130円〜選べます。

メイン：iMac 27インチ

ポイント：とにかく大きい方が良い！

まずはメインで使用するパソコンですが、画面サイズは大きい方がいいと思います。

いろんなソフトを開きながら作業する時も、画面が大きいと分割して使っても見やすい大きさにして使えます。
テレビ買って「もう少し大きくてもよかった」 と思うことありませんか？
それと似ている気がします。
小さいより大きい方が見やすい！絶対！ デスクトップを選ぶ時点で、動かすことは想定していないので、大きいに越したことはないと思いますよ！

そして、視力が落ちてくるので、負担が少ない方が良いかなと思います。
悲しいけれど毎日画面見てばっかりなので仕方ない・・。

スペックについては、私のは完全スタンダードですが、予算が許すならHDDからSSDに変更するオプションをおすすめします。
処理能力が上がるので、上記のような同時進行にも強いのかなと思います。
ただこれはラグジュアリーオプションと思っていいです。

キーボードも本当はテンキーが付いているものがいいなと思ったのですが、YAMADA電機のポイント還元がスタンダードキーボードじゃないと頑張れないとのことで断念しました。
ただ、実際使ってみて不自由はないです。

が、使って1年でdeleteキーが使えなくなって買い換えましたw

デスクはIKEAの組み合わせできるテーブルで、白いテーブルトップに黒い脚を選びました。
多分こんな感じ。安い。

会社員時代に、「仕事ができない人は机が散らかっている」と言った上司の持論が忘れられず、よりすっきり片付けられそうな白にしました 引き出しがないので、100均のファイル入れを取り付けています。

書類や本、文具は別の棚にしまって、デスクには物を広げないように心がけています。

外出時用：iPad第６世代

ポイント：ペンとキーボードが使えて軽いもの。

実質ゼロ円で購入！ ホームオフィスは息がつまるのでカフェに行くことも多いのですが、そんな時はiPadを使っています。

MacBookにするか悩んだのですが、仕事の工程ごとに使いやすいデバイスを使うという方法で落ち着きました。

詳しくは活用術を読んでください。

なぜ第6世代か？ まず、安かったから。
メインiMac購入が引っ越しをするタイミングだったのでインターネットも乗り換えて、PC購入のポイント還元とネット契約のキャッシュバックを使い、実質ゼロ円で手に入れることができました。

今は第６世代がなく、iPadとされているのがその後継モデルですね。

私のはBluetooth keyboardですが、Apple純正のsmart keyboardが使えるようになったみたいです。

iPad Proも比較対象ですが、高スペック過ぎます。

スマホ：iPhone XR

元々iPhone 7を使っていて古くなってきていたことと、Xでの見え方が結構特殊ということで買い換えを決意しました。

ある時、Xを使っているクライアントさんが、「ここがこう見えるんだけど」とスクリーンショットを送ってくれました。

ChromeやFirefoxの検証機能で、モバイルでどう見えるかは確認していたのですが、Xの特殊な形だったり、iOSが特殊対応が必要なCSSがあったりと、実際に見てみないと分からなかったことがちょこちょこありました。

これを言い出すと、じゃあAndroidだっておかしい時あるぞ。
とかキリがないのですが、こういったことをきっかけに新しいのも欲しくなって買い換えました。

なんにせよ、Appleで揃えることが重要です。

アプリケーションは必要な時に揃えよう

最近のアプリケーションは月額制が多くなっています。

つまり毎月の経費になってしまう。
月何千円がいくつもあれば、結構な出費で頭を悩ませることになるので、本当に必要になったら揃えれば良いというスタンスをおすすめします。

デザイン３種の神器

Illustratorで素材作成

用途：ロゴ、バナー、アイコンなど、Webデザインの素材作りの必需品 イラレは年間一括を月換算すると2,180円です。

ベクター画像（拡大縮小しても画質が落ちない）素材を作れるので、いろんなブラウザやデバイスで見られるウェブには、必要なものかなと思います。

無料の代替ソフトもなくはないですが、ここはケチっても良い方向には行かないと思います。

Photoshopはデザインの要

用途：画像編集とデザインカンプ作成 ウェブデザインって画像の使い方でかなり印象が変わります。

クライアントが提供した画像を効果的に見せられるように加工したり、文字やロゴを載せたりするとき、必要なアプリケーションです。

Adobe Compで時間とコストを削減

用途：ワイヤーフレーム、デザインカンプ作成 無料アプリでワイヤーフレームやデザインカンプ作成が鬼のように早くなる！！ これはまじでおすすめです。

iPadで無料でダウンロードできます。
ペンを使って（指でもできますが）簡単にオブジェクトや画像、テキストを書くことができ、ワイヤーフレームやデザインカンプを作成するのにとっても便利です。 詳しい使い方は別途紹介します。

コーディング

Brackets

用途：コーディング 他にAtomとかありますが、なんとなくこちらに落ち着きました。 シンプルで使いやすいです。

クライアントとの連絡

LINEって便利なようで便利じゃないと思うんです。

まず、プライベートと同じにしたくないですし、データのやりとりをするには不便です。 という訳で、私は下記の３つを使っています。

Chatwork

ポイント：ファイル送信もラクラクし、プライベートを守ります。

チャットっぽく会話ができてかつファイルの送受信もしやすいのでこれが一番好き。 既読機能もないのでペースを乱す/乱されることなく仕事ができます。

Instagram

ポイント：集客→問い合わせがスムーズ。

個人事業主向けには便利。
とはいえChatworkを使っている個人の方って少ないです。

LINE教えて、となる前にインスタのメッセージでもいいですよとしておくと、インスタも見てもらえるので使っています。

Yukinoのインスタはこちら

Slack

これは私もまだあまり使いこなせていないんですが、なにやらとても便利そう。

でもアカウントだけ作って放置なうです。

Office系はGoogleで賄え

PC買う時に高確率で進められるOffice系アプリケーション。

でもこれ、本当に本当に必要？ 確かに便利なのですが、純正のOfficeがなくても、Googleのウェブアプリが結構使えるのでご紹介します。

• エクセル→Google Sheets
• パワポ→Google Slides
• ワード→Google Docs

Sheetsは関数がエクセルとほぼ同じように使えて、クライアントと共有もでき、お互いの更新が反映されます。

私はプランニングシートをGoogle Sheetsで作ってクライアントといつでも見れるようにしています。

Slidesはプレゼン資料だったり、納品時にお渡ししている手順書を作っています。
指示書などがOfficeのものだという場合もあります。 そんな時もGoogleで開いてみると大抵クリアできます。 読めればおっけーなので。

「必要なものを必要な時に」が鉄則

今回は、フリーランスウェブデザイナーの私が実際に使っているパソコンやアプリケーションを紹介させていただきました。

独立する！ということで形から入りたくなるのもすごくわかりますが、しっかり必要なものを見極めて投資してくださいね！

ワードプレスでテーマやプラグインを購入したり、営業・広告にもお金がかかるので、必要なものが何か一旦考えてみてください。

参考になれば幸いです！

The post フリーウェブデザイナーの私が使っているパソコンとアプリケーション first appeared on Linksbase.