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を意識した構造設計

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
Portfolio Site
Portfolio Site
E-commerce site - Missh Kissh
Portfolio Site
Corporate Website - ワイエムオフィス株式会社
Portfolio Site
Craft Planning - 子育てサロンSunny

ご連絡はこちらから