home / works / lucky bamboo dev
game studio

lucky bamboo dev 様

Lucky Bamboo Dev様 公式サイト PC版キャプチャ

// overview

日本のインディーゲームスタジオ「Lucky Bamboo Dev」様の公式サイトを、デザインから制作しました。
作品を一本ずつ育てていくスタジオの姿勢を、スクロールに合わせて伸びる一本の竹で表現しています。

制作情報

担当範囲
要件定義 デザイン コーディング(HTML / CSS / JavaScript) 静的サイト構築(Astro) サーバー設定・公開
制作期間
約2週間

// point

01

どのジャンルの作品が並んでも埋もれないよう、トップページは竹と余白だけのシンプルな構成にしました。GSAPを使い、スクロールに合わせて茎が伸び、葉が開いていく動きを実装しています。スタジオの世界観を、ひと目で伝えられるようにしました。

02

Astroで静的サイトとして構築し、データベースや管理画面を持たない構成にしました。そのため、WordPressで起こりがちな不正ログインやプラグインの脆弱性を心配する必要がなく、表示も高速です。Lighthouse(Googleの計測ツール)では、パフォーマンスがPC100点・スマホ94点でした。

03

海外のプレイヤーや配信者にも届くよう、日本語・英語・中国語の3言語に対応しました。言語ごとにURLを分けて検索エンジンにも対応関係を伝えているので、それぞれの国の検索結果に、正しい言語のページが表示されます。

Contact

コーディング代行のご相談、
お待ちしています。

お仕事のご依頼・ご相談はこちらから。
無理な営業等はいたしません。
まずはお気軽にご連絡ください。

お問い合わせフォームへ →