ポートフォリオ

仕事などで制作したサイトなどを紹介します。

ランディングページ

仕事などで制作した、または制作に携わったLPを紹介します。
期間限定LPのため、URLの代わりにPC版、SmartPhone版のスクリーンショットにリンクしています。

ハピネス・ドリーム水戸2周年LP

[PC]

制作期間 2016年6月~2016年7月
担当 ■コーディング・調整(HTML/CSS/JQuery)
■HP管理・更新
■サムネイル作成(参加キャスト)
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 1~2
工夫した点・結果 初めて作成したLPでもある。以降の水戸エリア店舗イベントLPのひな型でもあるため、長く使うためにも諸々気を配った。
特にイベント参加キャストのホイール型スライドは何人参加するか、誰が参加するかが一目でわかるものなので、店舗スタッフもとても気にいてくれた模様。
※スマホ版もあったはずですが、データの回収が叶いませんでした。

ハピネス・ドリーム水戸4周年LP

[PC] / [SP]

制作期間 2018年6月~2018年7月
担当 ■コーディング・調整(HTML/CSS/JQuery)
■HP管理・更新
■サムネイル作成(参加キャスト)
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 2
工夫した点・結果 スケジュールのキャスト名がどこの店舗のキャストかわかるようにアイコンを追加。
イベント中は頻繁にスケジュールが変更になるので、どの店舗の誰が変更というのが一目でわかるようになったので修正する側としても便利となった。

ハピネス・ドリーム水戸5周年LP

[PC] / [SP]

制作期間 2019年6月~2019年7月
担当 ■コーディング・調整(HTML/CSS/JQuery)
■HP管理・更新
■サムネイル作成(参加キャスト)
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 2
工夫した点・結果 前回追加したスケジュールのアイコンがどの店舗を指すのかの説明を追加。
ちなみにメイン画像は当初装飾がないものだったが、せっかく5周年なのでおめでたい感を出したいとのことで商用可能のフリー素材画像をうまく散りばめた。これも店舗スタッフは喜んでくれた模様。

ハピネス福岡5周年LP

[PC] / [SP]

制作期間 2018年10月~2018年11月
担当 ■コーディング・調整(HTML/CSS/JQuery)
■HP管理・更新
■サムネイル作成(参加キャスト)
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 2
工夫した点・結果 過去データにあったハピネス福岡2周年LPを元に作成。これが福岡エリア店舗イベントLPのひな型となる。
イベント出勤終了したキャストのスケジュール表にその旨と感謝のメッセージを簡単に掲載。

ハピネス&ドリーム福岡1周年LP

[PC] / [SP]

制作期間 2019年1月~2019年3月
担当 ■コーディング・調整(HTML/CSS/JQuery)
■HP管理・更新
■サムネイル作成(参加キャスト)
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 2
工夫した点・結果 ハピネス福岡5周年LPとほぼ同じ。見分けやすいようにイベント参加キャスト情報の色を変更。
ちなみにサムネ画像(スライダーの)も水戸エリア店舗イベントLPのものを改変したもの。

福岡W杯2018開催記念LP

[PC] / [SP]

制作期間 2018年6月~2018年7月
担当 ■コーディング・調整(HTML/CSS)
■HP管理・更新
■サムネイル作成(参加キャスト)
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 2
工夫した点・結果 福岡エリア店舗イベントLPのひな型を各所改良のもと変更。デザインも変更とのことだったがデザインデータはなく、コーディングしながらデザインが決定された。
また(記憶が正しければ)今回から当時は慣れていないレスポンシブ対応だったので、夜遅くまで残業して作成したひどく苦戦したLPである記憶がある。
その甲斐あったのか今回のイベント開催中のCVR(=売上)は大きく伸びたそうで、店舗スタッフから感謝された。

福岡HG20 2019LP

[PC] / [SP]

制作期間 2019年5月~2019年6月
担当 ■コーディング・調整(HTML/CSS/JQuery)
■HP管理・更新
■サムネイル作成(参加キャスト)
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 2
工夫した点・結果 なぜか以前の福岡エリア店舗イベントLPのひな型のデザインに戻った(たぶんデザイン作成の時間がなかったと記憶)。
今回は福岡エリア2店舗の合同イベントということで「キャストがどちらの店舗のイベントに参加するか」を明確にするため、イベント参加キャスト情報の色を分けている。

ハピネス東京 吉原店2周年LP

[PC] / [SP]

制作期間 2018年10月~2018年11月
担当 ■コーディング・調整(HTML/CSS)
■HP管理・更新
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 2
工夫した点・結果 水戸エリア店舗イベントLPを元に作成。ただし今回スライダーは削除。
スケジュールは1日に参加するキャストが多いため、全員分表示しても崩れないようにその部分のCSSは改変している。

水戸2019BIG LP

[PC] / [SP]

制作期間 2019年1月~2019年2月
担当 ■コーディング・調整(HTML/CSS/JQuery)
■HP管理・更新
■サムネイル作成(参加キャスト)
制作時の在籍会社 P社(仮名)
チーム組織 ■ディレクター1人
■デザイナー1~2人
■コーダー2人
担当総ページ数 2
工夫した点・結果 以前の水戸エリア店舗イベントLPとほぼ同様。
ちなみにスケジュールや福岡エリア店舗イベントLPの参加キャストの並び順は、参加日時(出勤時間)の早い順にしているため、時間変更の際は都度並び順も変更していた。