ポートフォリオ

ポートフォリオ

仕事などで制作した、または制作に携わったサイトを紹介します。

夢花

https://yume-hana.net

制作期間	2024年3月～4月
担当	■レスポンシブ含むコーディング（HTML/CSS/JQuery/PHP） ■元サイトページの移植・改修 ■WordPress導入・設定（カスタム投稿設定含む） ■フォーム送信テスト ■フォームGmail不具合解決
制作時の在籍会社	N社（仮名）
チーム組織	■ディレクター1人 ■コーダー1人
担当総ページ数	16
工夫した点	■もともと2つのサイトを統合するということでトップページはシンプルな店舗選択ページに。 ■WP導入やサーバー変更による影響もあったが元サイトはそのままの形で復元。 ■下層ページはもともとの2つのサイトとも内容がほぼ同じのため新規で統合。

Game With ARTERIA

https://www.gamewith-arteria.com

制作期間	2024年5月～6月
担当	■レスポンシブ含むコーディング（HTML/CSS/JQuery/PHP） ■RCMSへの反映・設定 ■フォーム送信テスト
制作時の在籍会社	N社（仮名）
チーム組織	■営業1人 ■デザイナー1人 ■コーダー1人
担当総ページ数	8
工夫した点	■トップページのコンテンツ紹介が冗長にならないようにタブで切り替えられるように。 ■RCMSに対応できるように一部箇所をテンプレ化。

割烹料理佐久良

https://lilyan.jp/sakura/

制作期間	2024年9月
担当	■レスポンシブ含むコーディング（HTML/CSS/JQuery）
制作時の在籍会社	N社（仮名）
チーム組織	■ディレクター1人 ■デザイナー1人 ■コーダー1人
担当総ページ数	1
工夫した点	■あしらいが複雑なのが多いのでレスポンシブの際に崩れないように細かく調整。 ■1ページだけとはいえ同時進行案件過多の上制作期間が2～3日足らずと非常に短い期間のためとにかく間に合わせることを重視。

有限会社アートスタジオNON

https://art-studio-non.com

制作期間	2022年8月 ※2022年12月公開
担当	■レスポンシブ含むコーディング（HTML/CSS/JQuery/PHP） ■WordPress導入・設定（カスタム投稿・カスタムフィールド設定含む） ■フォーム送信テスト
制作時の在籍会社	C社（仮名）
チーム組織	■ディレクター1人 ■デザイナー1人 ■コーダー1人
担当総ページ数	9
工夫した点	■スクロールアニメーションを左右・フェードの使いどころを考えつつ追加。 ■ページ右にスクロール位置が把握できるバーを追加。 ■施行事例はカスタム投稿を導入、顧客側でも簡単に追加できるように。

熱海マリンスポーツクラブ

https://atami-marine.jp

制作期間	2022年6月～7月
担当	■レスポンシブ含むコーディング（HTML/CSS/JQuery） ■フォーム送信テスト
制作時の在籍会社	C社（仮名）
チーム組織	■ディレクター1人 ■デザイナー1人 ■コーダー1人
担当総ページ数	18
工夫した点	何の通知もなく来た突発案件で、デザイン含め制作期限1週間半ととにかく時間がなく、その中で度重なる仕様変更もあり、とにかく作り上げることだけ考えた。同時にサイト制作全体のスケジュール管理と顧客とのKPI・KGIの擦り合わせなど、会社全体+顧客とのコミュニケーションとディレクションの重要性を身をもって理解した。

株式会社コンパス

https://cpss.co.jp

制作期間	2022年4月～5月
担当	■レスポンシブ含むコーディング（HTML/CSS/JQuery） ■WordPress導入・設定 ■フォーム送信テスト
制作時の在籍会社	C社（仮名）
チーム組織	■ディレクター1人 ■デザイナー1人 ■コーダー1人
担当総ページ数	8
工夫した点	当時在籍していた会社の制作方針に乗っ取り、画像は写真を変更しやすいように可能な限りCSSだけで完結。例として追従ボタン、TOPページ「不動産売買事業」3つのブレットポイント、各下層ページ見出しの左下角丸など。

株式会社アシストライン

https://as-line.jp

制作期間	2017年10月～2019年12月
担当	■コーディング・調整（HTML/CSS） ■WordPress導入 ■一部画像作成 ■フォーム送信テスト ■HP管理・更新
制作時の在籍会社	P社（仮名）
チーム組織	■ディレクター1人 ■デザイナー2人 ■コーダー2人
担当総ページ数	10くらい（分担した記憶があるが定かではない）
工夫した点	画像で済ませられるところは画像で作成（例として各種サービス詳細ページの表や図解など）。

最強のバターコーヒー

http://www.buttercoffee.shop

制作期間	2017年～ ※2020年4月まで担当
担当	■スマホ用ページ含むコーディング・調整（HTML/CSS/PHP） ■一部画像作成 ■フォーム送信テスト ■HP管理・更新
制作時の在籍会社	P社（仮名）
チーム組織	■ディレクター1人 ■デザイナー2人 ■コーダー2人
担当総ページ数	管理画面含め12～15くらい（新規作成は4ページくらい。ページ更新がメイン）
結果	オープン時は人気があったようで、TVや雑誌にも取り上げられた。メニューページやキャンペーンバナーの管理やスタッフ一覧ページ新設は店舗スタッフも喜んでくれたらしい。

COMPLICE

https://complice.shop

制作期間	2017年3月～2020月3月
担当	■コーディング・調整（HTML/CSS） ■WordPress導入 ■HP管理・更新
制作時の在籍会社	P社（仮名）
チーム組織	■ディレクター1人 ■コーダー2人 ※デザインは外注らしい
担当総ページ数	1
工夫した点	（正直あまり覚えてないが…）WordPress導入したもののサーバーの不具合でHTML/CSSに戻した。

ナチュリエいわて/新潟

http://naturie-fc.jp/iwate / http://naturie-fc.jp/niigata

制作期間	2015年2月～4月
担当	■コーディング・調整（HTML/CSS/PHP/JQuery） ■WordPressのシステム全般 ■送信フォーム作成
制作時の在籍会社	I社（仮名）
チーム組織	■ディレクター1人 ■デザイナー1人 ■コーダー1人
担当総ページ数	6～12くらい（いわて・新潟を合算）
工夫した点	主にWordPressやPHPといったシステム・プログラム関連を担当。各イベントの情報掲載の有無をWordPress管理画面より顧客側で決められるほか、イベント終了期間に合わせて自動で「終了済みイベント」にカテゴライズされるように。

全国高圧ガス容器検査協会

http://www.zenkenkyo.jp

制作期間	2014年12月～2015年2月
担当	■レスポンシブを含まないコーディング・調整（HTML/CSS/PHP/JQuery） ■ポップアップデザイン ■動的コンテンツ挙動確認・調整 ■HP更新
制作時の在籍会社	I社（仮名）
チーム組織	■ディレクター1人 ■デザイナー1人 ■コーダー1人
担当総ページ数	33未満（すべてのページを担当したわけではない）
工夫した点	主にJQueryやPHPといった動的コンテンツのコーディング、具体的にはグローバルメニューのプルダウンや「会員会社」のポップアップ、地図のオンマウス・ポップアップの部分を担当。ポップアップは×以外にもポップアップ外をクリックでも閉じるように。

鈴木たかこオフィシャルサイト

http://www.suzukitakako.jp

制作期間	2014年11月～12月
担当	■コーディング・調整（HTML/CSS/PHP/JQuery） ■動的コンテンツ挙動確認・調整
制作時の在籍会社	I社（仮名）
チーム組織	■ディレクター1人 ■デザイナー1人 ■コーダー1人
担当総ページ数	1
工夫した点	fullPage.jsを導入。各ページの「詳しくはこちら」をクリックすると、ページが右にスクロールして詳細内容が表示、「戻る」で左にスクロールして戻るように。 ※2023年8月現在、リニューアルされたようです。

日本オープンマーケット

http://www.open-markets.jp

制作期間	2013年2月～3月
担当	■デザイン ■レスポンシブを含まないコーディング（HTML/CSS/Javascrirt） ■HP更新
制作時の在籍会社	T社（仮名）
チーム組織	■ディレクター？1人 ■デザイナー兼コーダー1人 ※イラスト・一部バナー画像は外注
担当総ページ数	10くらい
工夫した点	スライダーの非表示画像のボタンが透過されるように。 ※2014年からリニューアルされています。リニューアル版もコーディングを2ヵ月ほど担当しました。

SAFEクリニック

http://www.safe-youthcentre.jp

制作期間	2013年5月～2014年1月
担当	■デザイン(下層ページのみ) ■レスポンシブを含まないコーディング（HTML/CSS/Javascrirt）
制作時の在籍会社	T社（仮名）
チーム組織	■ディレクター？1人 ■デザイナー兼コーダー1人 ※TOPページデザイン・イラスト・一部バナー画像は外注
担当総ページ数	12くらい
工夫した点	グローバルメニューやサイドメニューなどは当初は白べたの背景だったが、外注と相談のもと透過へ変更することでもったり感を解消。

仙台ろけなびTV

http://www.sendai-rokenavi.nitn.tv/index2.php

制作期間	2012年6月～7月
担当	■ワイヤーフレーム作成 ■デザイン ■コーディング（HTML/CSS/Javascript/PHP） ■動画変換システム移植 ■HP更新
制作時の在籍会社	T社（仮名）
チーム組織	■ディレクター？1人 ■デザイナー兼コーダー1人
担当総ページ数	8くらい
工夫した点・結果	当時の会社に就く以前から動画変換システムの移植や動画再生がうまくできていなかったらしく、試行錯誤を繰り返して実現。顧客からはとても喜ばれ、以降サイト制作に関する相談や依頼を直接受けるまでになったのを今でも覚えている。

有限会社アークテック

http://www.arctec21.jp

制作期間	2013年12月～2014年3月
担当	■ワイヤーフレーム作成 ■デザイン ■コーディング（HTML/CSS/Javascript/PHP） ■HP更新
制作時の在籍会社	T社（仮名）
チーム組織	■ディレクター？1人 ■デザイナー兼コーダー1人
担当総ページ数	10くらい
工夫した点	スライダーのボタンを縦並びに。設置事例の日本地図をクリックで、そのエリアの設置状況の詳細が見られるように。 ※2023年8月現在、リニューアルされたようです。

がれき処理コンソーシアム

http://www.gareki-shori.com

制作期間	2013年2月～4月
担当	■ワイヤーフレーム作成 ■デザイン ■コーディング（HTML/CSS/PHP） ■WordPress導入・設定（DB管理含む） ■HP更新
制作時の在籍会社	T社（仮名）
チーム組織	■ディレクター？1人 ■デザイナー兼コーダー1人
担当総ページ数	8くらい
工夫した点	公開以降のデータ追加・運営は顧客側で行うとのことだったので、WordPress管理画面にて記事作成やPDFデータアップ・リンク設定をわかりやすく設定、かつ手順書を作成。

シニアパートナーズ

http://www.senior-partners.jp

制作期間	2013年5月～11月
担当	■ワイヤーフレーム作成 ■デザイン ■コーディング（HTML/CSS） ■システム移行 ■HP更新
制作時の在籍会社	T社（仮名）
チーム組織	■ディレクター？1人 ■デザイナー兼コーダー1人
担当総ページ数	8くらい
工夫した点	もともとあったサイトをリニューアル、そのリニューアル前に使っていたシステムをなんとか移行して公開となった。

有限会社日章堂

http://www.nisshodo.com

制作期間	2012年10月～12月
担当	■コーディング（HTML/CSS/JavaScript）
制作時の在籍会社	T社（仮名）
チーム組織	■ディレクター？1人 ■コーダー1人 ※デザインは外注、だったはず
担当総ページ数	8くらい
工夫した点	値段下のラジオボタンを押すことで追加料金の値段表記も変動するスクリプトを作成。当時慣れないJavascriptで試行錯誤したのを覚えているが、追加料金システムが変更となったのか2023年8月現在そのラジオボタンは削除されているようだ。

全環衛生事業協同組合

http://www.zenkan.or.jp

制作期間	2013年2月～5月
担当	■コーディング（HTML/CSS/PHP） ■WordPress導入・設定（DB管理含む） ■HP更新
制作時の在籍会社	T社（仮名）
チーム組織	■ディレクター？1人 ■コーダー1人 ※デザインは外注
担当総ページ数	16くらい
工夫した点	新着記事の追加・運営は顧客側で行うとのことだったので、WordPress管理画面にて記事作成や画像データアップ・リンク設定をわかりやすく設定。

■風俗サイト関連

風俗サイト関連のポートフォリオになります。以下のボタンから閲覧できます。
18歳未満の方はご遠慮ください。

18禁

18歳以上なので見る