由寿会様 保育サイト

既存サイトのデザインリニューアルにあたり、Illustratorのデザインカンプをそのままの品質でWeb上に再現する必要がありました。また、スマートフォンからの閲覧にも対応したレスポンシブ設計が求められていました。

Illustratorで作成されたデザインカンプを忠実に再現しつつ、スマートフォンでの閲覧を想定したレスポンシブ設計をXDで行いました。WordPress導入前にHTMLで全ページをコーディングし、表示崩れのない状態を確認してから実装に進める工程を取りました。4サイト合計の制作でしたが、各施設の個性が伝わるよう施設ごとのページ構成を整理しています。

各施設の特色が伝わるサイト構成になり、保護者が必要な情報にアクセスしやすくなりました。レスポンシブ対応により、スマートフォンからの閲覧体験も向上しています。