埼玉県三郷市の公共施設・公園サイトのリニューアル

リニューアルにあたり既存コンテンツの情報量を維持しつつ、アクセシビリティに注力した改良を施しました。利用者のニーズに直接応えることができるよう、施設スタッフが新着情報、予約状況、季節のカフェメニュー等を自由に更新できるCMSを導入しました。この改善により、更新作業を行う施設スタッフの手間を最小限に抑えつつ、常に最新かつ適切な情報を提供することが可能となりました。

https://www.piala-city.jp/

制作について

ディレクター

リニューアル前は、エクセルなどで作成した施設の予約状況データを手動で定期的にアップロードするなど、情報更新が現場スタッフに大きな負担となっていました。そこで、情報更新の手間を最小限に抑え、現場の作業負荷を軽減することを最優先とした設計を採用しました。さらに、リニューアル前の、楽しさ溢れる雰囲気をより表現するデザインにもこだわりました。
デザイナー

PIALA-CITYのロゴからも伺える通り、リニューアル前のホームページは白を基調とした清潔感溢れるデザインで、赤、オレンジ、黄色、緑といった活力あふれる色彩が巧みにアクセントとして配されていました。この元気と明るさを放つイメージを保ちつつ、鮮やかなグラデーションを取り入れたデザインに一新しました。加えて、ホームページに訪れたユーザーにも楽しさを感じてもらえるよう、オリジナルのワンポイントアニメーションも制作しました。
フロントエンドエンジニア

CSS設計にFLOCSSを採用して再利用性、保守性の高いコードを意識し実装しました。サイトの明るい雰囲気に合うようにアニメーションのタイミングや動きを調整しました。
CMSを用いて、お知らせ、情報、カフェメニューの3つの更新機能をつけ、カフェメニューはカスタムフィールドツールを活用し更新する際に簡単にメニューの編集・追加ができるようにしています。