ぐるりの木 柊野教室 メインスクリーンショット

ぐるりの木 柊野教室

制作区分
自主制作・サンプル
サービス分類
Webサイト制作
公開状態
公開済み

保護者が放課後の過ごし方を具体的に想像できる情報とブログ「教室だより」、夕方の光が移ろうCanvas表現を組み合わせた、架空の放課後等デイサービスサイト。

架空の放課後等デイサービス「ぐるりの木 柊野教室」のサイト。教室について、放課後の一日、ご利用案内、自己評価結果の公表の各固定ページに整理。加えて「教室だより」で記事投稿、カテゴリ・タグ・年月・全文検索・RSSに対応している。保護者が預けている時間の過ごし方を具体的に確認できる構成にした。子どもの顔は写さず、スタッフの顔あり写真と後ろ姿・手元中心の場面写真を使っている。トップでは橙の色面の上に、斜光・葉影・光の中の塵がゆっくり移ろうCanvas表現を重ねている。

同等規模を新規制作する場合の参考価格

420,000円 ※記事制作を除く

固定5ページ、ブログ機能(カテゴリ・タグ・年月別一覧・RSS・全文検索)、情報設計、オリジナルデザイン、原稿・画像制作支援、レスポンシブ対応、基本公開設定を含む想定です。

掲載価格は、本事例と同等の規模・機能を新規制作する場合の目安です。ページ数、機能、素材、外部サービス連携、サーバー環境などによって変動します。

制作目的

子どもの顔を写さない・効果保証や医療語を使わない・金額表を置かないという表現規制の下で、保護者向けの情報設計と明るい色面のデザインをどう両立させるかを課題にした。

想定利用者

放課後の居場所を探す子どもの保護者、支援関係者(架空教室の想定読者)

担当範囲

  • 企画・要件整理
  • 情報設計
  • UI設計
  • Webデザイン
  • コンテンツ設計
  • AI画像制作
  • フロントエンド実装
  • Canvasモーション実装
  • CMS設定・静的サイト生成
  • レスポンシブ対応
  • テスト
  • サーバー設置・公開

主な機能・特徴

  • 一日の流れ・利用手順・送迎・費用の考え方を整理
  • 橙の色面を全面に敷き、白は読み物の面だけに限ったデザイン
  • 子どもの顔を写さない写真構成(後ろ姿・手元・横顔の一部まで)
  • Canvas「窓の光と葉影」— 90秒周期の斜光と葉影の揺れ
  • 「教室だより」— 記事投稿、カテゴリ・タグ・年月・全文検索・RSS
  • Markdown原稿をCMSから静的HTMLへ生成

技術スタック

制作領域

制作期間

2026年

ご相談について

制作内容や規模についてのご相談は、AK²Lab本サイトのお問い合わせ窓口からお送りください。

ご相談・お問い合わせ