![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/wd227.jpg)
【タイアップ】Web制作の制約を、解き放つ。クリエイターのためのノーコードツール「STUDIO」が描くWeb制作の未来
Text:原明日香(アルテバレーノ)
ノーコードツールというイメージを超えて、自由自在に思い通りのデザインを制作できると評価の高まる「STUDIO」。多くの制作会社に選ばれている理由はどこにあるのか。開発の理念や機能の特長等、STUDIO株式会社に伺いました。
あなたの創造性を、解き放つ
クリエイターにはいつも創造的でいてほしい。けれどWeb制作には、それを邪魔する多くの非効率がつきまとう。ツールの行き来、コードの心配、指示書の作成…。
こうした「コスト」を削減し、クリエイターにはより自由な表現に没頭してもらいたい。「デザインクオリティとビジネス効率の向上を両立する」ためにSTUDIOは生まれました。
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_02-2-1024x399.webp)
デザインプロセスをシームレスにする新発想のデザインエディタ
Web制作における非効率の大きな原因は、ビジュアル作成とコーディングの「分断」にあると私たちは考えています。STUDIOのデザインエディタは、それら制作プロセスを一体化し、ビジュアル的な思考とコーディング的な思考をシームレスにつなぐことを考えた設計になっています。そのため、作業コストを気にせず、クリエイティブを追求することができるのです。
ビジュアル思考とコーディング思考をシームレスに
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_03-2.webp)
すべては美しいWebデザインのために
ビジュアル作成とコーディングを一体化するデザインエディタ
テンプレートに縛られず、自由自在にレイアウト作成
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_04-2-1024x493.webp)
Margin、Paddingで細かい余白の調整も可能
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_05-2-1024x493.webp)
「欲しい」が揃ったフォント設定
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_06-2-1024x493.webp)
豊富なレイアウトプリセット
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_07-2-1024x493.webp)
簡単操作でアニメーション
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_08-2-1024x493.webp)
簡単操作でアニメーション
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_09-2-1024x404.webp)
まだまだあるぞ
制作の悩みを解決するSTUDIOの機能
【できる1】更新機能をつけたい
小規模コーポレートサイトでは、ちょっとしたCMS… 例えば「お知らせ」の更新機能をどうするかが悩みの種ですよね。STUDIOはCMS機能がデフォルトで使用できるので、設定やメンテナンスのコストを考えることなく簡単に実装できます。
導入・設定作業不要
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_10-2.webp)
メンテナンス業務不要
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_11-2.webp)
WordPressインポート
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_12-2.webp)
【できる2】ヘッドレスCMSのビューが欲しい
スタートアップ企業等を中心に、サイト管理にNotionやmicroCMSを活用するケースも増えてきました。でも、APIやReact等、非エンジニアの方には実装が難しい面も。STUDIOならGUI操作だけで簡単にデータ連携することが可能。案件の幅が広がります。
アクセスキーを貼り付け
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_13-1.webp)
GUI操作で情報を紐づけ
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_14.webp)
使い方はいろいろ
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_15.webp)
【できる3】コンタクトフォーム
コーポレートサイトに不可欠でありながら、ベストプラクティスの定まらないコンタクトフォーム。STUDIOなら、スパム対策はもちろん、簡単実装ですぐに使用可能。外部ツールへのエクスポートで、アンケートフォームとしても利用できます。
すぐに使える簡単実装
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_16.webp)
スパム対策
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_17.webp)
データエクスポート
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_18.webp)
あのサイトも?
STUDIO活用事例、増えてます
従来よりご活用いただいているコーポレートサイトやブランドサイトだけでなく、CMS機能を活用したオウンドメディアの構築実績も増えています
鯛のないたい焼き屋 OYOGE
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_19.webp)
グッドパッチデザイン パートナーシップ
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_20.webp)
安心安全デザイン研究室(工学院大学)
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_21.webp)
マネーフォワード 採用サイト
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_22.webp)
対馬観光物産協会
![](https://book.mynavi.jp/files/user/img/brand/wdw/article/2023/06/STUDIO_23.jpg?v=1681265159)
CRAFTCOLAWAVE
![](https://webdesigning.book.mynavi.jp/wp-content/uploads/2024/06/STUDIO_24.webp)
クリエイターと二人三脚で進化するノーコードツールでありたい
美しいデザインは細部にまで及ぶクリエイターの努力の上に築かれるものです。そこで、制作に関する不合理なコストを削減し、クリエイターが制作に注力できる環境をつくる…その理念からSTUDIOは始まりました。
STUDIOは、Web制作のプロセスや思考方法に即した形で設計しており、ビジュアルとコーディングをシームレスにつなぐデザインエディタという点で、一般的なノーコードツールとは一線を画すものです。
最近では、STUDIOを活用してつくられた美しいWebデザインに、私たち自身驚かされることも多く、STUDIOもまた、クリエイターによって息を吹き込まれ、その真価を発揮するツールだと実感しています。
直近ではAIの導入も進めており、めまぐるしく変わるWeb制作の世界においても、常に実務のスタンダードとして活用されるツールとして進化を続けていきたいと考えています。(STUDIO株式会社 CEO 石井 穣)
STUDIO
https://studio.design/ja
制作のコストを削減し、クリエイターがより本質的なクリエイティブ業務に注力できるよう開発されたノーコードWebデザインプラットフォーム。ユーザー同士で技術を教えあう制作者コミュニティの活動も活発に行われている。
企画協力:STUDIO株式会社