works

画像をクリックすると、各サイトが別タブで開きます。 ※サイトタイトルに(デモ)と表記しているサイトについて、企業名·ロゴ·画像·テキストは、ポートフォリオ用に作成したデモコンテンツです。
実在の団体・製品・サービスと関係がありません。デザイン・実装の参考としてご覧ください。

  • エステサロン(デモ) サイトを見てみる

    エステサロン(デモ)

    【担当範囲 (以下の工程を1人で担当)】
    企画、ワイヤーフレーム、デザイン、コーディング(WordPress/PHP実装、ACF・CF7設定)、SEO対策、本番サーバー移行・公開まで

    【使用技術】
    WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP

    エステサロンのホームページを想定し、ピンク×ブラウンの上品な配色で、静寂と贅沢を意識して高級感のある癒しの雰囲気をイメージ・設計しました。

  • 歯医者サイト(デモ) サイトを見てみる

    歯医者サイト(デモ)

    【担当範囲 (以下の工程を1人で担当)】
    企画、ワイヤーフレーム、デザイン、コーディング(WordPress/PHP実装、ACF・CF7設定)、SEO対策、本番サーバー移行・公開まで

    【使用技術】
    WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP

    ・清潔感と安心感を重視したデザイン
    白と淡いブルーを基調に、医院らしい清潔感と落ち着きを演出。
    初診の方が不安を感じにくい雰囲気づくりを意識し、シンプルで読みやすい画面構成で統一しました。

  • 動物病院サイト(デモ) サイトを見てみる

    動物病院サイト(デモ)

    【担当範囲 (以下の工程を1人で担当)】
    企画、ワイヤーフレーム、デザイン、コーディング(WordPress/PHP実装、ACF・CF7設定)、SEO対策、本番サーバー移行・公開まで

    【使用技術】
    WordPress(オリジナルテーマ) / HTML / CSS / JavaScript / PHP / ChatGPT / Genspark / Claude

    ・早急にサイトが必要な方を想定し、スピード重視でAIを用いて4日で制作しました。

  • イタリアンレストラン(デモ) サイトを見てみる

    イタリアンレストラン(デモ)

    【担当範囲 (以下の工程を1人で担当)】
    企画、ワイヤーフレーム、デザイン、コーディング(WordPress/PHP実装、ACF・CF7設定)、SEO対策、本番サーバー移行・公開まで

    【使用技術】
    WordPress(テーマ：Astra) / HTML / CSS

    ・ユーザー導線を最適化した右サイドメニュー設計
    常に表示される「MENUボタン」により、閲覧中どのページからでも主要情報へ素早くアクセス可能にしました。