【10の事例】Cocoonで作ったコーポレートサイト【よく使われているサーバーとプラグインも紹介】

2024年6月24日

WordPress

当サイトはアフィリエイト広告を利用しています

コーポレートサイトとは、企業や団体が自社情報を公開し、ブランドイメージを向上させるために運営するWebサイトです。会社概要、製品やサービスの紹介、採用情報、ニュースリリースなどが掲載されており、企業の認知度を高める目的があります。

WordPressの無料テーマ「Cocoon」（コクーン）で作られたWebサイトのうち、コーポレートサイトの参考になりそうな事例をまとめました。

（※ 参照：WordPressサイトの事例を確認できるサイト「WP-Search」）

目次 [ close ]

【10の事例】Cocoonで作ったコーポレートサイト参考例

学校法人鹿児島純心女子中・高等学校

鹿児島純心高等学校、cocoon — 出典：https://www.k-junshin.ed.jp/

グローバルメニュー（画面上の案内メニュー）は、コーポレートサイトらしいオーソドックスな作り。サイト設計として面白いのが、「入試情報」や「活動報告」などがnoteにリンクされている点です。noteはWordpressよりハードルが低いので、各部署の担当者はnoteで記事を書いているのでしょう。

トップページは、プラグイン「Elementor Website Builder」（エレメンターウェブサイトビルダー）で作られています。このプラグインはCocoonと相性が悪く、使いこなすのが難しいので、知識のあるかたがトップページを作成したと思われます。

東京女子医科大学病院臨床工学部

サイドバーが左に設置されている以外は、Cocoonらしいシンプルなサイト。WordPress初心者でもじゅうぶんに作成可能で、参考になるサイトです。

株式会社M・K・G

サイドバーを非表示にした1カラムは、企業サイトらしいデザインです。

ただ、大きな画像をベースにしたページ構成や質の高いオリジナル画像を見ると、プロのホームページ制作会社が入っていると思われます。

さくら咲株式会社

寝屋川市にあるグループホームを運営する会社のコーポレートサイト。全体が「桜色」で統一されており、温かみが伝わってくるデザインです。

サイドバーや関連記事にあるアイキャッチ画像がふわっと浮かび上がってくる演出は、プラグイン「WP-Slimbox2」を使用しているものと思われます。

チャームデザイン（株式会社つたえる）

熊本にあるホームページ制作会社の企業サイト。無料テーマのCocoonでもここまでできる、という見本になるWebサイトです。

文字が浮かび上がってくる演出は、プライグイン「Slider, Gallery, and Carousel by MetaSlider」だと思われます。

株式会社富士コンプレッサー製作所

富士コンプレッサー製作所、コーポレートサイト — 出典：https://www.fuji-compressor.co.jp/

建設工事などで活躍するコンプレッサーを製作する会社のWebサイト。各項目によってページ構成を変えており、回遊率を高める（他のページを読んでもらう）ために考えて設計されています。

トップページの写真がスライドする機能は、プラグイン「Slider, Gallery, and Carousel by MetaSlider」を使っているものと思われます。

玉鈴醤油株式会社

福岡県にある、老舗の醤油メーカーのWebサイト。

このサイトを見て、Cocoonで作ったとは普通は思わないでしょう。明らかに、Webサイト制作会社によるプロの仕事です。トップページのブロックを組み合わせたようなページ構成は、おそらくプライグイン「プラグイン「Elementor Website Builder」（エレメンターウェブサイトビルダー）によるもの。

また、インスタグラムを表示させるために、プラグイン「Smash Balloon Social Photo Feed」を使用しています。