ポートフォリオ

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

WEBディレクション関連

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

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

htmlコーディング案件数(直近1年間)

5 10 15 20
2021年1月 9
2021年2月 12
2021年3月 14
2021年4月 8
2021年5月 9
2021年6月 9
2021年7月 7
2021年8月 8
2021年9月 7
2021年10月 7
2021年11月 6
2021年12月 7
2022年1月 6
2021年2月 5
2021年3月 12

これまでの合計:227件

現在は、法人等パソコンのキッティング・現地展開を行いながら、展開作業が少ない時はHTMLコーディングを請け負っている状態です。

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

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

当サイト

当サイト

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

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

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

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

担当箇所・使用したツール等
  • WEBデザイン
  • コーディング
  • Wordpressテーマ作成
  • WordPress環境構築
  • ロゴ作成
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Dreamweaver
  • WordPress
  • 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デザイン
  • コーディング
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Dreamweaver
  • 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
  • レスポンシブ対応