• URL https://rikuzi-chousadan.com/
• 制作概要ページ 陸自調査団サイト制作概要
• ジャンル 自衛隊個人広報サイト
• 制作期間 約3ヶ月
  2016年に1ヶ月掛けてリニューアル
• ツール DreamWeaver、PhotoShop、Illustrator、Fireworks等

サイト制作を始めて、最初に形としてできたサイトで、新しいコードやデザインを取り入れながら常に更新を続けているサイトです。
自衛隊関連の個人的広報サイトとして、各地で行われているイベント情報などをまとめて一覧にしています。
自衛隊に詳しくない方にも理解できる様に、専門用語の解説や使われている装備などのページも作っています。
写真や画像、動画は自ら撮影して修正や制作し、その他のイラストやバナー等にもPhotoShop等を活用しています。
JQueryでの動きや、PHPによるサイド等のパーツ共通化など、HTML、CSS以外の方法も積極的に試しているサイトでもあります。

• URL https://refo-nyanpu3.click/
• ジャンル 住宅塗り替え・リフォーム
• 制作期間 約1ヶ月(ベース制作)
  2016年に2ヶ月掛けてリニューアル
• ツール DreamWeaver、PhotoShop等

父親の自営業の塗装関連サイトで、元々運用されていた住宅塗装関連のサイトは専門的知識を持っている方でないと難しい内容でした。
それに対して初めて自宅の塗り替えを考えている方にも優しく、受け入れやすい様に見直し、専門用語の解説や工事内容の詳細を説明する様にしました。
自分自身も住宅塗装について素人でしたので、書籍やメーカーサイトなどを調べて勉強し、塗り替えに使用する塗料(ペンキ)や用語を、詳細に解説したページも作りました。
2016年に2～3ヶ月掛けてリニューアルして、PCサイズとタブレットサイズ(979px以下)で変化するレスポンシブ仕様にしています。
SEOも考慮して文章量の充実と質を考えながら、見やすも工夫しています。
JavaScriptを使用して、タブレットなどから閲覧した際でも、PCサイズに変更できる様に切り替えボタンを設置して、その切り替えボタンはPCでは表示されない様にもなっています。

• URL http://cosmos-peint.net/
• ジャンル 住宅塗り替え・リフォーム
• 制作期間 約3ヶ月
  2015年に1ヶ月掛けてリニューアル
• ツール DreamWeaver、PhotoShop等

最初に制作されたコスモスペイントサイトを作り変えて、リニューアルするために作りました。
以前のサイトとの入れ替えは都合により行われていません。
リフォームにゃんぷ～さんサイトとは違い、住宅塗り替えのためのサイト構成になっています。
使用ソフトなどは大きく変わっていませんが、携帯サイトでも見やすい様にと対応しました。
にゃんぷ～さんサイトでは、タブレットサイズまでで、こちらはスマートフォンサイズ(479px以下)にも対応する様に、レスポンシブ設定を行いました。
このサイトは公開されていますが、サイト入れ替えを行うか分からないため、現在は更新は止まっています。
こちらもJavaScriptでの変化をつけています。