ポートフォリオ

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

また、それと平行して法人等パソコンのキッティング・現地展開作業等を行っています。

制作実績1(WEBコーディング)

WEBアプリケーションのリプレイス業務

参画期間
2022年9月~2023年5月(約9ヶ月)
ページ数
140ページ + モーダル90ページ(計230ページ)
※レスポンシブ対応
担当業務
WEBコーダー(リーダー)
チーム体制
  • WEBディレクター:1名
  • WEBデザイナー:1名
  • WEBコーダー:3名
使用ツール
  • Adobe Illustrator
  • Adobe Dreamweaver
  • Gulp
  • Microsoft Excel
  • Microsoft Word
  • Microsoft PowerPoint
使用言語
  • html5
  • CSS3(SCSS) ※FLOCSS
業務概要
  • 教育系サービスを提供している企業の自社WEBアプリケーションのリプレイス業務のうち、WEBコーディングを担当
  • 本プロジェクトへの参画期間は約9ヶ月でしたが、実質的なコーディング着手期間は約3ヶ月
  • コーディングチームのリーダーとして、WEBコーディング業務の他、各メンバーへの業務振り分け、納品後の動作テスト・品質管理を実施
  • CSS命名規則およびコーディングルールを作成
  • クライアント指示によりJavaScriptの使用が制限されたため、CSSで同様の処理ができる処理についてはCSSのみで再現しました

小規模コーポレートサイトのコーディング業務

参画期間
2020年3月~2022年4月(約25ヶ月)
制作サイト数
238サイト
※レスポンシブ対応
担当業務
WEBコーダー
チーム体制
  • WEBディレクター:1名
  • WEBデザイナー:1名
  • WEBコーダー:3名
使用ツール
  • Adobe Illustrator
  • Adobe Photoshop
  • Abode Dreamweaver
使用言語
  • html5
  • CSS3
業務概要
  • 1案件あたり1~5ページ前後のコーディング業務を担当
  • PC用サイトはデザインあり、レスポンシブ(タブレット・スマートフォン)用のレイアウトはデザイン無くレイアウトを考案

制作実績2(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)

制作実績3(ランディングページ模写)

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

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

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

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

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

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

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

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

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

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

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