マガジンのカバー画像

STUDIO

97
次世代のデザインツール「STUDIO」の公式マガジンです! https://studio.design/ja
運営しているクリエイター

2020年7月の記事一覧

スマートキャンプでのSTUDIOのCMS機能運用例!社内資料をnoteにしました

スマートキャンプでのSTUDIOのCMS機能運用例!社内資料をnoteにしました

スマートキャンプ デザインブログ デザイナーの葉栗です。

先日、インサイドセールスの情報発信のためのサイトを、STUDIOのCMS機能を使用して実装し、現在も運用しています。

CMS機能はリリースされてからまだ日が浅く、あまり情報が出ていません。スマートキャンプでは社内のだれでも使えるように運用のための資料を作っています。今回は実際に作成した「STUDIO - CMS機能」の資料をもとに記事に

もっとみる
かっこいいWebサイトが作れる「STUDIO]

かっこいいWebサイトが作れる「STUDIO]

どんなNoCodeツールなのか?STUDIOは日本国産ツールで、かっこいいデザインが豊富なツールです。無料でも一般的なWebサイトを作ることができるため、NoCode初心者にはお勧めのツールです。

どういうサイトが作られているか?STUDIO【公式】Templateサイト

F Ventures

クックパッドマート採用サイト

Goodpatch Anywhere

クラウドネイティブ

ここ

もっとみる
Figma + STUDIOで新規サービスのLPを作ったお話

Figma + STUDIOで新規サービスのLPを作ったお話

どうも、ほたか(@hotaka_tajima)です。

ちょうど現在会社で新規サービスを立ち上げ、それのLP作成のディレクションを任されました。実際には、僕とデザイナーさんのほとんど2人で立ち上げたLPとなっています。期間としては大体1ヶ月くらい。こんな短期間、かつ2人という少人数で作成できたのは、デザイナーさんの努力、そしてFigma、STUDIOの力だと思います。

おそらく僕以外にもLP作成

もっとみる
ノーコードでwebサイトが作れる「STUDIO」を使ってみました。

ノーコードでwebサイトが作れる「STUDIO」を使ってみました。

こんにちは。あいこ(@route_A_design)です。

最近コードを書かずにwebサイトが作製できる「ノーコード」についての話題をよく見かけます。
いろいろなノーコードの作製ツールがあるようですが私の場合は「webデザイン」の分野なので、そこにおいて気になっていた「STUDIO」というツール。
先日試しに触って簡単なサイトを作ってみました。

STUDIOをいじってみたくて、とりあえず適当に

もっとみる
STUDIOでつくるWebサイト「フロー・制作・納品」についてまとめました

STUDIOでつくるWebサイト「フロー・制作・納品」についてまとめました

STUDIOを使用することでサイト制作のお仕事を本格的に始めた!という方をよくみかけるようになりました。新しい流れであり、きっとこれからのスタンダードの一つになっていくと個人的には考えています。

今回は、実際にわたしがSTUDIOを使ったプロジェクトでやっている、さらに良質なサイトにするためのポイントをまとめました。もちろんこれが全てというわけではなくプロジェクトに合わせてカスタマイズしているの

もっとみる
STUDIOでノーコードでアニメーションを作る③(ローディングアニメーション編)

STUDIOでノーコードでアニメーションを作る③(ローディングアニメーション編)

アニメーションを組み合わせることで、段階的に再生されるアニメーションを作れることは前回までで説明致しましたので、ここではそれらを駆使してWEBサイト読み込み時のローディングアニメーションを作成していきます。

前回までは「現れる」→「消える」の2段階をやりましたが、これだけだと、「消えても見えなくなっただけでそこにいる状態」になってしまいます。
なので、その下にあるWEBサイト上のボタンなどがこの

もっとみる
STUDIOでノーコードでアニメーションを作る②(組み合わせ編)

STUDIOでノーコードでアニメーションを作る②(組み合わせ編)

前篇の基本編で、「WEBサイトをスクロールしてみていくときに出てくるアニメーション」みたいなのはほぼほぼ網羅できるかと思うのですが、ローディングアニメーションを作るとなると「現れる」→「消える」という2段階が必要になります。

前回の設定では基本的に出てきっぱなしだったのですが、これに消えるアニメーションを追加することで順序立てたアニメーションが作成可能になります!

appearの実例(組み合わ

もっとみる
STUDIOでノーコードでアニメーションを作る①(基本編)

STUDIOでノーコードでアニメーションを作る①(基本編)

初めまして。
ファッション業界の人材サービスをしている株式会社iDAにて役員をしております、渡邊と申します。
本当は会社内でやってることも絡めつつも自身の所感を色んなテーマでつらつらと書いていこうと思ってたんですが、ちょっとしたSTUDIOでのテクニックを思いついてコミュニティで公表したところ、縁あってまさかの第一稿がこちらに。笑

デザイナーでもないのですが、逆に素人でも作れるということでもある

もっとみる
Webサイト制作ツール「STUDIO」を使ってみた

Webサイト制作ツール「STUDIO」を使ってみた

最近は界隈でもチラホラ耳にする「No Code」(コードを書かずにサイトが制作できると言うもの)

WixやJimdoなど数あるホームページ作成ツール、同様のサービスで最近気になっていた「STUDIO」と言うサービスを触ってみました。

まずはじめの感想としては、「デザインがお洒落」

最初に用意されているテンプレのデザインレベルが高いので、それだけでも結構他のサービスとは差があるように感じました

もっとみる
【STUDIO】 プルダウンメニューの実装

【STUDIO】 プルダウンメニューの実装

はじめまして、学生エンジニアの nekoya です。
Web・UIデザイン、Web・スマホアプリ開発、3DCG制作など、デジタル領域で日々幅広く制作活動を趣味でしています。

今日は最近お気に入りの次世代Webデザインプラットフォーム「STUDIO」で様々なプルダウンメニューを実装する方法を紹介してみようかなと思います。

参考: https://pulldown-menu.studio.desi

もっとみる