About
約20年にわたり、多様な業界のWEB制作に携わり、LP・特集ページのデザインからコーディング、バナー・HTMLメール制作まで幅広く担当。
制作業務と並行して、UI改善・リニューアルや、Figmaを用いたプロダクトUIの運用・品質改善にも取り組んでいます。
ユーザー視点を大切にし、使いやすさと分かりやすさに配慮したUIとデザイン制作を心掛けています。
制作業務と並行して、UI改善・リニューアルや、Figmaを用いたプロダクトUIの運用・品質改善にも取り組んでいます。
ユーザー視点を大切にし、使いやすさと分かりやすさに配慮したUIとデザイン制作を心掛けています。
SKILL
HTML5
LP・特集ページのコーディング、レスポンシブ対応。
CSS3
命名規則を用いたコーディングを行えます。BEMを用いてPC/SPの共通化や構造整理を意識し、運用しやすいコードを心掛けています。
jquery
UI動作やアニメーション、フォーム周りの実装を担当しています。
フェードイン、スムーススクロール、アコーディオンメニューなどの基本的な動きのほか、デザインや仕様に合わせたカスタマイズにも対応しています。
Movable Type
テンプレート構築、モジュール共通化、出し分け、運用更新、本番反映まで対応しています。
github
環境構築からpullrequestまで対応可能です。ローカル確認でGulpを使用しています。
SEO
SEOの基本的な側面は理解しています。
Photoshop
写真補正や加工、ワイヤーフレーム・デザインカンプを一から作成することが可能です。
Dreamweaver
使用可能です。
Illustrator
WEB制作に必要なアイコンやロゴ作成、文字の装飾などの作業が可能です。
xd
ワイヤーフレームの修正、パーツ作成など。
figma
プロダクトUIの運用・改善に携わり、修正、コンポーネント整理、実装との差異チェック、仕様の補足、UIの統一性向上など、品質改善を意識した対応を行っています。
Excel
関数計算、ピポットテーブル、グラフの作成。マイクロソフト オフィス スペシャリスト（一般）取得しています。
Word
表作成やタブ揃え、段組み。マイクロソフト オフィス スペシャリスト（一般）取得しています。
PowerPoint
図表作成やアニメーション作成が可能です。
slack
案件の共有や進捗報告をする際に使用しています。
jira
タスク管理をする際に使用しています。
クライアント：LINEヤフー様（ファイナンス）
制作、運用期間： 2026年1月～現在
担当：Coding
使用言語：html5/css3（BEM）/JavaScript/jquery/Movable Type
LPのPC/SPコーディングに加え、UI改善・品質チェック・進行管理まで担当しました。
マーケター不在の状態だったため、仕様整理や準備、リリースまでの進行を自走して対応しました。
ラフ段階では、気になる点を洗い出し、アニメーションの要否、スティッキー表示の有無、検証タグ追加など、後戻りを防ぐための改善提案を行いました。
実装段階では、Figmaと既存ページの差異や、SPのみスティッキーが表示されていない不具合、高解像度モニターでQRコードが読み取りできない点など、細かな品質課題に気付き、改善しました。
・LPリニューアル
ここに入れる
制作、運用期間： 2026年1月～現在
担当：Coding
使用言語：html5/css3（BEM）/JavaScript/jquery/Movable Type
LPのPC/SPコーディングに加え、UI改善・品質チェック・進行管理まで担当しました。
マーケター不在の状態だったため、仕様整理や準備、リリースまでの進行を自走して対応しました。
ラフ段階では、気になる点を洗い出し、アニメーションの要否、スティッキー表示の有無、検証タグ追加など、後戻りを防ぐための改善提案を行いました。
実装段階では、Figmaと既存ページの差異や、SPのみスティッキーが表示されていない不具合、高解像度モニターでQRコードが読み取りできない点など、細かな品質課題に気付き、改善しました。
・LPリニューアル
ここに入れる
WORKS
クライアント：LINEヤフー様（ショッピング、仕事カタログ、ズバトク等）
担当：Design、Coding
使用ツール：Photoshop
制作期間：2016年～
LPのメインビジュアルや季節毎の販促バナーです。
商品やターゲット層に応じてデザインのテイストが大きく異なるため、まずはコンセプトを明確に定めた上で、色合いやレイアウト、訴求ポイントなどの要素を細部まで工夫し、ユーザーの目を引くバナーを意識して制作いたしました。
その中でも特に売上への貢献度が高いバナーや、長期にわたり掲載されたバナーを厳選して掲載しています。
担当：Design、Coding
使用ツール：Photoshop
制作期間：2016年～
LPのメインビジュアルや季節毎の販促バナーです。
商品やターゲット層に応じてデザインのテイストが大きく異なるため、まずはコンセプトを明確に定めた上で、色合いやレイアウト、訴求ポイントなどの要素を細部まで工夫し、ユーザーの目を引くバナーを意識して制作いたしました。
その中でも特に売上への貢献度が高いバナーや、長期にわたり掲載されたバナーを厳選して掲載しています。
クライアント：LINEヤフー様（電子書籍サイト）
担当：Design
使用ツール：Photoshop
制作期間：2020年9月～
漫画や電子書籍の販売用のバナー（2サイズ×2〜3枚／日）を他案件と並行して制作いたしました。
書影をもとに、配色・フォント・装飾を工夫し、作品ごとの世界観に合わせたデザインを考案しました。
担当：Design
使用ツール：Photoshop
制作期間：2020年9月～
漫画や電子書籍の販売用のバナー（2サイズ×2〜3枚／日）を他案件と並行して制作いたしました。
書影をもとに、配色・フォント・装飾を工夫し、作品ごとの世界観に合わせたデザインを考案しました。
クライアント：LINEヤフー様（ニュース）
https://news.yahoo.co.jp/expert/authors
担当：Design
使用ツール：Photoshop
制作期間：2020年9月～
個人で記事を執筆されている専門家の方のカバー用画像を制作いたしました。
本案件では、具体的なデザインのご要望がなかったため、SNSでの個人情報や活動履歴などから書き手の趣味や好みを模索して、書き手のイメージをデザインに落とし込みました。
複数案をご提案したことで、スムーズにご選定いただくことができ、結果的に書き手らしさがしっかり伝わるデザインになったと思います。
https://news.yahoo.co.jp/expert/authors
担当：Design
使用ツール：Photoshop
制作期間：2020年9月～
個人で記事を執筆されている専門家の方のカバー用画像を制作いたしました。
本案件では、具体的なデザインのご要望がなかったため、SNSでの個人情報や活動履歴などから書き手の趣味や好みを模索して、書き手のイメージをデザインに落とし込みました。
複数案をご提案したことで、スムーズにご選定いただくことができ、結果的に書き手らしさがしっかり伝わるデザインになったと思います。
クライアント：LINEヤフー様（きせかえ）
担当：Design
使用ツール：Photoshop/xd
アプリ上で提供しているきせかえ機能のテーマや、オリジナルの壁紙、誘導バナー等を制作いたしました。
『ONE PIECE』とコラボしたデザインでは、作品の世界観をテーマで表現できるように心掛けて制作いたしました。
担当：Design
使用ツール：Photoshop/xd
アプリ上で提供しているきせかえ機能のテーマや、オリジナルの壁紙、誘導バナー等を制作いたしました。
『ONE PIECE』とコラボしたデザインでは、作品の世界観をテーマで表現できるように心掛けて制作いたしました。
クライアント：LINEヤフー様（ゲーム、ファイナンス、paypayほけん、パートナー、三井住友銀行等）
制作、運用期間： 2022年10月～2025年3月
担当：Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type/Git（ソースコード管理）/Github/SourceTree
ミッションクリアキャンペーンLP（PC/SP)の新規コーディングを担当いたしました。
https://games.yahoo.co.jp/campaign/mission/2025-1
https://games.yahoo.co.jp/campaign/mission/2025-2
遊戯王デュエルリンクスLP（PC/SP)のメインビジュアルのコーディングを担当いたしました
Gitで実装し、ローカル確認でGulpを使用しています。
Gitの構築に関する手順書が存在しない状況下で、開発チームと連携しながらGitの環境構築から運用までを行いました。
プルリクエストを含む一連のGit操作を習得し、その過程で得た知見をもとに導入手順書および運用ルールをコンフルにまとめました。
https://games.yahoo.co.jp/yugioh/duel_links
paypayほけんのページリニューアルを担当いたしました。
https://www.paypay-insurance.co.jp/scenario/shopping/
制作、運用期間： 2022年10月～2025年3月
担当：Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type/Git（ソースコード管理）/Github/SourceTree
ミッションクリアキャンペーンLP（PC/SP)の新規コーディングを担当いたしました。
https://games.yahoo.co.jp/campaign/mission/2025-1
https://games.yahoo.co.jp/campaign/mission/2025-2
遊戯王デュエルリンクスLP（PC/SP)のメインビジュアルのコーディングを担当いたしました
Gitで実装し、ローカル確認でGulpを使用しています。
Gitの構築に関する手順書が存在しない状況下で、開発チームと連携しながらGitの環境構築から運用までを行いました。
プルリクエストを含む一連のGit操作を習得し、その過程で得た知見をもとに導入手順書および運用ルールをコンフルにまとめました。
https://games.yahoo.co.jp/yugioh/duel_links
paypayほけんのページリニューアルを担当いたしました。
https://www.paypay-insurance.co.jp/scenario/shopping/
クライアント：LINEヤフー様（電子書籍サイト）
制作、運用期間： 2025年4月～現在
担当：Design、Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type
電子書籍サイトの特集ページ（PC/SP)デザイン、コーディングを対応いたしました。
ユーザーが電子書籍を購入するまでの導線が弱く、途中で離脱してしまう課題がありました。
そこで一定時間だけ無料で読める「タイマー無料」のモジュールを配置し、ユーザーが気軽に作品に触れられるように改善しました。
さらに作品の魅力を伝えるために、あらすじを追加し、内容を把握しやすくすることで購入意欲を高める工夫をしました。
「ユーザーの反応が良くなった」とのフィードバックをいただき、改善の手応えを感じています。
・『黒執事』トップページのリニューアル
https://ebookjapan.yahoo.co.jp/content/title-616932/
制作、運用期間： 2025年4月～現在
担当：Design、Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type
電子書籍サイトの特集ページ（PC/SP)デザイン、コーディングを対応いたしました。
ユーザーが電子書籍を購入するまでの導線が弱く、途中で離脱してしまう課題がありました。
そこで一定時間だけ無料で読める「タイマー無料」のモジュールを配置し、ユーザーが気軽に作品に触れられるように改善しました。
さらに作品の魅力を伝えるために、あらすじを追加し、内容を把握しやすくすることで購入意欲を高める工夫をしました。
「ユーザーの反応が良くなった」とのフィードバックをいただき、改善の手応えを感じています。
・『黒執事』トップページのリニューアル
https://ebookjapan.yahoo.co.jp/content/title-616932/
クライアント：LINEヤフー様（電子書籍サイト）
制作、運用期間： 2025年4月～現在
担当：Design、Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type
電子書籍サイトの特集ページ（PC/SP)デザイン、コーディングを対応いたしました。
特集ページの無料施策により書籍の売上が好調となり、施策期間の20日間延長に繋がりました。
・『とんでもスキルで異世界放浪メシ』新規制作
https://ebookjapan.yahoo.co.jp/content/title-436374/
制作、運用期間： 2025年4月～現在
担当：Design、Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type
電子書籍サイトの特集ページ（PC/SP)デザイン、コーディングを対応いたしました。
特集ページの無料施策により書籍の売上が好調となり、施策期間の20日間延長に繋がりました。
・『とんでもスキルで異世界放浪メシ』新規制作
https://ebookjapan.yahoo.co.jp/content/title-436374/
クライアント：LINEヤフー様（電子書籍サイト）
制作、運用期間： 2025年4月～現在
担当：Design、Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type
電子書籍サイトの特集ページ（PC/SP)デザイン、コーディングを対応いたしました。
・『その着せ替え人形は恋をする』新規制作
https://ebookjapan.yahoo.co.jp/content/title-511186/
制作、運用期間： 2025年4月～現在
担当：Design、Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type
電子書籍サイトの特集ページ（PC/SP)デザイン、コーディングを対応いたしました。
・『その着せ替え人形は恋をする』新規制作
https://ebookjapan.yahoo.co.jp/content/title-511186/
クライアント：LINEヤフー様（電子書籍サイト）
制作、運用期間： 2025年4月～現在
担当：Design、Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type
電子書籍サイトの特集ページ（PC/SP)デザイン、コーディングを対応いたしました。
特集ページの無料施策により書籍の売上が好調となり、施策期間の20日間延長に繋がりました。
・『とんでもスキルで異世界放浪メシ』新規制作
https://ebookjapan.yahoo.co.jp/content/title-436374/
制作、運用期間： 2025年4月～現在
担当：Design、Coding
使用言語：html5/css3/JavaScript/jquery/Movable Type
電子書籍サイトの特集ページ（PC/SP)デザイン、コーディングを対応いたしました。
特集ページの無料施策により書籍の売上が好調となり、施策期間の20日間延長に繋がりました。
・『とんでもスキルで異世界放浪メシ』新規制作
https://ebookjapan.yahoo.co.jp/content/title-436374/
クライアント：関西大学フェンシング部
担当：Design
使用ツール：Illustrator
Tシャツの前面プリントのデザインを制作いたしました。
勝負に「白黒つけろ！」というコンセプトで、パンダをキャラクターにいたしました。
パンダのしっぽは種目を表現した「F（フルーレ）」「E（エペ）」「S（サーブル）」としています。
担当：Design
使用ツール：Illustrator
Tシャツの前面プリントのデザインを制作いたしました。
勝負に「白黒つけろ！」というコンセプトで、パンダをキャラクターにいたしました。
パンダのしっぽは種目を表現した「F（フルーレ）」「E（エペ）」「S（サーブル）」としています。