yonsan (@yonsankm) header
yonsan (@yonsankm) profile picture
Matsuyama Ehime Japan
Joined April 2013
yonsan retweeted
日本のみんな、Cavalryはめっちゃ楽しいソフトだから、ぜひ触ってみてね🤣 先月、loriとyonsanとKTに会えて本当によかった!
Replying to @CanvaJapan
【11/6(金)18:45〜】Cavalry入門 動画未経験の人のためのモーショングラフィック解説。作例と使えるシーンをプロ2人に聞きます。 登壇:Iori Iwaki (@ioriiwaki)、Yonsan Kim (@yonsankm)、KT (@DATA_Saber) techplay.jp/event/1001006 #CanvaVoyagersMarina2026
1
4
1
18
1,784
【11/6(金)18:45〜】Cavalry入門 動画未経験の人のためのモーショングラフィック解説。作例と使えるシーンをプロ2人に聞きます。 登壇:Iori Iwaki (@ioriiwaki)、Yonsan Kim (@yonsankm)、KT (@DATA_Saber) techplay.jp/event/1001006 #CanvaVoyagersMarina2026
1
2
2
14
3,671
本日、キリンの新しいオウンドメディア 「KIRINK(キリンク)」を公開しました。 商品やサービスの先にある、人の想いや試行錯誤、 技術や研究、社会との向き合い方。 さまざまな挑戦のストーリーを通じて、 「次のキリンが、見えてくる」。 ぜひご覧ください。 ▼KIRINK media.kirinholdings.com/arti… #KIRINK
2
75
26
718
222,511
波紋がすごい
Introducing a new identity for Apple Music, physically shaped by an original composition from @fredagainagain1 and NEST Acoustics.
7
269
【オランダのクリエイティブの現場から🇳🇱 vol.8】 シフトブレインがオランダのクリエイティブエージェンシーを訪問した連載の第8回を公開しました! 最終回である今回はアムステルダムのNumbered🔢 全8回、ありがとうございました! x.gd/QWpk0
2
3
20
3,779
いいね数がすごい! インスタに上げてます instagram.com/p/DeUaKluk668/…
이런 그래픽도 너무 느낌이 좋음! 숫자가 들어간 방울들이 서로 밀고 당기는 것 같은데, 원 안에서 계속 찌그러지는데 묘하게 살아 있는 느낌이라 좋다! 흑백에 숫자만으로도 충분히 재밌는데 중간에 흐려지는 순간이 특히 맘에 듦.
10
406
yonsan retweeted
Heading to Tokyo, Japan 🇯🇵 next week for @pixel_pixel_jp Anyone else in Tokyo? Let’s meet up haha!
4
5
89
2,462
【CGを使わず人の手で表現】報ステ リニューアルの舞台裏 | 伸縮する布に立体物を押し当て、アニメーションを重ねていく独自の手法で、かつてない映像表現を生み出し続ける映像作家・牧野惇氏が番組の新オープニングを担当 布の表面に現れた図形からその“奥にあるもの”を想像させ、新コンセプト【「今」という世界を見つめる。】を表現 フルver.はYouTubeからご覧ください
9
609
71
5,035
1,089,840
モーションポスター製作しました! DAKは個人的にも好きなロースターなので光栄でした。
🇳🇱 DAK Coffee Roastersがアムステルダムから東京へ。 初来日を記念して、SCAJ直前にスペシャルなバー・テイクオーバーを開催!☕️ Motion design by @yonsankm - thank you!
1
18
663
Thank you for the feature ^ ^
이건 아예 글자를 세포처럼 쪼개버려서 느낌이 확 다름 버블 같다가 조직 같다가 계속 바뀌는 게 꽤 신선하다
312
TBWA\HAKUHODO コーポレートサイトが、8/16のFWA OF THE DAYを受賞しました🎉 関係者の皆さま、おめでとうございます! thefwa.com/cases/tbwahakuhod…
3
4
28
5,599
TBWA\HAKUHODOでは、ロゴでもあるBackslashを「すべての思考のはじまり」であり、「考え方の骨格」と定義しています。 作品の表面に思考そのものは残りませんが、その痕跡や気配はデザインの中に宿ります。 今回は、その"見えないルール"をHidden Gridとして可視化。グリッドを単にレイアウトを整えるためのものではなく、ブランドの世界観を支える設計そのものとして捉え、ブランドの思考プロセスを感じられるデザインシステムとして表現しました。
<実績のご紹介> ●TBWA\HAKUHODO コーポレートサイト tbwahakuhodo.co.jp/ TBWA\HAKUHODOが掲げるDisruption®の思想「創造的破壊」を、ビジュアルやモーションを通して体験できるWebサイトを目指しました。 壊すことを目的とするのではなく、既存の見方を意図的に崩し、新しい価値や視点を生み出すという考え方を、ロゴをモチーフにスリットやディストーション、そして編集・再編集を繰り返すタイポグラフィと見えるグリッドの演出として表現。レイアウトを完成形として固定するのではなく、常に変化し続けることで、TBWA\HAKUHODOが掲げる創造性そのものを可視化していきました。
4
1
62
8,983
SITE OF THE DAY / 08.13.2026 TBWA\HAKUHODO muuuuu.org/color/colorful/24… ⚫︎制作者 SHIFTBRAIN etc... ⚫︎制作者一覧 Client: TBWA\HAKUHODO Inc. Producer: Kazuya Okada @okadadada4 Assistant Producer: Yoko Manabe @yoko5m1 Project Manager: Kazuyo Miyagawa @Kazuyo_Miyagawa Art Director, Designer, Motion Director: Kento Ishizuka @kentiy1229 Motion Designer: Yonsan Kim @yonsankm Lead Front-end Developer, Interactive Developer: Anna Komakine Senior Front-end Developer: Sayaka Kiyose Front-end Developer: Taishi Ohmoto @taic_dev_ , Tsubasa Nishihara @crayfisher_zari Technical Director, Back-end Developer: Hiroaki Yasutomo @kaminaly Director: Tetsuya Kobayashi (BACON inc.) @bacon_kobayashi Chief Creative Officer: Takahiro Hosoda (TBWA\HAKUHODO Inc.) Head of Design: Yuhei Ito (TBWA\HAKUHODO Inc.) Art Director: Leona Mori (TBWA\HAKUHODO Inc.) Designer: Hajime Sunada (TBWA\HAKUHODO Inc.), Rina Tanaka (TBWA\HAKUHODO Inc.), Chihiro Machida (TBWA\HAKUHODO Inc.), Waka Fujii (TBWA\HAKUHODO Inc.) Copywriter: Mariko Tozawa (TBWA\HAKUHODO Inc.), Ryo Kobayashi (TBWA\HAKUHODO Inc.), Experience Planner: Hikari Watanabe (TBWA\HAKUHODO Inc.) Technical Director: Eiki Kurokawa (TBWA\HAKUHODO Inc.) Transcreator: Eric Ellefsen (TBWA\HAKUHODO Inc.) Editor: Nobuo Mita (TBWA\HAKUHODO Inc.) Producer: Shun Sasaki (TBWA\HAKUHODO Inc.) PR Director: Yoko Nakata (TBWA\HAKUHODO Inc.) etc...
3
1
9
2,779
TBWA\HAKUHODOのデザインおよびモーションアセットを、TBWA\HAKUHODOチームと共に制作しました。 ロゴやブランドコンセプトを起点に、アイコン、ディストーション、タイポグラフィ、グリッドを1つのデザインシステムとして設計。 細かなルールや意匠を積み重ねることで、どこを切り取っても一貫したブランドの世界観を感じられるデザイン、モーション表現を実現しています。
<実績のご紹介> ●TBWA\HAKUHODO コーポレートサイト tbwahakuhodo.co.jp/ TBWA\HAKUHODOが掲げるDisruption®の思想「創造的破壊」を、ビジュアルやモーションを通して体験できるWebサイトを目指しました。 壊すことを目的とするのではなく、既存の見方を意図的に崩し、新しい価値や視点を生み出すという考え方を、ロゴをモチーフにスリットやディストーション、そして編集・再編集を繰り返すタイポグラフィと見えるグリッドの演出として表現。レイアウトを完成形として固定するのではなく、常に変化し続けることで、TBWA\HAKUHODOが掲げる創造性そのものを可視化していきました。
6
1
53
7,994
オランダを訪れて、個人的に一番話を聞いてみたかったエージェンシーでした。一案しか提案しないところなどとか普通のスタジオではやりにくいことを行っている姿勢に感銘を受けました。
【オランダのクリエイティブの現場から🇳🇱 vol.5】 少し間が空いてしまいましたが、シフトブレインがオランダのクリエイティブエージェンシーを訪問した連載の第5回を公開しました! 今回はアムステルダムのStudio thonik。 ぜひご覧ください! x.gd/EwYHh
1
13
2,461
タイポモーションやDisruption モーションを制作しました。
<実績のご紹介> ●TBWA\HAKUHODO コーポレートサイト tbwahakuhodo.co.jp/ TBWA\HAKUHODOが掲げるDisruption®の思想「創造的破壊」を、ビジュアルやモーションを通して体験できるWebサイトを目指しました。 壊すことを目的とするのではなく、既存の見方を意図的に崩し、新しい価値や視点を生み出すという考え方を、ロゴをモチーフにスリットやディストーション、そして編集・再編集を繰り返すタイポグラフィと見えるグリッドの演出として表現。レイアウトを完成形として固定するのではなく、常に変化し続けることで、TBWA\HAKUHODOが掲げる創造性そのものを可視化していきました。
2
41
3,466
<実績のご紹介> ●TBWA\HAKUHODO コーポレートサイト tbwahakuhodo.co.jp/ TBWA\HAKUHODOが掲げるDisruption®の思想「創造的破壊」を、ビジュアルやモーションを通して体験できるWebサイトを目指しました。 壊すことを目的とするのではなく、既存の見方を意図的に崩し、新しい価値や視点を生み出すという考え方を、ロゴをモチーフにスリットやディストーション、そして編集・再編集を繰り返すタイポグラフィと見えるグリッドの演出として表現。レイアウトを完成形として固定するのではなく、常に変化し続けることで、TBWA\HAKUHODOが掲げる創造性そのものを可視化していきました。
2
26
17
331
87,046
Figmaでできることが広がっていいな
FIGMA MOTION IS HERE FIGMA MOTION IS HERE FIGMA MOTION IS HERE Live from Config 2026
2
432
I created an Instagram moodboard prototype using Codex. Since my Instagram bookmarks are one of my main sources of inspiration, I’m hoping this can evolve into a useful tool for design and motion creation. CodexでInstagramのムードボードのプロトタイプを作ってみました。
13
23
241
11,450