WORKS

Fgreen

Fgreen

Fgreen WEBサイト実績(PC版)

Fgreen WEBサイト実績(スマートフォン版)

  • WordPressWordPress
  • 一般的な更新システム(WP)
  • マルチサイト(WP)

デザインにこだわりをもつエクステリアプランナーの目線で植栽を紹介する「Fgreen」WEBサイト制作。さまざまな植栽の特性やお手入れ方法などを植栽図鑑にまとめています。

システム

 多数の更新担当者とそれぞれの権限分岐

WordPressのマルチサイト機能を使用したグループサイト連携により、全国のエクステリア施工会社様がログインアカウントを持ち更新できる仕様となっています。

各管理者が自身で投稿したものだけを更新できる箇所や全員が更新できる箇所など細かく権限分岐しており、本来であればプレビューや非公開の編集など困難な権限付与も実装済みです。

 EXALIVE施工実績との連動

これまでに数多く投稿された施工実績と植栽を関連付け、他サイトの情報にもアクセスしやすい構造で作成いたしました。

 マルチサイト(異なるデザインタイプ)の追加実装

WordPressのマルチサイトは、同一デザインと異なるデザインの2タイプに分類していますが、異なるデザインタイプでのサイト追加を行いました。コア部分のバージョン管理により、これらをスムーズに実現しています。

 

デザイン

サイトのデザイン

エクステリアの美しさと親しみやすさを表現するため、ナチュラルな手書きのイラストをメインとしたサイトデザインを採用。専門性の高さと保ちつつ、ナチュラルで優しい印象に仕上げました。

トップページのプロモーションエリアでは、CSSのみで構築されたエフェクトアニメーションを採用し、閲覧環境を問わず軽快で安定した動作を実現。洗練されたデザインと機能を組み合わせることで、プロによる植栽やエクステリアの魅力を効果的に伝えるWEBサイトを実現しました。

ロゴのデザイン

サイト全体のデザインに合わせてロゴも作成いたしました。
ただの”植物”図鑑ではなく”植栽”図鑑なので、屋根をイメージしたあしらいの周りに緑が広がるようなイメージでデザインしています。

ロゴははじめ2パターン作成してご提案しました。お客様に選んでいただいた方の案で、オンラインでお打ち合わせしながらカラーや細かい部分を調整し、お客様とご一緒に仕上げました。とても良いものができうれしく思っております。

pagetop
loading