works
※サイトタイトルに(デモ)と表記しているサイトについて、企業名·ロゴ·画像·テキストは、ポートフォリオ用に作成したデモコンテンツです。
実在の団体・製品・サービスと関係がありません。デザイン・実装の参考としてご覧ください。
-
IT企業(デモ)
担当範囲：デザイン～実装
使用技術：WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP
・スクロール体験を意識した動きのある演出
各セクションはスクロールに応じて自然に表示されるアニメーションを実装しています。
・よくある質問では、カテゴリーで絞込機能を実装しました。IT企業(デモ)
担当範囲：デザイン～実装
使用技術：WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP
・スクロール体験を意識した動きのある演出
各セクションはスクロールに応じて自然に表示されるアニメーションを実装しています。
・よくある質問では、カテゴリーで絞込機能を実装しました。 -
LP美容(デモ)
担当範囲：デザイン～実装
使用技術：WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP
・悩み → 仕組み → 違い → 実感 → 使うイメージ → 価格と、感情の階段を1段ずつ下りるイメージで設計しました。LP美容(デモ)
担当範囲：デザイン～実装
使用技術：WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP
・悩み → 仕組み → 違い → 実感 → 使うイメージ → 価格と、感情の階段を1段ずつ下りるイメージで設計しました。 -
歯医者サイト(デモ)
担当範囲：デザイン～実装
使用技術：WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP
・清潔感と安心感を重視したデザイン
白と淡いブルーを基調に、医院らしい清潔感と落ち着きを演出。
初診の方が不安を感じにくい雰囲気づくりを意識し、シンプルで読みやすい画面構成で統一しました。歯医者サイト(デモ)
担当範囲：デザイン～実装
使用技術：WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP
・清潔感と安心感を重視したデザイン
白と淡いブルーを基調に、医院らしい清潔感と落ち着きを演出。
初診の方が不安を感じにくい雰囲気づくりを意識し、シンプルで読みやすい画面構成で統一しました。 -
個人経営 動物病院サイト(デモ)
担当範囲：デザイン～実装
使用技術：WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP / ChatGPT / Genspark / Claude
・早急にサイトが必要な方を想定し、スピード重視でAIを用いて4日で制作しました。個人経営 動物病院サイト(デモ)
担当範囲：デザイン～実装
使用技術：WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP / ChatGPT / Genspark / Claude
・早急にサイトが必要な方を想定し、スピード重視でAIを用いて4日で制作しました。