ポートフォリオ
仕事などで制作した、または制作に携わったサイトを紹介します。
こちらは風俗関連のサイトになります。
一部を除き会社専用のCMSを使用して作成・更新作業を行いました。
恋愛グループ 総合
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS） ■HP管理・更新 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 20くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | 会社専用のCMSの都合でレスポンシブにできないが、ポータルサイト用のものであればレスポンシブ可能となったので、ポータルサイト用ページ新設の場合はレスポンシブを前提としたコーディングを行った。 ただ、他のサイトもそうだがスマホ版（とガラケー版）も基本的にはPC版を流用できる形でコーディングしている。 ※2023年8月現在、リニューアルされたみたいです。在籍中も兼ねてよりリニューアルの話は出ていました。 |
恋愛マット同好会
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン（グラビア・LP） ■動画管理 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 40くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | グラビアページを入れたいとのことで新設。lightbox・photoswipe使用。 サムネイルをクリックでポップアップ表示、さらに画像左右の送りボタンで前後画像へ表示可能。スマホ版は画面スライドで前後画像表示が可能。横向き・縦向き・正方形の写真にも対応。（他の店舗のグラビアも同様） また写メ日記LPのコーディングも担当。写メ日記の並びは新しいものからランダム表示。こちらはレスポンシブ対応。 |
あ～イク!恋愛生欲情の扉
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン（グラビア・プレイ） ■動画管理 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 40くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | プレイページを入れたいとのことで新設。slick使用。 プレイコースイメージページにて動画で紹介。プレイページでのコース一連の流れ（写真）はスライダーとなっている。 スマホ版では表示されているコースによってアンカーリンクボタンの色が変化（押下されている状態）。なお、このCMSではPHPが使えないのでパラメータの引き渡しが不可能につき、タブ（CSS/JQuery）を使用。 |
土浦ハッピーマットパラダイス
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン（グラビア） ■動画管理 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 40くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | キャスト個別紹介ページのサムネイルを5枚以上にしたいとのことでCSSを改造して10枚まで表示できるように。スマホ版にも対応。 ※この店舗サイトにもグラビアページを新設したのですが、2023年8月現在非表示になったみたいです。 |
土浦★ガールズコレクション
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン（グラビア・プレイ） ■動画管理 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 40くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | こちらにもプレイページを新設。プレイページのスライダーはslick、プレイ動画のポップアップはlity（改変）を使用。 ※2022年11月に閉店したようで、現在クローズページになっています。 |
ラブラブコレクション
https://www.love-collection.com
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン（グラビア・システム（一部）） ■動画管理 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 40くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | こちらにもグラビアページを新設。lightbox・photoswipe使用。またこちらもキャスト個別紹介ページのサムネイルを10枚まで表示できるように。 ※2023年8月現在、グラビアページが非表示になったみたいです。 |
横浜パフパフチェリーパイ
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン・画像作成（コンセプト） ■動画管理 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 40くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | コンセプトページの画像は色合いと文字の強調に気を配りながら作成。8+4種（現12+3種）の動画は当時のスマホでも再生できるようにFlashPlayerからmp4に変換、videoタグで埋め込み再生できるように。 なお、このページのデザインカンプも作成。会社専用CMSの使い勝手の悪さもあり、限られた方法でどう作るか、どう実装するかが試された。 |
ラブラブステーション
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン（プレイ・クチコミ） ■動画管理 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 40くらい（リニューアル前サイトのスマホ版・ガラケー版含む） |
| 工夫した点 | プレイページのコースごとの説明はタブ切り替えで行えるように。プレイ動画もタブによって切り替わるように。 なお、リニューアルにあたり会社専用CMSで初めてレスポンシブ対応のコーディングが可能になった。 ※2023年8月現在、閉店したのか「恋愛グループ 総合」へリダイレクトされるようです。 |
横浜ハッピーマットパラダイス
https://www.yk-happy-matto.com
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン（クチコミ） ■動画管理 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 40くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | アクセスマップ画像修正の際、元データがPSDデータではなくAIデータだったため、Photoshopでもなんとか編集できるように。 ※2023年8月現在、サイトがリニューアルされてレスポンシブ対応になったようです。 |
恋愛グループ 女子求人サイト
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS） ■HP管理・更新 ■フォーム送信テスト |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | リニューアル前はキャストのレビューを掲載しており、すべて手打ちで入力。当時項目がバラバラだったため、記載項目を統一。 （リニューアル後は外部ポータルサイトでの管理・記載となった） |
恋愛グループ 男子求人サイト
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS） ■HP管理・更新 ■フォーム送信テスト |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版・ガラケー版含む） |
| 工夫した点 | リニューアル後はレスポンシブ対応に。インタビューページは長い文章なのでどこで段落を分けて読みやすくするかを考えた。 ※2023年8月現在、再びリニューアルされてようです。 |
ハピネスグループ 総合
https://www.happiness-group.com
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS） ■HP管理・更新 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 20くらい（スマホ版含む） |
| 工夫した点 | 認証ページはレスポンシブ対応。どの店舗数でもどの端末でも崩れないようにCSSを調整（この時にflexboxを学んだ）。 |
ハピネス東京 五反田店
https://tokyo.happiness-group.com
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■一部画像作成 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | 背景画像はキャストの顔と文字が被らない事、左右のバランス、どのPCサイズにも入るように作成。ちなみにキャストの写真は指定される。（他店舗も同様） |
ハピネス東京 吉原店
https://yoshiwara.happiness-group.com
| 制作期間 | 2016年9月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■一部画像作成 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | アクセスページの内容が結構多く、スマホ版では特に冗長になってしまうので、アコーディオンで収納、見たい情報だけ見られるように。 |
池袋バイオレンス
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | アクセスページの写真で道案内は、スマホ版ではもともと別ページへリンクだったのをタブ化。 |
池袋クラブハート
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | ちなみにこの全店舗のサイト軽量化/SSL対策をきっかけにSSLについて学び、個人HPのSSL化に活かす形となった。 |
池袋クラブハートDX
| 制作期間 | 2018年3月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■一部画像作成 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | LPはレスポンシブ対応。スマホ表示の際、崩れないのはもちろん、写真と文字が被りすぎないようにバランスに気を使った。 |
水戸ドリーム
https://www.happiness-dream.com/dream/
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | コスチュームページのデータ登録・更新も担当。会社専用のCMSから登録。種類が多いので番号と名前と写真を間違えないように登録・更新するように気を配った。 |
ハピネス水戸
https://www.happiness-dream.com/happiness/
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | 期間限定キャンペーンバナーといった掲載期間が指定されているバナーは、CMSの予約アップ機能を使用。対象店舗全店抜かりなくタグが入っているかを帰宅前に確認、アップ時間にPCとスマホで正しくアップされているかを確認・報告という流れ（日付変更と同時に掲載のパターンがほとんどだったため）。予約・確認作業は当時のディレクターとコーダー（自分含む）で手分けして作業・確認した。 |
ハピネス福岡
https://fukuoka.happiness-group.com
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | この店舗サイトもそうだが一部店舗サイトの画像データが軒並み消失あるいはAIデータのみということがよくあったので、可能な限りPSDデータに置き換えて編集しやすいようにしていた。 |
ハピネス＆ドリーム福岡
| 制作期間 | 2017年12月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■デザイン（おもちゃ） ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | おもちゃページを新設。各種おもちゃの画像をクリックでポップアップ表示、キャプションにそのおもちゃの簡単な説明を記載。thickbox（スマホ版はslickも）使用。 ※絞り込み機能は組み込んだ記憶がなく、おそらく退職後に追加されたものと思われます。 |
ハピネスグループ 女子求人サイト
https://recruit.happiness-group.com
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■フォーム送信テスト |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 20くらい（リニューアル前のスマホ版含む） |
| 工夫した点 | リニューアルされてレスポンシブ対応となった。出稼ぎページのエリア詳細はアコーディオンで見たいエリアだけ確認できるように。 |
ハピネスグループ 男子求人サイト
https://men.happiness-group.com
| 制作期間 | 2015年11月～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS） ■HP管理・更新 ■一部画像作成 ■フォーム送信テスト |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 10くらい（スマホ版含む） |
| 工夫した点 | リニューアルされてレスポンシブ対応となった。主に募集要項の更新などを担当。 |
2980円
| 制作期間 | 2017年～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS/JQuery） ■HP管理・更新 ■サイト軽量化/SSL対策 |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 30くらい（スマホ版含む） |
| 工夫した点 | 記憶が正しければ在籍中一番最後に新規立ち上げした店舗サイト。グループも恋愛グループやハピネスグループと独立したものにつき、それらのグループと混同しないように気を付けた。 |
2980円グループ 女子求人サイト
| 制作期間 | 2017年～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS） ■HP管理・更新 ■一部画像作成 ■フォーム送信テスト |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 10くらい |
| 工夫した点 | レスポンシブ対応。スタッフ紹介の画像はもともとは顔写真だったが、問題があったのか現在のイラストに変更となった（イラストは別部署のデザイナーが担当、画像内名前は追加で自分が入れた）。 |
2980円グループ 男子求人サイト
https://www.2980group.com/recruit/
| 制作期間 | 2017年～2020年8月まで担当 |
|---|---|
| 担当 | ■コーディング・調整（HTML/CSS） ■HP管理・更新 ■フォーム送信テスト |
| 制作時の在籍会社 | P社（仮名） |
| チーム組織 | ■ディレクター1人 ■デザイナー1～2人 ■コーダー2人 |
| 担当総ページ数 | 2 |
| 工夫した点 | レスポンシブ対応。内容が少ないこともありフォーム一部分と募集要項の更新部分だけ担当。 |