喫茶店LP（架空サイト）
「夜に、一杯だけ焙煎する」珈琲店のコンセプトLP。スクロール量に応じて背景が黒⇔白へ自然に切り替わる演出や、慣性ドラッグ・無限ループ対応のギャラリーカルーセルなど、細部の動きにこだわって実装しました。
About
私について
「探求心」と「提案力」を強みとするWebコーダー
前職のWeb制作会社では、Webコーダーとして3年半で30件以上のサイト制作に携わりました。デザインを忠実に再現するだけでなく、宿泊施設のサイトでスクロール連動の演出を提案するなど、ページの目的に合った動きを自ら考えて提案することを大切にしています。ワイヤーフレーム作成からコーディングまで一貫して担当した経験もあります。
新しい表現やSEOの手法を積極的に調べ、実践に取り入れる探求心が強みです。退職後もWordPressや生成AIのAPIを独学し、運営するWebメディアでは複数のAIエージェントによる記事品質管理の仕組みを構築しました。貴社でも新しい技術を取り入れながら、より良いサイトづくりに貢献したいと考えています。
お問い合わせ経歴
2019
インテリア商材メーカーに就職
塗料・インテリア建材（障子・ふすま・壁紙）の法人営業。大手ホームセンター52店舗でのブランドスイッチを実現
2021
インテリア商材メーカーを退職
新しいことに挑戦したいという思いから、未経験のWeb業界への転身を決意。
2022
職業訓練にてWEB制作を学習
HTML/CSS/JavaScriptに加え、Illustrator・Photoshopによるデザインも学習
2022
Web制作会社に入社
既存サイト更新やSEO改善に加え、公式サイト8件・LP9件・楽天トラベルページ14件の新規コーディングを担当
2026
Web制作会社を退職
実務で培った経験を活かし、さらなるキャリアアップのために退職。
現在
AIによる制作・WordPressを学習
AIを活用した制作手法やWordPressの構築を学びながら、転職活動中
Skills
スキル
コーディング / 本番環境への公開
- デザインカンプの忠実な再現
- レスポンシブ対応
- アニメーション実装
- metaのビジネスアカウント連携によりインスタグラムのフィードの実装
- htaccessの設定
- ページリニューアル時のリダイレクト
- mailformproによる問い合わせフォームの装
デザインツール
- コーディングに必要なデザインパーツの書き出し
- 画像の加工 / レタッチ
- バナー制作
- アクセスチャートの作成
SEO対策
- 内部対策の実施
- 表示速度の改善
- Google Search Consoleの設定
- 構造化データの実装
- キーワード構成の分析
Skills / Tools
使用スキル / ツール
- HTML
- CSS
- JavaScript
- Photoshop
- Illustrator
- PHP
- WordPress
- Premiere Pro
