portfolio

作品の一覧です(制作順)。


未経験者のため、すべて架空サイトとなっております。webの学習を兼ねて制作しました。

こちらのリンクから、各サイトのコンセプトや概要をまとめた解説ページに移動します。


実際に稼働しているサイトではないので、制作実績にはなりませんが、各サイトごとに学習テーマやコンセプトを決めて作成。

少しずつですがjQueryやWordPressなどを取り入れ、サイト表現の幅を地道に広げようと画策しています。

温泉旅館【香梅屋】

  • XHTML1.0
  • CSS2
  • Flash
香梅屋イメージ

Web制作コース修了制作として作成した初サイト。

青森県の温泉旅館と仮定して作成しました。

周辺散策マップはFlashで作成。必要な情報を2カラムでまとめ、抑えた色遣いで落ち着いた和風の雰囲気を目指しました。

カルチャースクール【Culture-S】

  • XHTML1.0
  • CSS2
  • javascript
  • jQuery
culture-Sイメージ

サイト制作の練習として作成。

全世代向けで、講座内容や施設案内といった雑多な情報を、できるだけ見やすくまとめることを心がけました。

javaScript・jQueryの利用や、バナーやボタン・アイコン作りの練習も兼ねていました。

コーヒー豆販売【two virtues】

  • XHTML1.0
  • CSS2
  • 一部CSS3
  • WordPress
two virtuesイメージ

初めてのWordPress使用サイト。

テンプレートタグに苦戦しながら、ゼロベースから参考書片手に作成しました。

コンタクトフォームはプラグインで実装。カスタム投稿タイプを取り入れています。WPらしく、利用者に役立つ情報をブログ機能で紹介していくスタイルにしてみました。

野菜販売農場【veget8】

  • XHTML1.0
  • CSS2
  • 一部CSS3
  • jQuery プラグインeasing scroll
veget8イメージ

デザインとcssの練習を兼ねて作成。トップページのみです。

未使用のcss3プロパティを自然に取り入れることを目標にコーディングしました。

オレンジを基調に、左右ボーダーのない、ゆったりしたデザインを意識しました。

トラットリア【Filastrocca】

  • XHTML1.0
  • CSS2
  • 一部CSS3
  • jQuery
  • media query
filastroccaイメージ

レスポンシブデザインの勉強のため作成。

イタリア料理店のイメージで、これまでの作品と雰囲気を変えたかったため、背景イメージを全面に指定しました。

ブラウザの大きさによって、デザインが変化します。

温泉旅館【香梅屋】リニューアル

  • HTML5
  • CSS2
  • CSS3
  • jQuery
  • ワンページスクロール型
香梅屋リニューアルイメージ

HTML5の練習のため作成。

当初に想定したコンセプトやイメージはそのままに、初サイトをリニューアルデザインしました。

ワンページスクロール・現在トップページのみです。

ページトップへ