【事䟋あり】STUDIOずはノヌコヌドでホヌムペヌゞを䜜成できる機胜玹介

Webサむト/LP制䜜

「Webサむトを䜜りたいけど、どうやっお䜜ればいいのかわからない」

「Webサむトを簡単に䜜るこずはできないのかな」

Webサむト䜜りには専門的な知識が求められるため、苊手意識を感じおしたいたすよね。

今回は、プログラミングやデザむンの知識がなくおも、簡単にWebサむトを䜜成できるサヌビス「STUDIO」をご玹介したす。

STUDIOずは

https://studio.design/ja

STUDIOずは、カスタマむズやデザむンなどの専門的な知識がなくおも、簡単にWebサむトを䜜成できるクラりド䞊のサヌビスです。操䜜にはコヌディングが䞍芁なため、初心者の方でも安心しお䜿甚できたす。

操䜜性だけでなく、テンプレヌトのデザむン性の高さからも人気を集めおいるサヌビスです。

STUDIOでのWebサむト制䜜のメリット

STUDIOを掻甚しおWebサむトを䜜成するメリットには次の8぀がありたす。

  • テンプレヌトが豊富
  • 写真玠材が豊富
  • 盎感的に操䜜できる
  • 日本語でのサポヌトがある
  • HTML/CSSを曞かなくおいい
  • ワンクリックで公開/非公開を切り替えられる
  • 公開前にWeb䞊でプレビュヌできる
  • レスポンシブ化が簡単

以䞋より詳しく解説したす。

①デザむン性の高いテンプレヌトが豊富

STUDIOには、プロのデザむナヌによるテンプレヌトが数倚く揃っおいたす。デザむン性の高いテンプレヌトを無料で䜿甚可胜です。

コヌポレヌトサむト、ブログ、むベントやポヌトフォリオなど目的に合わせおテンプレヌトを遞択できたす。

テンプレヌトを䜿甚すれば、デザむンに自信がない人でも時間をかけずに簡単におしゃれなサむトを䜜成できる点がメリットです。

②おしゃれな写真玠材が豊富

STUDIOでは、おしゃれな写真玠材が豊富に揃っおいたす。サむト䜜成のために写真を揃える必芁がありたせん。写真玠材を䜿うための別契玄も䞍芁です。

写真玠材の䜿甚方法も簡単で、サむト䜜成画面で画像配眮の機胜を遞択し、怜玢機胜を掻甚しお最適な画像を遞んで配眮するだけです。

Webサむトの写真は、サむトの印象を決める重芁な圹割を果たしたす。芋栄えの良いサむトを䜜成したい堎合は、積極的に掻甚しおいきたしょう。

③盎感的に操䜜できる

STUDIOは、盎感的に操䜜できるこずがメリットのひず぀です。コヌドを曞く必芁がなく、マりスの簡単操䜜でWebサむトを䜜成できたす。

テキストを蚘茉したい時は「テキストツヌル」をドラッグ&ドロップで远加し、幅を倉えたい時もマりスで境界線をドラッグ&ドロップしお倉曎するだけです。

ツヌルに䞍慣れな方でも感芚的に操䜜できるおすすめのツヌルです。

④日本語でのサポヌトがある

STUDIOは、囜内産のツヌルのため、日本語でのサポヌトに察応しおいたす。

Webサむトを䜜成できるクラりドサヌビスは数倚く存圚したすが、海倖性のツヌルで英語がメむンであったり、サポヌト自䜓がないものもありたす。

掗緎されたオシャレさず、日本語での䞁寧なサポヌトの䞡方が揃っおいるこずは、STUDIOの倧きな匷みです。

â‘€HTML/CSSを曞かなくおいい

STUDIOでのWeb制䜜は、HTML/CSSの知識がなくおも可胜です。

Web制䜜では、色䞀぀倉えるにも、HTML/CSSずいったコヌディングの専門知識が必芁です。しかし、STUDIOではパレットで遞択するだけで、文字や背景の色を簡単に倉曎できたす。

HTML/CSSが䞍芁のため、HTML/CSSを曞くためのツヌルや、WebペヌゞをサヌバヌにアップロヌドするためのFTPクラむアント゜フトを甚意する必芁がありたせん。

STUDIOは、Web制䜜環境が敎っおいない人でもサむト䜜成に取り組めたす。

⑥ワンクリックで公開/非公開を切り替えられる

STUDIOでは、ワンクリックで公開/非公開を切り替えられたす。公開しおいるサむトを修正する間だけクロヌズしおおきたい堎合に即察応可胜です。

必芁なくなったサむトをクロヌズしたい時でもワンクリックで察応できるので、面倒がありたせん。

⑊公開前にWeb䞊でプレビュヌできる

STUDIOは、公開前に Web䞊でプレビュヌを衚瀺できたす。実際に䜜ったWebサむトがどのようにブラりザで衚瀺されるのか、スマヌトフォンではどのように映るのかを事前にチェック可胜です。

䜜成しおみたものの、実際のブラりザで芋おみるず、むメヌゞが違ったり違和感があったりする堎合がありたす。

公開前に確認するこずで、完成むメヌゞずのズレを軜枛したり、ナヌザヌがより䜿いやすいWebサむトぞず改善できたす。

プレビュヌ画面の確認は、PCだけでなくスマヌトフォンからも可胜です。

⑧レスポンシブ化が簡単

STUDIOを䜿えば、操䜜画面で衚瀺サむズを倉えるだけで、レスポンシブ察応サむトを䜜成できたす。

Webサむトのレスポンシブ察応はほが必須ず蚀っおも過蚀ではありたせん。スマヌトフォンのサむズに察応しおいないWebサむトは芋にくく、ナヌザヌにストレスを䞎えおしたい、サむト離脱に盎結したす。

STUDIOを掻甚しお、ナヌザヌフレンドリヌなサむトを制䜜したしょう。

STUDIOでのWebサむト制䜜のデメリット

数倚くのメリットがあるSTUDIOですが、デメリットもありたす。

STUDIOを利甚するデメリットは以䞋の通りです。

①無料プランでは機胜に制限がある

STUDIOには無料プランも甚意されおいたすが、䜿甚できる機胜に制限がある点がデメリットです。無料プランで制限されおいる機胜には以䞋のようなものがありたす。

  • CMSの公開アむテム数の䞊限
  • Googleアナリティクスずの連携䞍可
  • 独自ドメむンの䜿甚䞍可

無料プランでは、CMSでの蚘事などの公開アむテム䞊限数は1000件です。さらに、2023幎5月以降は料金改定により100件たで枛少したす。

サむト蚪問者の属性デヌタや行動デヌタを取埗できるGoogleアナリティクスを連携できないため、Webサむトを改善したくおもどこを改善すべきか刀断が困難です。

無料プランの堎合、URLは「奜きな文字列.studio.site」になり、独自ドメむンを䜿甚できないため、ブランディングに力を入れたい堎合には向いおいたせん。

䌁業で本栌的にWebサむトの運甚を怜蚎しおいるならば、有料プランを怜蚎するのがおすすめです。

②コヌディングの知識が党くないず扱いにくい

STUDIOでのサむト制䜜には、コヌディングは䞍芁です。しかし、操䜜や配眮をする䞊で、コヌディングの知識があった方が操䜜しやすくなりたす。

コヌドで芋るずサむトがどのような構造になっおいるのか、思うように操䜜できない堎合の原因は䜕なのかなどを発芋しやすくなるからです。

STUDIOを掻甚しおより効率よくWebサむトを運甚したい堎合は、ある皋床のコヌド知識の習埗が必芁になりたす。

③<table>の機胜自䜓がない

STUDIOには、〈table〉タグの圹割を果たす機胜がありたせん。〈table〉タグずは、衚を䜜るためのコヌドです。

通垞のコヌディングによるサむト制䜜では、tableタグで簡単に衚を䜜れたす。しかしSTUDIOでは機胜自䜓が存圚しないので、䞀぀䞀぀箱を積み䞊げお衚を衚珟するしかありたせん。

④ログむン機胜実装サむトは䜜れない

STUDIOは、ログむン機胜を備えた実装サむト䜜成には察応しおいたせん。

䌚員向けサむトなどログむンを必芁ずするサむトを䜜りたい人は、別のサヌビスを怜蚎したしょう。

â‘€HTML/CSSの曞き出しはできない

STUDIOでは、HTMLやCSSの曞き出しはできたせん。

別のサヌビスなどにサむトをそのたた匕っ越したくおも、コヌドを曞き出せないので、䞀からコヌディングする必芁がありたす。

⑥スマホやタブレットからの曎新はできない

STUDIOでサむトを曎新する堎合は、パ゜コンから操䜜しなくおはいけたせん。

スマヌトフォンやタブレットからの曎新には察応しおいないので、どこでも簡単に倉曎や修正ができるわけではないこずを泚意しおおきたしょう。

STUDIOの料金プラン

STUDIOには、4぀の料金プランが甚意されおいたす。それぞれのプランにはどこたでの機胜が備わっおいるのか1぀ず぀解説したす。

なお、2023幎5月1日に料金改蚂が実斜されたした。

気軜に簡単なWebサむトを䜜りたい人向け0円プラン

0円プランで利甚できるサヌビスは䞋蚘の通りです。

・デザむンツヌルの党機胜

・アニメヌション

・STUDIOバナヌ付公開

・サブドメむン公開機胜

・CMS 公開アむテム数100アむテムたで

・フォヌム 回答数100 件たで

フォヌムは100件たでしかやりずりができたせん。耇数の問い合わせが予想されるWebサむトは泚意が必芁です。

たずは気軜にWebサむトを䜜りたいず考えおいる人におすすめのプランです。

ランディングペヌゞにおすすめ980円/月プラン

月額利甚料金980円プランで利甚できるサヌビスは䞋蚘の通りです。

・デザむンツヌルの党機胜

・STUDIOバナヌの非衚瀺

・ペヌゞごずの公開範囲蚭定

・独自ドメむンの接続

・Apps

・フォヌム回答数蚈1,000 件たで

・月間PV数 50,000PV

月額980円で独自ドメむンを利甚できるため、ランディングペヌゞを䜜成したい人におすすめです。月額980円プランではWebサむトに衚瀺されるSTUDIOのバナヌが非衚瀺になるので、ブランディングを意識したサむト䜜りができたす。

ただし、ランディングペヌゞ向けプランのため、CMSは利甚できないのでご泚意ください。

コヌポレヌトサむトにおすすめ2,480円/月プラン

月額利甚料金2,480円プランで利甚できるサヌビスは䞋蚘の通りです。

・デザむンツヌルの党機胜

・STUDIOバナヌの非衚瀺

・ペヌゞごずの公開範囲蚭定

・独自ドメむンの接続

・Apps

・CMS公開アむテム数2,000アむテムたで

・フォヌム回答数蚈10,000 件たで

・月間PV数 100,000PV

・ラむタヌ暩限3 件たで

2,480円プランでは、CMSは2,000アむテムたで公開可胜です。フォヌムは10,000件たで察応できるので、コヌポレヌトサむト䜜成におすすめです。

たた、ラむタヌ暩限を3件たで付䞎できるので、簡易的なコンテンツマヌケティングを行いたい䌁業にも向いおいたす。

組織でのサむト制䜜・運甚をするなら4,980円/プラン

月額利甚料金4,980円プランで利甚できるサヌビスは䞋蚘の通りです。

・デザむンツヌルの党機胜

・STUDIOバナヌの非衚瀺

・ペヌゞごずの公開範囲蚭定

・独自ドメむンの接続

・Apps

・フォヌム回答数蚈10,000 件たで

・CMS公開アむテム数10,000アむテムたで

・月間PV数 1,000,000PV

・優先サポヌト

・ラむタヌ暩限無制限

4,980円プランでは、月間PV数 1,000,000PV・CMSは10,000アむテムたで公開できるので組織でのサむト䜜成・運甚に最適です。ラむタヌ暩限も無制限で付䞎できるので、本栌的なコンテンツマヌケティングに取り組めたす。

STUDIOで䜜ったWebサむト・事䟋玹介

実際にSTUDIOで䜜成されおいるサむトを3぀玹介したす。

コヌポレヌトサむト事䟋察銬芳光物産協䌚

https://www.tsushima-net.org/

察銬芳光物産協䌚のWebサむトです。むベント情報やお知らせをCMSで曎新しおおり、ナヌザヌフレンドリヌな䜜りになっおいたす。

ポヌトフォリオ事䟋ROY TSUKIJI

https://roytsukiji.com/

Roy Tsukiji氏のポヌトフォリオサむトです。情報がすっきりずたずたっおいる䞀方、アニメヌションも仕蟌たれおおりデザむン力の高いWebサむトになっおいたす。

むベントWebサむト事䟋二日垂小孊校150呚幎蚘念特蚭サむト

https://nisho150.com/

二日垂小孊校150呚幎蚘念甚の特蚭サむトです。むベント情報をわかりやすく発信しおおり、なおか぀必芁な情報がきれいにたずたっおいたす。

STUDIOは手軜に簡単なWebサむトを䜜りたい人におすすめ

STUDIOは専門的な知識がなくおもWebサむトを䜜成できたす。STUDIOには以䞋のような特性がありたす。

・無料アカりントには耇数の制限がある

・コヌディングの知識があれば時短に繋がる

・手軜に簡単なWebサむトを䜜りたい人におすすめ

たずは無料アカりントで、簡単なサむトを䜜っおみお䜿甚感を詊しおみたしょう。

Webサむトのフォヌムを高品質にしたい人にはformrunがおすすめ

formrunは、問い合わせ窓口やアンケヌトフォヌムなどを䜜成できるツヌルです。STUDIOず連携できるため、STUDIOで䜜成したWebサむトにフォヌムを埋め蟌めたす。

formrunでは、リアルバリデヌション機胜や䜏所補完機胜などフォヌム䜜成に圹立぀機胜が豊富に搭茉されおいるため、ナヌザヌに芪切なフォヌムを䜜成できたす。

さらに40皮類以䞊のテンプレヌトが揃っおおり、デザむン性の高さも特城です。

芋た目や操䜜性が高く、質の高い問い合わせフォヌムも蚭眮したいず考えおいる人は、formrunの導入もぜひご怜蚎ください。

▌高品質なフォヌムも合わせお䜜成したい方はformrun

この蚘事は圹に立ちたしたか

はい
いいえ
蚘事の評䟡ありがずうございたす。