ポートフォリオ

これまでのWEBサイト制作数

WEBディレクション関連

業種 10 20 30 40 50 60 70 80 90 100
病院・クリニック 94
歯科医院 91
建設業 29
美容・エステサロン 12
ECサイト 7
製造業 5
その他 16

WEBディレクター当初は元建設業という経験もあり、建設業案件が多いながらも全業種対応していましたが、途中で会社が医療部門のみ分社化し、そこに属する事になりましたので、それ以降は医療関係のサイト制作に携わることがほとんどでした。

htmlコーディング案件数

現在は主に制作会社からHTMLコーディングの請負とコンサルティング会社からのWEBサイト制作を請負っており、その他直接制作を受けたクライアントさんのWEBサイト制作・更新等管理を行っています。また、それと平行して法人等パソコンのキッティング・現地展開作業等を行っています。

小規模のサイト制作がメインになりますが、デザイン・コーディング合わせてこれまで200サイト以上の制作を行っています。

作業の優先順位は無く、先に依頼があった作業を優先しています。展開作業はスケジュールが先に埋まりやすいため、展開作業の多い月はコーディング作業が少なくなる傾向になります。

WEBサイト制作実績(抜粋)

当サイト

当サイト

スクリーンショットをクリックするとサイトへジャンプします。

自分で好きなようにWordPressの編集ができるように、ポートフォリオサイトを作成しました。

WordPress環境構築・テーマ作成・カスタムフィールドの設定・PHP記述等、全て自分の手で作成をしています。

「HTMLはなるべくシンプルに」を作成のコンセプトとしています。

担当箇所・使用したツール等
  • WEBデザイン
  • コーディング
  • Wordpressテーマ作成
  • WordPress環境構築
  • ロゴ作成
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Dreamweaver
  • PHP
  • SCSS
  • JavaScript(jQuery)
  • レスポンシブ対応

IT総合サービス企業

IT総合サービス企業

スクリーンショットをクリックするとサイトへジャンプします。

以前から仕事でお世話になっていた方からWEBサイト制作のご依頼を頂き、デザイン・コーディングを担当しました。

事情があり会社閉業となりましたので、いずれこちらのサイトも閉鎖されると思います。

担当箇所・使用したツール等
  • WEBデザイン
  • コーディング
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Dreamweaver
  • SCSS
  • JavaScript(jQuery)
  • 問い合わせフォーム実装
  • レスポンシブ対応

監理団体WEBサイト制作

監理団体WEBサイト制作

以前から仕事でお世話になっていた方からWEBサイト制作のご依頼を頂き、デザイン・コーディングを担当しました。

テキストがメインのサイトとなるため「テキストが読みやすいデザイン」に気を付けて作成しました。

担当箇所・使用したツール等
  • WEBデザイン
  • コーディング
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Dreamweaver
  • SCSS
  • JavaScript(jQuery)
  • レスポンシブ対応

硬式野球チーム(ボーイズリーグ)WEBサイト制作

硬式野球クラブチーム(ボーイズリーグ)WEBサイト制作

スクリーンショットをクリックするとサイトへジャンプします。

若い頃に仕事でお世話になっていた方から、中学生の硬式野球チームのWEBサイト制作のご依頼を頂きました。

WordPress環境構築・デザイン・コーディングを担当しました。

なるべくコストをかけない事を重視したため、既存のテーマを編集して作成しています。

また、サイトの更新担当は保護者さんが担当されており、選手が卒業すると担当も変わるため、初めての方でもなるべく簡単に更新できるよう各種プラグインの導入やカスタムフィールド等を使用した投稿ページのテンプレート化等を行っています。

担当箇所・使用したツール等
  • WEBデザイン
  • コーディング
  • Wordpressテーマ編集
  • WordPress環境構築
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Dreamweaver
  • PHP
  • SCSS
  • JavaScript(jQuery)

便利屋WEBサイト制作(デモサイト)

便利屋WEBサイト制作(デモサイト)

スクリーンショットをクリックするとデモサイトへジャンプします。

便利屋のサイト制作(WEBデザイン・コーディング)を行いました。

納品時のデータから画像等をフリー素材に差し替えてデモサイトとして紹介します。

担当箇所・使用したツール等
  • WEBデザイン
  • コーディング
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Dreamweaver
  • JavaScript(jQuery)

ランディングページ模写

実際に公開されているランディングページをもとに、デザイン・レイアウトなどを再現しています。画像などについては著作権フリーの物に差し替えています。

ランディングページ模写_01

ランディングページ模写_01

スクリーンショットをクリックするとデモサイトへジャンプします。

テキストは全てダミー、画像等は著作権フリーの画像を使用しています。

担当箇所・使用したツール等
  • コーディング
  • レスポンシブ対応
  • Adobe Photoshop
  • Adobe Dreamweaver
  • SCSS
  • JavaScript(jQuery)

ランディングページ模写_02

ランディングページ模写_02

スクリーンショットをクリックするとデモサイトへジャンプします。

テキストは全てダミー、画像等は著作権フリーの画像を使用しています。

担当箇所・使用したツール等
  • コーディング
  • Adobe Photoshop
  • Adobe Dreamweaver
  • SCSS
  • レスポンシブ対応