works

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

  • 学習塾(デモ) サイトを見てみる

    学習塾(デモ)

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

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

    白・青を基調にした清潔感のある配色にし、やさしさや誠実さ・安心感を表現しました。

  • IT企業(デモ) サイトを見てみる

    IT企業(デモ)

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

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

    ・スクロール体験を意識した動きのある演出
    各セクションはスクロールに応じて自然に表示されるアニメーションを実装しています。
    ・よくある質問では、カテゴリーで絞込機能を実装しました。

  • LP美容(デモ) サイトを見てみる

    LP美容(デモ)

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

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

    ・悩み → 仕組み → 違い → 実感 → 使うイメージ → 価格と、感情の階段を1段ずつ下りるイメージで設計しました。

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

    歯医者サイト(デモ)

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

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

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