こんにちは、ロークルーです。
今回の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会はエンジニア編です! それでは!


