https://hikarudoll.xsrv.jp/supica_kindergarten/ ←別タブでサイトへ遷移します。
サイト構成
- トップページ
- 入園案内
- お知らせ一覧
- お知らせ詳細
- 食事について
- 一日の流れ
- 年間行事
- 教育方針
- お問い合わせ
サイト内訳
このサイトはWordPressを使ったサイトを作り始めた初期のころのデモサイトを修正したものです。
サイトの説明
2023年に作った架空の幼稚園のサイトを修正しました。WordPressでの製作を練習していた時のものです。
- スマホサイズの崩れを修正
- タイトルのフォント画面幅と連動してちょうどいいサイズに変わるように
- 余白もフォントと同様に、動的に変わるように
- 画像のサイズを微調整
配色は、海外の幼稚園・保育園サイトを参考にしました。楽しさが伝わるようなカラフルな配色を選びました。フォントはGoogle Fontsの”Kaisei Decol”を選択しました。可愛らしい雰囲気に。
幼稚園のサイトとはいえ、実際に閲覧するのは保護者の方々です。子供受けするアニメをふんだんに使うよりも、情報の伝わりやすさを優先しました。
トップページの上部に保護者がまずチェックするであろう重要な情報へリンクするボタンを設置。グローバルメニューと重複する部分もありますが、画像を使ったボタンにすることで、リンク先のイメージが湧きやすいようにしました。
全体的に優しい雰囲気にしたかったので、トップページの画像は全て角丸に。
下層ページのを含め、園の様子がわかりやすいように画像を多めに使用しました。表示速度に影響が出にくいように、webpファイルに変換しています。
★サイト内の画像は全てフリー画像素材『O-DAN』からダウンロードしたものです