HTML×CSSで地域保育園様のホームページ作成

この度、地域保育園である「すたぁきっずほいくえん」様のホームページを作成させて頂きました!

実際のページはこちら

ご依頼された経緯

元々、保育園の担当者様がネット上に落ちていたHTMLのテンプレートを使ってHPを作成していたそうですが、「あまりにも見窄らしいため改修して欲しい」とのことでご依頼を受けました。

改修前のページはレスポンシブ対応(スマホ対応)をしておらず、白無地の背景にいくつかの画像と黒い文字が羅列してあるようなホームページでした。

デザインについてはかなりざっくりとしたラフ画でのご指定があり、基本的にはそれに沿うように作成させて頂きました。

また、作成後は自分達でも改修できるように、(Wordpress等は使わずに)HTMLとCSSでシンプルに作成して欲しいとのご相談を受けました。

使用したコンポーネント

HTMLとCSSでシンプルに、ということでしたので、今回はBootstrapを使って作成しました。

BootstrapはWebサイトやWebアプリの規模を問わず利用することができ、Webサイトの土台を簡単に作成することができます。

今回はナビゲーションバーやカードのような要素や2カラムセクションといった比較的シンプルな構成で済む内容であったため、Bootstrapがぴったりでした。

Bootstrapの日本語リファレンスはこちらで確認できるので、興味がある方はのぞいてみると良いと思います。

作業の進め方について

基本的には最初に頂いたラフ画のデザインを元に当方がざっと作成し、それに対してフィードバックを受けながら修正を進めていく形でした。

園の方の実際の業務が忙しそうで、基本的には数日おきのお昼休みや夜間でのやりとりとなっていましたが、比較的スムーズに進めることができました。

写真は基本的に頂いたものを使用しましたが、フリー素材については量も多くなかったためこちらでご用意させて頂きました!

ご依頼主様からの評価

本以来はcoconalaからお受けしたので、作業終了後に評価をいだきました。

★5を頂き、作業内容については満足して頂けました!

HTMLやCSSで直接作成するだけでなく、Wordpressを使ったご依頼もお引きうけしておりますので、ご依頼があれば遠慮なくご相談下さい!

Bootstrapを使った他の作品

デンタルクリニックを想定したWebサイトを作成しました。

  • URLをコピーしました!