ポートフォリオ

略歴

私は、WEBディレクター5年、WEB運営全般2年の経験を経て、2013年12月よりフリーランスでWEB制作全般に携わっています。

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

また、WEBコーディング業務と平行して法人等パソコンのキッティング・現地展開作業等を行っており「パソコンのハード面にも強いWEBコーダー」です。

私の詳しい職務経歴はこのサイトについてをご覧ください。

目次

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

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

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

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

業務概要
  • 小規模サイト(1案件あたり1~5ページ前後)のコーディング業務を担当しました。
  • 約25ヶ月の期間中に238サイトのコーディング業務を行いました(全てレスポンシブ対応)。
  • パソコン用サイトはカンプあり、レスポンシブ(タブレット・スマートフォン)用はカンプが無く、自分でレイアウトを考慮しながらコーディングを行いました。
参画期間
2020年3月~2022年4月(約25ヶ月)
制作サイト数
238サイト
※レスポンシブ対応
担当業務
WEBコーダー
チーム体制
  • WEBディレクター:1名
  • WEBデザイナー:1名
  • WEBコーダー:1名
使用ツール
  • Adobe Illustrator
  • Adobe Photoshop
  • Abode Dreamweaver
使用言語
  • html5
  • CSS3

制作実績2(WEBサイトデザイン~コーディング)

当サイト

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

「WordPress環境構築」「テーマ作成」「カスタムフィールドの設定」「カスタム投稿タイプの設定」その他PHP記述など全て自分の手で作成をしています。

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

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

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

IT総合サービス企業

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

諸事情により会社閉業となり、サイト閉鎖されました。

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

監理団体WEBサイト制作

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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