design
2021年の一番はじめのwebサイト制作実績となります。
昨年末にお話をいただき、2月10日に無事公開となった「企業主導型保育園 びすけっと東戸塚」。それから多少修正や追記などありましたが、先日ようやく制作完了となりました。
ボク自身保育園のwebサイト制作は初めてだったので、親子向けの柔らかい雰囲気を感じるデザインテイストなど試行錯誤しながら進めました。
制作会社さんからの案件を初対応
今回は初めて、制作会社さんからの案件にデザイナーとして加わり、ディレクションやクライアントさまとのやりとりなどはお任せして制作担当としてデザインとコーディングを手掛けました。ボク自身が直接クライアントさまとやりとりできるわけではないので少しスムーズさを欠く部分などはどうしても発生しましたが・・これも経験ですね。初めてのことだったので学びの多い案件となりました。

制作したページは20ページ以上
企業のwebサイトと違って保育園のwebサイトは「入園に関する問い合わせや申し込み」がゴールであり、保護者の方に保育園のことを知ってまずは安心してもらうために年間行事や取り組み、魅力、先生のことなどを伝える必要があります。なので制作するwebページは通常のwebサイトより少し増えてしまいます。今回は約20ページ以上とやや中規模なwebサイトとなりました。
ボクがディレクションまで担っていたら本当に必要なページなのか、直接クライアントさまとコミュニケーションをとりながらサイトマップの作成から進めないといけないですが、今回は制作会社さんがサイトマップ作成や情報の整理・用意をしてくださったのでその部分は省くことができ、1ヶ月弱というややタイトな制作期間の中ですべてのwebページの制作を完了させることができました。そこはよかったところです。

ページ数が多いとスマートフォンの場合いろんなページを見せるのが難しいですが、項目を整理しながら基本的にどのページにもアクセスできるようにナビゲーションを組みました。

入園の案内ページへのフローティングバナー
ゴールが入園に関することへのアクションなので、それを促すために入園のご案内ページにはどのページ、どの画面からも遷移できるように右上にフローティングバナーを設置しました。
フローティングバナーのデザインは何度もつくり直しながら今のデザインに決めたのですが、他のビスケットアイコンとはあえて違うテイストにすることにしました。そしてすぐに目に入るようにバナー自体を常に上下に動くようなアニメーションを設定。ふわふわさせています。

どのページを見ても右上に配置されます。

常時固定で表示させるもので気をつけないといけないのは、
- 情報の邪魔になっていないか
- 警戒心を与えていないか
- 操作がしにくくなっていないか
- 「しつこい」と思われていないか
などですね。
見る人によってはそう思われかねないものなので、サイズなど何度も試しながらできるだけ優しい印象でつくることを心がけました。
どんなデザインであれ不快に感じる人はいると思いますが・・固定配置の場合そこが難しい部分です。
ビスケットアイコンも制作
サイトデザインの要望のひとつに「びすけっと保育園なのでページのところどころにビスケットを散りばめてほしい」というものがありました。なのでページデザインと同時にビスケットアイコンも数種類制作。各ページにいろんな種類のビスケットを散りばめることにしました。

こういったイラストのようなアイコンからポイントやメリットを伝えるためのポップなアイコンも制作。

保育園の魅力を伝えるためにできるだけ視覚的に伝えていくことを意識しました。
公開後少し修正・追記がありましたが先日無事完了となり、ほっとしました。
production list
今回の制作で対応した項目
- webデザイン
- コーディング
- アイコンやタイポグラフィなどのグラフィックデザイン
- wordpressでのサイト構築
- PC、タブレット、スマホ表示対応(レスポンシブデザイン)
- ディレクション:株式会社Lipple
- クライアント:株式会社ソーシエ
びすけっと保育園のwebサイトはこちらから
実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。
はじめましてBUROKIです。
ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)
制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。
ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。
latest contents
最新コンテンツ一覧
categories
カテゴリ一覧
Design Ranking
人気デザインランキング
削ろう会 大阪 交野大会のイベントロゴ、パンフレットデザインをお任せいただきまし...
2025.05.03.
創業54周年。のぼり刃物店さんのロゴデザインと缶バッジ&ステッカー
2025.03.27.
2日間ぶっ通しでつくった36枚のECサイト用バナーデザイン
2020.05.31.
最近制作したバナーデザインをまとめて公開vol.1
2021.08.09.
統一感を意識してシンプルに。のぼり刃物店さんの縦型名刺デザイン
2020.02.20.
design ranking
人気デザインランキング
削ろう会 大阪 交野大会のイベントロゴ、パンフレットデザインをお任せいただきまし...
2025.05.03.
創業54周年。のぼり刃物店さんのロゴデザインと缶バッジ&ステッカー
2025.03.27.
2日間ぶっ通しでつくった36枚のECサイト用バナーデザイン
2020.05.31.
最近制作したバナーデザインをまとめて公開vol.1
2021.08.09.
統一感を意識してシンプルに。のぼり刃物店さんの縦型名刺デザイン
2020.02.20.