こんにちは。PEPの島です。

大阪府八尾市にて木材・新建材・住宅機器の販売から建築工事までを手掛ける「上西木材株式会社」様のWebサイトを制作いたしました。

ロゴカラーである「緑（森林・信頼）」と「オレンジ（太陽・活気）」を基調に、背景には生成り色や薄いベージュを採用。

Webサイト特有のデジタルな冷たさを排除し、「木材を取り扱う企業らしい温かみと手触り感」のあるデザインを目指しました。

【Point 1】読みやすさと世界観の両立

メインビジュアルでは、写真の上に文字が重なっても可読性を損なわないようグラデーション処理を施し、「木の温もりと確かな技術で未来を築く」というメッセージを力強く伝えています。

各セクション（事業内容・選ばれる理由）では、フラットになりがちな情報を「カード型デザイン」に整理。

ホバー時のズームエフェクトや立体的な影をつけることで、ユーザーの視線を引きつけるリッチな挙動を実装しました。

【Point 2】クライアント自身で更新できる「施工事例」システム

現段階ではまだテスト投稿となっておりますが、「施工実績を自分たちで手軽に更新したい」というご要望に応え、WordPressの投稿機能をカスタマイズしました。

複雑な操作を必要とするカスタム投稿タイプではなく、標準の「投稿」機能を活用し、ショートコードと連携させることで、「ブログを書く感覚で、美しいレイアウトの施工事例ページが作れる」仕組みを構築しています。

【Point 3】保守性を高めるコード設計

将来的な運用を見据え、CSS設計には変数（Custom Properties）を導入。

カラーコードや共通設定を一元管理することで、デザイン変更に強く、軽量でメンテナンス性の高いコードを実現しました。

「更新できない」「デザインが古い」など、Webサイトのお悩みはありませんか？

今回の事例のように、既存のシステムを活かしたままデザインだけを刷新したり、「自分たちで簡単に更新できる仕組み」を後から追加することも可能です。

「今のサイトを少しだけ良くしたい」というご相談からでも、お気軽にお声がけください。現状の課題に合わせて、最適な改修プランをご提案いたします。

まずはお気軽にお問い合わせください！