game studio
lucky bamboo dev 様
// overview
日本のインディーゲームスタジオ「Lucky Bamboo Dev」様の公式サイトを、デザインから制作しました。
作品を一本ずつ育てていくスタジオの姿勢を、スクロールに合わせて伸びる一本の竹で表現しています。
制作情報
サイトURL
https://luckybamboodev.com/
担当範囲
要件定義
デザイン
コーディング(HTML / CSS / JavaScript)
静的サイト構築(Astro)
サーバー設定・公開
制作期間
約2週間
// point
01
どのジャンルの作品が並んでも埋もれないよう、トップページは竹と余白だけのシンプルな構成にしました。GSAPを使い、スクロールに合わせて茎が伸び、葉が開いていく動きを実装しています。スタジオの世界観を、ひと目で伝えられるようにしました。
02
Astroで静的サイトとして構築し、データベースや管理画面を持たない構成にしました。そのため、WordPressで起こりがちな不正ログインやプラグインの脆弱性を心配する必要がなく、表示も高速です。Lighthouse(Googleの計測ツール)では、パフォーマンスがPC100点・スマホ94点でした。
03
海外のプレイヤーや配信者にも届くよう、日本語・英語・中国語の3言語に対応しました。言語ごとにURLを分けて検索エンジンにも対応関係を伝えているので、それぞれの国の検索結果に、正しい言語のページが表示されます。