本文へ移動
MENU
カテゴリーから検索
投稿月から検索

FlowDearがコーポレートサイトを全面刷新、事業や事例を3Dの街に見立てた構成に

〈景品表示法に基づく表記〉当サイトはアフィリエイトプログラムによる収益を得ています。
オレンジ色の背景にボクセル調の建物やオブジェクトが円環状に配置されたWebサイトのトップ画面

株式会社FlowDearは2026年11月、コーポレートサイトを全面リニューアルしました。新しいトップページは事業や制作事例、お客様インタビューを建物に見立てて配置した3Dの街となっており、画面を回転させて会社の情報を確認できる設計を採用しています。

PR
商品・サービスを確認
目次

3Dの街で事業と会社概要を巡るトップページの設計

新サイトのトップページでは、同社が手がける5つの事業(システム開発、ホームページ制作、求人運用サポート、Webマーケティング、口コミAIアシストMEO-MEO)がそれぞれ1つの建物として配置されています。建物を選ぶとカメラが対象へ近づき、各事業の説明カードが表示されます。

オレンジ色の背景にボクセル調の建物やオブジェクトが円環状に配置されたWebサイトのトップ画面

事業紹介だけでなく、制作事例のギャラリーやお客様インタビュー、お知らせの掲示板、代表のメモを届けるポストといった情報も街の構成要素として配置されています。街並みには4人のチームメンバーのキャラクターが配置されているほか、同社が拠点を置く大阪や活動エリアの東京、山梨、クライアント企業の社員旅行で訪れたタイ・バンコクなど、ゆかりのある地域の風景が組み込まれています。

Mr.ガジェット

事業内容ごとに別々の建物を割り当て、回転させながら探せる構成はコーポレートサイトとして珍しい見せ方です。

Ms.ガジェット

街並みの中に実際の制作事例やインタビューまで組み込まれていると、どこに何があるのか探索してみたくなります。

回転操作や昼夜切り替えと通常版サイトの併設

街の閲覧操作は画面を回す動作に集約されています。パソコンではドラッグとスクロール、スマートフォンではスワイプ操作を行うことで、建物が順番に正面へ向く構造です。拡大や移動といった複雑な操作を排し、迷わず目的の項目へアクセスできるよう配慮されています。

演出面では、ボタン操作によって街の表示を夜モードへ切り替える機能が備わっており、看板や建物の明かりが点灯する仕組みが導入されました。また、スマートフォン閲覧時のカードサイズ最適化に加え、3D表示非対応の環境や情報のみを閲覧したい利用者に配慮し、通常版のWebサイトも併設されています。

Ms.ガジェット

3Dの演出だけでなく、回転操作だけに絞ったり通常版サイトを併せて用意したりと、閲覧環境への配慮が残されている点が気になります。

全面リニューアルの背景

FlowDearはリニューアルの背景として、企業のホームページが取引先や求職者の最初の入口となる一方で、テンプレートやAIにより外観が似通い、訪問者の記憶に残りにくくなっている状況を指摘しています。Web制作を手がける事業者自身が、記憶に残る体験の見本を提示する目的で今回のリニューアルに至ったと説明しています。

Ms.ガジェット

テンプレート型で似たサイトが増えている課題に対して、制作会社自身が見本として大胆な表現を示す姿勢はわかりやすいですね。

無料相談「記憶に残るホームページ」の実施概要

サイト刷新に合わせ、ホームページのリニューアルを検討している企業を対象としたオンライン無料相談の受付が発表されました。自社サイトが見られている実感がない企業や、独自性を打ち出したい企業、採用ページの刷新、動きのある表現の導入を検討している企業に向けた施策です。

  • 内容: オンライン30分、既存サイトを確認した上での改善ポイントの提示(3D化を前提としない相談も対象)
  • 受付期間: 2026年12月31日まで
  • 募集枠: 先着5社
  • 申込窓口: 専用のWebフォームより受付
Mr.ガジェット

3D化を必須条件とせず、自社サイトの改善点を個別に診断してもらえる相談枠になっています。

Ms.ガジェット

先着5社限定で期限も2026年末までと設定されているため、リニューアルを考えている企業にとっては気になる機会になりそうです。

  • 本記事で使用している画像は、メディアユーザーとしてPR TIMESより提供されたプレスリリース素材を利用しています。
オレンジ色の背景にボクセル調の建物やオブジェクトが円環状に配置されたWebサイトのトップ画面

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次