下記はサイトURLです。別窓に遷移します。
https://irodori-web.com/html01/
職業訓練校での制作
1日3限を4日間で制作しています。
・ページの想定は、下記のうちから選択する。(または自分で考えたオリジナルの想定でもOK)
・企業のコーポレートサイト、個人のサイト、ショッピングサイト、SNSサイト、ニュースサイト等(16ページを参照)
・ページは1ページ以上つくる
・ヘッダー、コンテンツ、フッターに区分する
上記が簡単な課題内容で他にもいくつかのお約束がありました。
制作について
①何を制作するか設定する
個人経営の美容室をイメージして制作しました。
②コンセプトを設定する
地域密着型で30代~60代の女性(ファミリーも含む)がメインターゲット
居心地の良い空間を提供している美容院を設定して、明るく爽やかでいて落ち着く様なイメージを目標としました。
③画面構成を設定する
個人経営なので日々の更新はせず、重要なお知らせ(お休みや美容グッズのセールなど)のみをアップするようなイメージにしています。
のちのち、ギャラリーページやSNSの連携などを追加する可能性を視野に入れてページ構成をしています。
④連絡先について
ご年配の方もターゲットに入っているため、メールやフォームではなく、お電話での予約にしています。
美容院では予約時に相談(染める時期や髪型について)もあると考えたのも一因です。
⑤カラーについて
白をメインにダスティピンクとエメラルドグリーンをアクセントカラーにしています。
大人のかわいらしさと落ち着きをイメージしています。
こだわり
トップビジュアルのスライダーにはslicksliderを使用しています。
矢印やドットでのページ送りを止め、バーの色が変わることでページ送りを表示しました。
美容院なのでスマートに表現しようと考えてこのような部分にこだわりました。
今回はhtmlで作成していますが、WordPressへのカスタマイズもしくは簡易CMS(お知らせ部分)を視野に入れたうえで制作しました。
訓練校に通って
現在はsql/php/cakePhpの学習に入っています。
バックエンドは難しいですが、重要な部分なので理解しながら進んでいます。
また自由制作の際には、アップしたいと思います。