デザイナーとエンジニアの相互理解を深める勉強会「DesignTech」

こんにちは、プロモーション担当の渡邊です。

フェンリルでは、メンバーが自発的に企画するさまざまな勉強会が活発です。
仲間とコミュニケーションを取りながら、互いにスキルを高め合っています。先日はそのうちの一つ、UD体験会をご紹介しました。

今回ご紹介するのは、デザイナーとエンジニアの勉強会「DesignTech」。
2025年12月に開催された勉強会の様子をお届けします。

DesignTechとは

DesignTechは、デザイナーとエンジニアの交流を図る社内勉強会です。
「デザイナーとエンジニアの交流の場を設けたい」というエンジニアの声から始まり、若手メンバーが中心となって開催しています。

開催当初は親睦を深める会として運営していましたが、現在は、お互いの業務内容や価値観などを共有する勉強会へと発展。2022年にスタートして以来、年に2回ほどのペースで継続的に開催されています。

12月はフェンリルの大阪オフィスで実施。昨年に新設された会議室とオープンスペースを利用して、13名が参加しました。プログラムは次のとおりです。

【デザイナーの発表】
ライトニングトーク：フォントについて
ワークショップ：ロゴを制作

【エンジニアの発表】
ライトニングトーク：WEBでアニメーション作成してみない？
ワークショップ：アニメーション作成

互いを知るためのライトニングトーク

まずは、デザイナーのライトニングトークから。主にエンジニアに向けて、フォントの種類や印象などの基礎知識を共有しました。

発表者が予想していた以上にエンジニアの知識が深く、まさにフェンリルの「デザインと技術の融合」を体感したようです。

一方、エンジニア側は「CSSによるアニメーションの作成方法」を発表しました。
発表後の質疑応答では、他のプラットフォームでの手法や複雑なアニメーションの実現方法などが話題に上がり、参加者全員で知見を共有しました。

実際に体験してみる、ワークショップ

続いて、先ほどのライトニングトークの内容に基づいて、デザイナー側はロゴ制作、エンジニア側はアニメーション作成に挑戦するワークショップを実施しました。

まずはデザイナー側のワークショップ。「推しフォントを見つけよう！」というテーマで、普段よく見るフォントやその使われ方を学び、理解を深めました。その後、見つけた推しフォントを使って、自分の名前をロゴにするデザインワークに取り組みました。

「このフォントかっこいいな」「このブランドは独自のフォントを使っているんだ！」など、エンジニアが楽しみながら理解を深める様子が見受けられました。

名前のロゴ制作では、トレードマークの眼鏡をロゴに取り入れたり、Slackのリアクションスタンプを作ったりと、それぞれが独自の視点で制作しました。Figmaのベクターツールに楽しんで挑戦するエンジニアもいました。エンジニアの制作意欲と多彩な作品に、デザイナーのメンバーも刺激を受けていました。

次に、HTMLとCSSを書いて、実際にCSSアニメーション作りに挑戦！
VSCodeと拡張機能を使用して、デザイナーに開発の楽しさや達成感、CSSの可能性を知ってもらうことを目的としたワークショップです。「こんなに気軽に開発できるんだ！」という気付きから、「デザインと技術の組み合わせを一緒に試行錯誤するやり取りを、さらに活性化させたい」というエンジニアの思いがあったようです。

デザイナーが真剣にコードを書く姿や、アニメーションを実装できたときのうれしそうな反応が印象的でした。コードについてエンジニアと熱心に会話するデザイナーもいて、発表者は「エンジニアの業務や思考を知ろうとする姿勢がうれしかった」と話していました。

お互いを知ること、理解すること

最後に、運営メンバーの感想をご紹介します。

ワークショップでは、デザインツールの操作をサポートしました。参加者から「やりたかったことが実現できた」「学びたいことが学べた」という感想をもらえたので、運営に携わって本当に良かったと感じています。（LT担当デザイナー）

フェンリルには意欲的な参加者が多く、良い組織だなと毎度感じています。最近は若手メンバーも増えて活気に満ちており、メンバーが業務外でも成長できる場にしていきたいと考えています！（WS担当デザイナー）

職種に関係なく集まってコミュニケーションできる場を提供できるのは、良いことだと思います。活動を通して他の職種のメンバーの考え方や視点を理解でき、学びがありました。（LT担当エンジニア）

皆さん真剣に取り組まれていて、運営と参加者の双方向のやりとりがある価値の高いワークショップになりました。業務でも、デザイナーとエンジニアのコミュニケーションが深いほど、良いものが出来上がると思うので、今回の企画がその一助になればうれしいです。（WS担当エンジニア）

いかがでしたか？
フェンリルのエンジニアとデザイナーが交流し、理解を深めるための社内勉強会「DesignTech」。今後もこのような社内イベントをご紹介します。