熊本を拠点とするデザイン事務所

Shirakawa Banks

Webサイト / 2022

熊本市のまちづくり会社「Shirakawa Banks(白川バンクス)」のWebサイトを制作。

白川バンクスのトップページ(ファーストビュー)

株式会社Shirakawa Banks様は多角的に事業展開しており、今後も幅広い事業展開が見込まれるため、拡張性も意識してサイト設計を行いました。

また、白川夜市等のイベント集客ツールとしてもWebサイトを活用するため、開催日・会場・地図・出店情報等をフォーマット化して発信できるように機能を整えました。一行入力するだけで『出店者一覧』が出力される仕組み等も実装しております。

shirakawabanks.siteのトップページ

また、細かなチューニングを行うことで各ページを軽量化し、表示速度を高速化。ファーストビューでテキストアニメーションを実装したり、動画埋め込みをしたりしており、表示速度は低下しがちな設計ですが、CSSの読み込み方法を工夫したり、動画読み込みのタイミングをJavascriptで制御したりしてユーザーが快適に利用できるようチューニングしました。

Google Developersツール「Lighthouse」でのパフォーマンステストの結果(Shirakawa Banks)
Google Developersツール「Lighthouse」でのパフォーマンステストの結果

Web:https://shirakawabanks.site/