職業訓練校にてサンプルサイトを制作しました

下記はサイトURLです。別窓に遷移します。

http://irodoriweb.starfree.jp/htmlproject

 

職業訓練校での制作

1日3限を4日間で制作しています。

・ページの想定は、下記のうちから選択する。(または自分で考えたオリジナルの想定でもOK)
・企業のコーポレートサイト、個人のサイト、ショッピングサイト、SNSサイト、ニュースサイト等(16ページを参照)
・ページは1ページ以上つくる
・ヘッダー、コンテンツ、フッターに区分する

上記が簡単な課題内容で他にもいくつかのお約束がありました。

 

制作について

①何を制作するか設定する
 個人経営の美容室をイメージして制作しました。

②コンセプトを設定する
 地域密着型で30代~60代の女性(ファミリーも含む)がメインターゲット
 居心地の良い空間を提供している美容院を設定して、明るく爽やかでいて落ち着く様なイメージを目標としました。

③画面構成を設定する
 個人経営なので日々の更新はせず、重要なお知らせ(お休みや美容グッズのセールなど)のみをアップするようなイメージにしています。
 のちのち、ギャラリーページやSNSの連携などを追加する可能性を視野に入れてページ構成をしています。

④連絡先について
 ご年配の方もターゲットに入っているため、メールやフォームではなく、お電話での予約にしています。
 美容院では予約時に相談(染める時期や髪型について)もあると考えたのも一因です。

⑤カラーについて
 白をメインにダスティピンクとエメラルドグリーンをアクセントカラーにしています。
 大人のかわいらしさと落ち着きをイメージしています。

 

こだわり

トップビジュアルのスライダーにはslicksliderを使用しています。
矢印やドットでのページ送りを止め、バーの色が変わることでページ送りを表示しました。
美容院なのでスマートに表現しようと考えてこのような部分にこだわりました。

今回はhtmlで作成していますが、WordPressへのカスタマイズもしくは簡易CMS(お知らせ部分)を視野に入れたうえで制作しました。

 

訓練校に通って

現在はsql/php/cakePhpの学習に入っています。
バックエンドは難しいですが、重要な部分なので理解しながら進んでいます。
また自由制作の際には、アップしたいと思います。