Blue Monkey
  1. TOP
  2. コラム
  3. 福岡のおしゃれなWebデザインの企業サイトまとめ【22選】

福岡のおしゃれなWebデザインの企業サイトまとめ【22選】

  • LINEで送る
  • このエントリーをはてなブックマークに追加

地域ごとに特色ある魅力的な観光地を抱え、おしゃれ感度の高い人たちが集まるハイセンスなエリアもある街、福岡。写真映えする場所・人・モノには事欠かない印象です。

この記事ではそんな福岡に拠点を持つ企業のおしゃれなWebデザイン22例を、Webサイトの目的別に紹介します。

BtoC向けサイト

株式会社 久原本家グループ

http://www.kayanoya.com/

株式会社 久原本家グループ

明治26年創業の総合食品メーカー・株式会社 久原本家グループが展開する「御料理 茅乃舎(かのや)」の総合ブランドサイト。草木とかやぶき屋根の写真をスライドショーにして日本の四季を感じさせ、全体的に落ち着いた色調でおもてなしの心を伝える洗練されたデザインです。

株式会社 スターフライヤー

https://www.starflyer.jp/

株式会社 スターフライヤー

株式会社 スターフライヤーが運営する旅行予約サイトは、黒を基調としたシックで高級感あふれるデザイン。旅のグルメやおみやげはフルカラー写真、夜空や飛行機の機体はモノクロ写真にするなどの使い分けで対象を引き立て、大人の旅のワクワク感を演出しています。

株式会社ピエトロ

http://www.pietro.co.jp/

株式会社ピエトロ

レストラン事業と食品事業の株式会社ピエトロのWebサイトは白の背景に「ピエトロ」ブランドロゴの赤が差し色になっています。切り抜き写真のポイント使いも効果的。ピエトロの人気商品であるドレッシングのフタのイラストがアイコン化されていて、さりげない遊び心を感じさせます。

TOTO株式会社(TOTO LTD.)

https://jp.toto.com/

TOTO株式会社(TOTO LTD.)

システムトイレなどの住宅設備機器で著名な「TOTO」のWebサイトはブランドロゴの青を効果的に使い、明るく清潔感のある印象です。「トイレ川柳」や「TOTO百年史」などのコンテンツや代表的な商品の写真をタイル状に配置し、TOTOの事業や取り組みの広がりを感じさせるデザインになっています。

しゃぼん玉せっけん株式会社

https://www.shabon.com/

しゃぼん玉せっけん株式会社

「しゃぼん玉せっけん」のイメージそのままに、しゃぼん玉の表面をイメージしたパステルカラーのグラデーションと、ブランドキャラクターのレトロで愛らしい表情を生かしたトップページ。各種コンテンツや「企業活動」をしゃぼん玉の円形で囲んだデザインがポップでキュートです。

株式会社シノケングループ(Shinoken Group Co.,Ltd.)

https://www.shinoken.co.jp/

株式会社シノケングループ(Shinoken Group Co.,Ltd.)

不動産セールス事業などを展開する「シノケン」のトップページは24時間の定点カメラによる東京タワーの遠景がドラマチックで目を惹きます。東京の空やビル群の色と呼応する淡いブルーやグレー、ベージュなどのセメントカラーを効果的に配し、都会的でシャープな雰囲気を出しています。

BtoB向けサイト

株式会社ダリア

http://www.dalia.co.jp/

株式会社ダリア

美容室を総合サポートする総合商社「ダリア」のWebサイトは明るいサックスブルーが際立つシンプルで簡潔なデザイン。ニュースはトップにスライドショーで大きく、各事業の紹介はひと目でわかるようコンパクトに整理されていてメリハリがあり、見やすい印象です。

大石産業株式会社

http://www.osk.co.jp/

大石産業株式会社

産業用包装資材の製造販売を行う大石産業株式会社のWebサイト。段ボールの断面や紙製卵ケースのアップの写真をスライドで見せ、素材ごとの表情を際立たせたデザインです。商材に英文を重ねたタイポグラフィーや鮮やかなブルーにオレンジを効かせた色調でアクティブ感を出しています。

昭和鉄工株式会社(Showa Manufacturing Co., Ltd.)

https://www.showa.co.jp/

積水化学工業株式会社(SEKISUI CHEMICAL CO., LTD.)

環境製品や空調製品などを幅広く扱う昭和鉄工のWebサイト。トップページに木漏れ日や青空の写真をスライドさせ、人と人とのつながりをイメージしたショットを差し込んでいます。「製品紹介」は写真とコンテンツを市松状に配してリズミカルに。ブランドロゴカラーである緑がバランス良く使われ、ソフトで明るい印象に導くデザインです。

株式会社ゼンリン(ZENRIN CO., LTD.)

https://www.zenrin.co.jp/

株式会社ゼンリン(ZENRIN CO., LTD.)

地図情報で著名な「ゼンリン」のWebサイト。地図や街並みのイメージ写真を大胆に配置し、ブランドコンセプトやメッセージはシンプルかつ大きめのフォントで乗せることで際立たせています。随所にオーバーラップするブルーグリーンが世界地図の海洋の色を想起させ、ブランドイメージを表しています。

株式会社ゼネラルアサヒ

https://www.generalasahi.co.jp/

株式会社ゼネラルアサヒ

クリエイティブの企画・制作から印刷まで幅広いサービスを展開する「ゼネラルアサヒ」のWebサイト。トップページのフルスクリーンには敢えて低画質のドキュメンタリー風動画を使い、ドラマティックなテイストを演出しています。

メディアサイト

AFRO FUKUOKA

https://afro-fukuoka.net/

AFRO FUKUOKA

福岡のトレンドを発信する地域マガジンのオンライン版。トップにインタビュー記事や目玉コンテンツ「福岡美少女図鑑」を置き、ブログにもアクセスしたくなるキャッチーなデザインです。フリーペーパー版の最新ダイジェストも掲載され、オンライン・オフラインを行き来して楽しめます。

アナバナ

https://anaba-na.com/

アナバナ

九州のワクワクを掘り起こすウェブマガジン「アナバナ」のWebサイト。手描きタッチのタイトルロゴやほのぼのとしたイラスト、スタッフ紹介ページの飾らない雰囲気から等身大の親しみやすさがあふれるデザインです。シンプルに徹したデザインゆえにコンテンツの個性が際立つ好例です。

Here Now FUKUOKA

https://www.herenow.city/fukuoka/

Here Now FUKUOKA

アジアのクリエイティブシティガイド「Here Now」の福岡版は、福岡のクリエイターたちのおすすめスポットを紹介するWebサイト。完成度の高い投稿写真を黒の背景が引き締めます。福岡の基本データは地理の教科書のようにかっちりとまとめられ、福岡への愛着とセンスの良さが光るデザインです。

モノ・コト・マガジン『MADE IN…』

https://monokoto-madein.jp/

モノ・コト・マガジン『MADE IN…』

九州・福岡のモノ・コトづくりを応援するメディアのWebサイト。白の背景にグレーのフォント、ポイントにスモーキーパステルカラーがあしらわれ、優しくほっこりした印象。イベントやショップの紹介も静的なデザインでまとめられ、アートやクラフトが好きなユーザーが思わず目を留めそうです。

福岡移住計画

https://fukuoka-ijyu.jp/

福岡移住計画

不動産情報・求人情報の掲載など福岡への移住サポートから福岡のコミュニティ情報発信までを幅広くカバーするWebサイト。トップにシンプルで使いやすい目次を配し、知りたい人が知りたいことをつぶさに学べるような辞書仕立てのデザインになっています。見る人に夢を与えつつも現実感・堅実さを感じさせるデザインです。

Creative Lab Fukuoka(クリエイティブ・ラボ・フクオカ)

http://www.creative-fukuoka.jp/

Creative Lab Fukuoka(クリエイティブ・ラボ・フクオカ)

世界中のクリエイターに向け、「クリエイティブ」をキーワードにさまざまな情報を発信するWebサイト。シンプルな構成で見やすく、モノトーンの濃淡をブロック状にデザインした背景がシャープな印象。ブランドロゴのカラーでもあるシアン・マゼンタ・イエローのひとすじのラインがページ下部にさりげなくあしらわれています。

株式会社オモヤ

https://konokototomoni.com/shop/

株式会社オモヤ

「コノコトトモニ」はドッグフードのブランド。ペット(犬)と飼い主の健康を願うメッセージを縦書きで中央配置し、手紙のようにデザインしていて印象的です。ブランドロゴに添えられた手描きの犬のイラストが愛らしく、絵本の世界に登場しそうな水彩画タッチの背景イラストもコンセプトに合っています。

採用サイト

株式会社 安川電機

https://www.yaskawa.co.jp/recruit/

株式会社 安川電機

モーターとその応用を事業領域とする安川電機の採用サイト。「数字・キーワードで見るYASKAWA」のコーナーではシンプルなイラストで自社の特長を紹介しています。トップにはユニフォーム姿の社員の笑顔が並び、ものづくりへの熱いメッセージが随所に込められ全体的に親しみやすいデザインです。

株式会社ホープ

http://blog.hope-inc.jp/

株式会社ホープ

福岡のベンチャー企業「ホープ」の採用サイトはブログを前面に押し出したデザイン。事業内容そのものよりも社員ひとりひとりのキャラクターやメッセージを知りたくなるような、ストーリー性のあるデザインです。

西部ガス株式会社

https://www.saibugas.co.jp/recruit/

西部ガス株式会社

都市ガス事業の西武ガスの採用トップページは「うる」「おくる」「つくる」などのキャッチーなオリジナルアイコンが目を惹きます。コンテンツタイトルなどのタイポグラフィーにレインボーカラーのグラデーションが採り入れられ、シンプルでクリーンな背景に映えています。

ランディングページ(LP)

東郷美容整形外科 福岡

https://fuku01.com/lp/

東郷美容整形外科 福岡

美容外科クリニックのランディングページはシックなネイビーブルーとゴールドの配色で高級感とホスピタリティが両立した仕上がりです。院内の様子がわかる写真をフルスクリーンで配置し、正統派のフォントづかいによるタイポグラフィーで院長のメッセージを際立たせています。

まとめ

ここでは福岡の企業のおしゃれなWebデザインを22例紹介しました。
事業内容は地域に根ざしたものから全国展開のものまで幅広く、それぞれのコンセプトに合わせて洗練されたデザインやキャッチーなデザインが採用されています。
自社の理念やサービスに合ったWebデザインを見つける際にぜひ参考にしてみてください。

  • LINEで送る
  • このエントリーをはてなブックマークに追加

お問い合わせ・

ご相談窓口

CMSに関するお問い合わせ・お見積り等、
お気軽にご連絡ください。

お電話からのお問い合わせ

03-5339-2678

【受付】平日10:00〜12:00/
13:00~17:30