イベント

STUDIO Workshop at SHE

7月5日(金) SHE株式会社にて、STUDIOワークショップを開催いたしました!

Maaya Rida

7月5日(金) SHE株式会社にて、STUDIOワークショップを開催いたしました!

SHE株式会社にて、『フリーランスで働く上であると差がつく自身のポートフォリオサイト作成』をテーマにSTUDIOワークショップを開催。 申し込み開始の次の日には満員になり、当日は天候が悪かったのにもかかわらず26名の方にお越しいただきました。 まずは軽く挨拶をし、STUDIOワークショップの目的とSTUDIOがどういうサービスなのかを説明。 『コーディング一切なしでデザインから公開まで』を可能にできる特徴や、他社と比較して何が違うのかなどを解説しました。

次に、STUDIOの特徴である「ボックスレイアウトの概念」を解説。 親子階層構成、マージン&パディングや要素の並び方といったSTUDIOでサイトを作成する上で常に頭に入れてほしいポイントをスライドやGIFを見せながら説明しました。

デモサイトを元にWebサイト作成開始!

ワークショップは皆さんと一緒にデモサイトを見本に、実際にSTUDIO上でサイト作成を開始。 まずは、デモサイトの実際のエディタを見せ、どのように作成されているかとサイトを作成する際のレイアウト構成を説明しました。 その後は白紙のキャンパスからデザインを始め、途中で躓いた方には手を上げてもらい、分からなかった部分をもう一度解説したり、直接教えたりして、詰まることがないようにワークショップを進めていきました。

皆さんの飲み込みがとても早く、自身の写真やイラストをアップロードしてアレンジしている方も沢山いて、各自の個性が出ているサイトになっていました。

サイトのデザインが終わったら、レスポンシブ対応を解説した後、作成したサイトを公開。 ワンクリックするだけで一瞬でサイトが公開されるのを体験し、皆さんとても驚いていました。

さらにポートフォリオサイト作成の際に役立つ「横スクロール」「モーダル」などの機能も紹介しました。こちらの機能は動きがあるため反応が良く、皆さんモーダルを色々試しながら楽しんでいました。

最後は、残り少しの時間で皆さんの質問に答えたり、相談を聞いたりと交流させていただきました。

参加者の皆さんがとてもフレンドリーな方ばかりで、緊張せずアットホームな感じのワークショップになりとても楽しかったです。 「次回も開催してほしい!」 「また参加したい!」 という声を沢山いただき、SNSなどでも次回開催のお問い合わせをもらうなど、反響がとても良かったので当日中に次回開催を計画することが決まりました!

毎回ワークショップはとても勉強になりますし、常に改善していきたいと思っています。 参加者や関係者のお言葉はとても嬉しくモチベーションが上がりますが、それに甘えずもっとより良いワークショップを目指していきたいと思います!

大学・企業でのワークショップご希望の方は以下のアドレスにて気軽にご連絡ください;

デザインから公開まで、コーディングなしで完結。
STUDIOを無料で始める ⇒https://studio.design/ja/