見出し画像

ノーコードツールSTUDIOの基本機能と操作のご紹介

こんにちは!
KKI DESIGN のべりお です🐦

先日、弊社のノーコードツールSTUDIOに特化した、
Web制作サービスサイトをリニューアルしました👏
なんと、「STUDIOお役立ち資料」を無料でダウンロードできるようになっています❗️

今回の記事では、ノーコードツール「STUDIO」の基本操作や魅力などをお伝えします✨
Webサイト制作を検討中の方の参考になりましたら幸いです😊



STUDIOとは?

一般的にWebサイトを作る場合「HTML」「CSS」などといったコードを書く、コーディングという作業工程が必要となります。
「STUDIO」は、Web制作において時間とコストのかかるコーディングを必要とせずに、完全ノーコードでWebサイトを制作できるサービスです✨

ノーコードWeb制作プラットフォーム|STUDIO

ノーコードながらもデザインの自由度が高く制作コストを減らせるのが特徴です。弊社の「採用サイト」や「小型袋開口機フーちゃんサイト」なども、「STUDIO」で制作しています✨

コーポレートサイト、ランディングページ(LP)、BtoBサイトなど、多様な用途のWebサイト制作をサポートしております。

⬇️ 制作事例はこちら⬇️


プロジェクト操作説明・基本操作

実際に「STUDIO」を導入した後は、Webについて知識のない方が更新作業など対応するかと思いますので、操作説明と基本操作について少しご紹介します✨

操作説明①:デザインエディタ
サイトのデザインを作成するスペースです。
文字や画像の配置、余白の調整、要素にアニメーションを付けるなど、
自由にデザインをすることができます。

基本操作①:文字変更
1. 文字は、デザインエディタから編集を行います。
2. 文字の変更は、変更したい箇所を直接クリックし文字入力すると変更できます。

操作説明②:CMS管理画面
お知らせや制作事例など、更新頻度の高い項目はCMS機能を使用することで、デザインエディタを触れずに記事を更新することができます。

基本操作②:CMS更新
CMS管理画面で編集や更新を行います。
変更したい情報をクリックし、変更することができます。
例:CMSでお知らせを作成した場合

  • タイトル:お知らせのタイトルを変更できます。

  • Slug:パス名を変更できます。

  • 公開日時:公開日時順でお知らせが表示されます。

  • お知らせ:タグを使用することでお知らせのコンテンツ分けが簡単にできます。

※タグとは?_記事のコンテンツを分けられる機能


STUDIOの基本機能

基本機能①:フォーム

⭕️できること
・一般的なWebサイトに見られるフォームの設置や見た目の変更も自由
・メール通知先の指定
・Googleスプレッドシートとの連携
・Google reCAPTCHAと連携(プロジェクト有料プラン対応)など

できないこと
・STUDIOで用意されているフォームパーツ以外の項目の配置
・確認画面の設置
・自動返信メール
※STUDIOデフォルトの機能では実現できないため、要ご相談となります。
※別の方法で実現可能な場合もありますので、お気軽にご相談ください。


基本機能②:アナリティクスやサーチコンソール等・外部アプリ連携

できること
・Googleアナリティクスや、Googleサーチコンソール、HubSpotトラッキングなどの、マーケティング解析に便利なアプリとの連携(プロジェクト有料プラン対応)
・設定不要でCookieを使わないSTUDIO独自の分析ツールを確認(プランによって制限があります)
・Google Tagマネージャーと連携し経由して接続することで、その他様々なアプリとの連携


STUDIO導入のメリット

「STUDIO」を導入すると、制作費用と作業時間を大幅に削減し運用効率を向上できます✨

制作費用

STUDIO導入していない場合
運用費:40万〜100万
製作費:60万〜500万

STUDIO導入した場合
運用費:2万円〜6万円(自社運用)
制作費:40万〜250万円

※運用費内訳イメージ:STUDIO利用料:年額3万円(サーバー、セキュリティ含む/ドメイン費用:年額4千円/保守運用費用:0円(自社運用。セキュリティはSTUDIOが対応)
※制作費内訳イメージ:企画・構成費:10万〜50万/デザイン費:20万〜100万/開発・実装:10万〜100万

作業時間

STUDIO導入していない場合
制作時間:約5ヶ月
※制作時間内訳イメージ:企画/構成:1.5ヶ月、デザイン:1.5ヶ月、開発/実装:2ヶ月

STUDIO導入した場合
制作時間:約4ヶ月
※制作時間内訳イメージ:企画・構成時間:1.5ヶ月、デザイン時間:1.5ヶ月、開発・実装:1ヶ月


STUDIOエキスパートとは?

「STUDIO」の審査基準をクリアしたWeb制作会社など、「STUDIO」を活用したWeb制作のエキスパートが加盟するプログラムです。
私たちKKI DESIGNは、2024年に審査に合格し、STUDIO Expertsに加盟しました👏

おわりに

今回は、「STUDIO」の基本操作や魅力をご紹介しました✨
さらに詳しい「STUDIO」の操作方法、「サーバー」「ドメイン」「SEO対策システム」などの情報を記載した「STUDIOお役立ち資料」をWeb制作サービスサイトで配布しております。無料でダウンロードできますので、是非ご活用ください😊

⬇️ 「STUDIOお役立ち資料」ダウンロードはこちらから⬇️

⬇️ 出品中のKKIテンプレートはこちら⬇️
STUDIO Storeにて販売中のKKIテンプレート専用「10%OFFクーポン」ご用意しました✨クーポンコード【LKZAZZL】
※1クーポンにつき、お一人様一回限りご利用いただけます。
ぜひ、ご活用ください🙇‍♀️

📌 この記事を書いた人:べりお|KKI DESIGN 🐦
Xアカウント:@berio0916


この記事が気に入ったらサポートをしてみませんか?