![見出し画像](https://assets.st-note.com/production/uploads/images/50059423/rectangle_large_type_2_07bc5780b421eb3f7a7e98069dd06c76.jpg?width=1200)
STUDIOでWebサイト制作の仕事をはじめたい人へ。現場で使えるTipsと資料をまとめました。【2021年版】
2023.8.3 追記
記事を購入してくださったみなさまへ。本当にありがとうございます。記事で触れたことが少しでもみなさまの役に立っていたら嬉しいなと思います。
さて、このたびSTUDIOのアップデートに対応・別の進め方やおまけのTipsを追加したアップデート版を書きました。以前購入してくださった方向けにこっそり一週間限定先行20部を1000円引きとしてありますので、こちらでお知らせさせていただきます。興味のある方はぜひ覗いていただけると嬉しいです!(8/6 終了しました!ありがとうございました!)
👇最新版を読む
https://note.com/gurugle/n/n78a51e60595c
STUDIOのテンプレートや解説記事を書いていることもあり「STUDIOを利用したWeb制作の案件を受注した!」そんな嬉しい報告をいただくことが多く、その度に自分のことのように嬉しくなっているはるかなです。こんにちは。
ノーコード・ローコード普及の後押しもありプロジェクトで採用されることが一気に増えたと感じています。斯く言うわたしもこの数年でさまざまなプロジェクトでSTUDIOを活用してきました。
この記事では、STUDIOを利用した案件の進め方の例、トラブルを防ぐためのポイント、そして実際のプロジェクトですぐにつかえる資料のサンプルとテンプレートをセットにしました。
STUDIOをつかったWebサイト制作の案件をはじめたい人や、フローを整理したい人など、クオリティアップのお役に立てれば幸いです。
▼爆速でサイト構築が可能なSTUDIOテンプレートはこちら▼
https://studio.design/ja/store/designers/harukana_8
・・・
キットに含まれる内容のサンプル画像
![画像1](https://assets.st-note.com/production/uploads/images/50060448/picture_pc_acadb31a83298063a900752fba28e21f.jpg?width=1200)
![画像2](https://assets.st-note.com/production/uploads/images/50061115/picture_pc_e0760743a60b7c80327add5139ca225d.jpg?width=1200)
![画像3](https://assets.st-note.com/production/uploads/images/50061118/picture_pc_9f1914e91b97155ac2355519af3fcb4e.jpg?width=1200)
![画像4](https://assets.st-note.com/production/uploads/images/50061122/picture_pc_043732a3b9a6c3d6aedd45b39f0905bf.jpg?width=1200)
【購入の前に】テンプレートやサンプルファイルは主にFigma用のファイル形式です。
Figmaを使ってみる→https://www.figma.com/
進め方や資料の内容はあくまでも一例であり、自身やプロジェクトに応じて適宜カスタマイズするのがおすすめです。自分なりのやり方を整備する近道としてお使いいただけると幸いです。
どうやってプロジェクトをスタートしているか
ここから先は
¥ 1,500
読んでいただき、ありがとうございます! 美味しいコーヒーと美味しいお菓子で今日も生き延びます🙏🏻