HP制作

Web制作で使える便利なおすすめサイト【Web制作者必見】

Web制作 おすすめサイト

こんにちは!当ブログを運営している、しろです!

  • Web制作で使える便利なサイトが知りたい
  • Web制作の作業をもっと効率化したい

今回はこのような悩みを解決します。

本記事の信頼性

Web制作フリーランスとして独立し、今はWebマーケターとして活動しています

本記事の内容

step
1
WEb制作で使える便利なおすすめサイト

Web制作で使える便利なサイトをたくさん紹介していきます!

Web制作で使える便利なおすすめサイト

Web制作 おすすめサイト
Web制作 おすすめサイト

今回は、

  1. サイト関係
  2. デザイン関係
  3. 画像関係
  4. 色彩関係
  5. フォント関係

のカテゴリーごとに紹介していきます!

サイト関係

Google Analytics

この画面ならOK
Google Analytics

サイトのPVや直帰率などが調べられます!

サイトのPVなどの測定が可能!

Google Analytics

クリックするとサイトへジャンプできます

Google Search Console

検索パフォーマンス
Google Search Console

サイトにどういうキーワードで訪問されているかが調べられます!

サイトがどんなキーワードで調べられているか測定できる!

Google Search Console

クリックするとサイトへジャンプできます

Page Speed Insight

Pagespeed Insights
Pagespeed Insights

サイト速度が健全か調べられます!

サイト速度を測れる!

Page Speed Insight

クリックするとサイトへジャンプできます

Google タグマネージャー

Google Tag Maneger
Google Tag Maneger

管理が大変なタグを一括管理できます!

タグを一括管理できる!

Google タグマネージャー

クリックするとサイトへジャンプできます

Google オプティマイズ

Google オプティマイズ
Google オプティマイズ

サイトのABテストが可能!

ABテストが可能!

Google オプティマイズ

クリックするとサイトへジャンプできます

Similarweb

SIMILARWEB
SIMILARWEB

競合サイトのPVなどが調べられる!

競合サイトのPV測定が可能!

Similarweb

クリックするとサイトへジャンプできます

デザイン関係

Figma

figma
figma

ワイヤーフレームやデザインカンプが作れる!

Webデザインには必須!

Figma

クリックするとサイトへジャンプできます

CANVA

Canva
Canva

簡単にきれいなデザインがつくれる!

テンプレート豊富なデザイン作成サイト!

CANVA

クリックするとサイトへジャンプできます

Parts.

Parts
Parts

ヘッダーやフッターなど、Webサイトの部分ごとの参考デザインが載っています!

部分ごとのデザイン参考サイト!

Parts.

クリックするとサイトへジャンプできます

SANKOU!

SANKOU
SANKOU

きれいなデザインのHPが記載!

たくさんのHPを参考にできる!

SANKOU!

クリックするとサイトへジャンプできます

ランディングページ集めました

ランディングページ集めました
ランディングページ集めました

たくさんのLPが記載!

LPのデザインが参考になる!

ランディングページ集めました

クリックするとサイトへジャンプできます

画像関係

Loose Drawing

loosedrawing
loosedrawing

今どきのデザイン画像!

今どきデザインの画像がたくさん!

Loose Drawing

クリックするとサイトへジャンプできます

shigureni

shigureni
shigureni

素朴で可愛い、女の子のイラスト素材サイト!

素朴で可愛い、女の子のイラスト素材サイト!

shigureni

クリックするとサイトへジャンプできます

丁度いいイラスト

ちょうどいいイラスト
ちょうどいいイラスト

文字通り丁度いいです!

ちょうどいいイラスト素材サイト!

丁度いいイラスト

クリックするとサイトへジャンプできます

Storyset

storyset
storyset

フラットなデザインの画像サイト!

フラットなデザインの画像サイト!

Storyset

クリックするとサイトへジャンプできます

unDraw

undraw
undraw

フラットなデザインで色も自由に変えられちゃう!

フラットなデザインで色も自由に変えられちゃう!

unDraw

クリックするとサイトへジャンプできます

色彩関係

ColorDrop

colordrop
colordrop

色の素敵な合わせ方がわかる!

の素敵な合わせ方がわかる!

ColorDrop

クリックするとサイトへジャンプできます

uiGradients

uigradients
uigradients

グラデーションがきれいに作れる!

グラデーションがきれいに作れる!

uiGradients

クリックするとサイトへジャンプできます

Palettable

palettable
palettable

「好き」か「嫌いか」で好みの色合わせがつくれる!

「好き」か「嫌いか」で好みの色合わせがつくれる!!

Palettable

クリックするとサイトへジャンプできます

フォント関係

Font-familyメーカー

fontfamilyメーカー
fontfamilyメーカー

ドラック&ドロップでフォントのCSSがつくれる!

ドラック&ドロップでフォントのCSSがつくれる!

Font-familyメーカー

クリックするとサイトへジャンプできます

まとめ

Web制作 おすすめサイト まとめ
Web制作 おすすめサイト まとめ

車輪の再発明は必要ないです!

利用できるところは利用して、効率よく行っていきましょう!

スポンサーリンク




-HP制作

© 2021 shirablog Powered by AFFINGER5