Works
LP-Sample
担当範囲
デザイン/コーディング
使用技術
HTML5/CSS3/Bootstrap 5/JavaScript/PHP
実装内容
レスポンシブ対応/固定ヘッダー/ハンバーガーメニュー/スムーススクロール/アコーディオン（トグル）/追従バナー設置/お問い合わせフォーム/ブログ一覧実装/favicon設定/SEOを意識したセマンティックHTML
WordPress-Sample1
担当範囲
デザイン/WordPress構築/コーディング/レスポンシブ対応
使用技術
WordPress/Blocksy/HTML/CSS/JavaScript/PHP
実装内容
オリジナルデザインの実装/Blocksyテーマのカスタマイズ/スライドショー実装/アニメーション実装/投稿機能を利用した英語学習コラム一覧の表示/レスポンシブ対応/固定ヘッダー実装/favicon設定/SEOを意識した見出し構造設計
WordPress-Sample2
担当範囲
デザイン/WordPress構築/コーディング
使用技術
WordPress/Astra/CSS/JavaScript/PHP
実装内容
オリジナルデザインの実装/テーマカスタマイズアイキャッチ画像設定/カテゴリー・記事一覧表示/レスポンシブ対応/favicon設定/SEOを意識した構造設計
Coding
UI-Sample1
オンライン英会話 会員ページ
UI-Sample2
オンライン英会話 管理画面
Skills
セマンティックなHTML、保守性を意識したCSS設計、レスポンシブ対応、SEOを考慮したマークアップを心がけています。
フロントエンド
HTML5 / CSS3（実務9年）, レスポンシブデザイン, Bootstrap, JavaScript（既存コード改修・UI実装・アニメーション実装）
プログラミング
PHP・Perl（既存システムの保守・改修）
CMS
WordPress（サイト開設 / 投稿管理 / テーマ編集 / カスタマイズ）, BindUP
計測タグ・マーケティング
Google Tag Manager, Google Analytics, gtag.js 設置
デザインツール
Photoshop（デザインカンプ制作 / 画像加工 / バナー制作）, Figma, Adobe XD, Canva, Illustrator（基本操作）
開発環境
Visual Studio Code / GitHub / WordPress / FTPクライアント / RLogin
バージョン管理（GitHub）を利用したファイル管理・更新作業に対応。
AIツールを活用した記事作成支援およびコーディング効率化を実施。
その他
ECサイト運営（Amazon , 楽天 , Yahooその他）
About
ポートフォリオサイトやコーポレートサイト、
ECサイトの制作・運用に携わってきました。
デザインからコーディング、WordPress構築、公開後の更新・運用まで
一貫して対応可能です。
直近6年間はオンライン英会話サービスの制作・運用を担当し、
HTML/CSS、JavaScript、PHPを用いた機能改修やページ更新、
フォーム調整など幅広い業務に従事してきました。
既存システムや運用フローを理解しながら、
ユーザーにとって分かりやすく使いやすいWebサイト制作を心掛けています。
子育て期間中は、子育てサロンにおける
クラフト企画など、アートを軸とした活動に取り組んできました。
身近な素材を使い、季節感を取り入れた企画を通して
親子で楽しめる時間づくりを大切にしてきました。
Portfolio Site
E-commerce site - Missh Kissh
Corporate Website - ワイエムオフィス株式会社
