NEW!

GJ会👌のご報告⑦ ノーコードでWebサイトをつくろう編

STUDY

勉強会

この記事を書いた人
RAWCREW

こんにちは、ロークルーです。 
今回のGJ会のご報告は 「ロークルーのイラストポートフォリオサイトをノーコードで制作してみよう!」 です。
デザイナーチームが担当した、3ヶ月間の取り組みの様子をお届けします!

RAWCREWでは普段のWEB制作はAdobe XDをメインで使用しており、
サイト実装も社内のエンジニアにお願いしているのですが、

・デザイナーもコーディングの仕組みを理解しよう!
・普段使わないツールにも挑戦してみよう!

ということで、 FigmaとStudioを使って、デザイナーだけでWebサイト制作から公開までチャレンジしてみました!

作成するのは、これまでRAWCREWが手掛けたイラストをまとめたポートフォリオサイト
お客さんが見やすくて、自分たちも管理&更新しやすい、そんなWebサイトを目指すことにしました。

イラストからデザインまでまるっと手掛けています!

週に1度、Figma&Studio経験者のスタッフにレクチャーを受けながら、仕事の合間を縫って作業を進めていきました。

FigmaはXDと基本が似ているため作業もスムーズに進行!
フレーム機能など、マスターすればより効率化が図れそう&プラグインも豊富で、コーダー&デザイナー共にとても良い印象。ただ、XDはAdobeツールとのライブラリ連携が結構便利なので、乗り換えは迷いどころです…!

岡澤先生のレクチャー

Figmaで作ったデザインの骨組みを元にStudioへ。Studioは普段のツールとまったく異なる仕様のため苦戦しましたが、動かしてはプレビュー… 動かしてはプレビュー… と繰り返すうちに、直感的に理解できる仕組みになっているのですごい。CMSがWordPressと比べて使いやすいのも良いですね。

スライダーもある!
更新もできる!

そんなこんなで3ヶ月が経ち、無事サイトを完成することができました!
細かい内容を調整してから、正式にイラストのポートフォリオとして実際に活用していきますので、また是非ご覧ください。

次回のGJ会はエンジニア編です! それでは!

CONTACT US

仕事のご依頼から協業のお誘い、なんでもどうぞ。雑なお悩み相談も、どしどしお待ちしています。

仕事のご依頼から協業のお誘い、なんでもどうぞ。雑なお悩み相談も、どしどしお待ちしています。