STUDIOでのWebサイト制作

今回は弊社でもWebサイト制作で利用している「STUDIO」について紹介したいと思います。

はじめはピュアなHTML/CSSをサーバーにアップロードするものWordPress等のCMSを経てより簡単にWebサイトが構築できるノーコードツールが出てきています。

海外だとStrikinglyやWIX等が有名でしょうか。

今回紹介する「STUDIO」も同じくノーコードツールで、比較的に簡単にWebサイトやLPなどが構築でき、かつデザイン性も優れていて使いやすいことから最近利用する企業様が増えていっています。

STUDIOの概要

運営会社	STUDIO株式会社 / STUDIO Inc.
設立	2016年4月
URL	https://studio.design/
ユーザー数	250,000+
公開されたサイト	50,000+
料金プラン	・無料プラン・Starterプラン（$9/月）・CMSプラン（$18/月）・Businessプラン（$49/月）

ご覧の通りすでに5万以上のサイトがSTUDIOを用いて公開されています。実績も方に公開されており、下記から種類別で確認できます。

コーポレートサイト、ブログ・メディア、店舗・商品

ご覧いただいた通り、よくあるWebサイトビルダーで作ったようなテンプレート的なデザインではなく、それぞれが会社や商品の特徴を活かしたデザインとなっています。（それくらい自由度が高くデザインができる）

ここまで聞くとかなり聞こえが良いサービスですが、実際にWebサイト制作で用いられるWordPressとどのように違うのかを解説します。

WordPressとの違い、メリット・デメリット

	WordPress	STUDIO
サーバー料金	有料（料金は契約サービスによる）	無料
テーマ料金	無料のものを利用することも可能	無料
ドメイン料金	有料	有料
その他の料金	特になし	プランごとの月額払い
オリジナルのCSS	利用可能	利用不可
数値計測	計測可能	計測可能
フォーム	プラグイン等を用いて実装	GUI画面で設置可能
CMS機能	無料	CMSプランから利用可能
保守・管理	自主管理	STUDIOが管理
デザイン変更のしやすさ	CSSの知識が必要	GUIで操作可能
SEO	テーマやプラグインによる	構造化タグの利用はできない

WordPressは拡張性が高く、さまざまな要望に答えやすい（もちろん工数はかかります）がSTUDIOは手軽にサイト公開が特徴となっています。

一概にどちらが優れているというわけではなく、要望にあった形で使い分けるのが良いと思っています。

個人的な見解としては、ほとんどの会社HPはSTUDIOで会社HPに対する要望はカバーできるかなと思っています。ただ独自のコンテンツを追加したり、外部連携したりということをやるためにはWordPressの方がまだ良い選択肢となり得るかなと。（STUDIOもいくつかの外部連携は可能です）

STUDIOでWebサイトを作るときのフロー

要望ヒアリング
ワイヤーフレーム作成
デザイン作成
STUDIO内に実装
公開

ざっくりとフローを紹介すると上記のようなフローになっています。既存（ここではWordPressを用いたフロー）との大きな違いは4番の部分になります。

STUDIOはGUIでページを構築していくためHTML/CSSのスキルがない方でもページを作成することができます。ですので既存ではフロントエンドエンジニアやコーダーといった職種の方に実装をお願いする必要があるのですが、STUDIOの場合はそのままデザイナーが実装といった流れが非常にやりやすくなっています。

STUDIOで作成依頼をするには

最近STUDIOの制作事例も増えてきており、STUDIO自身でも制作パートナーという形でいくつかの企業・フリーランスの方を紹介しております。

https://partners.studio.design/

上記の中から選んで、お問合せる形でも良いですし弊社にご相談いただくことも可能です。

弊社へのお問合せ