Portfolio

title circle
Works by Shimura Tetsuro
header.astro
header.astro

SOTO Archive

外アーカイブ
2021
web

Design/Develop : Shimura Tetsuro
Graphic Design : Ishizuka Shun

京都にある空間現代が運営するライブハウス「外」のグラフィックのアーカイブサイト。多くのイベントを1人のデザイナーが尋常ではない熱量で作り続けていること、それらを記録して紹介するためのサイトを制作した。普段の制作においては、デザインをやった上で、実装部分はエンジニアのお願いすることが多いが今回はReactの勉強がてら実装までやってみた。 当初のデザインアイデアをブラウザ上の表示やデータが入った状態で確認しながら調整できたので細部までレイアウトのこだわりを入れることができた。プロトタイプで大枠を作りながら実機で確認して何が足りないのかどんな動きを入れていくような即興のようなやり方で制作を進めていった。variableフォントの演出であったり、CavalryのLottie書き出したファイルを当て込んでみたり、さまざまなライブラリを試してみたり手当たり次第試していってハマりそうなものを残していく。最終的にはGSAPというモーションのライブラリを中心とした演出を入れていった。ライブラリは便利だが、たくさん入れていくとコードが汚くなるし、できるだけシンプルな方が作っていて楽しい。もう少し、自分で書ける部分を増やしつつ、日頃からライブラリなどを試しておくと、雑多な状態になりすぎずに良いかもしれない。

https://www.sotoarchive.net/

Index