1. 現状
1.1. ファーストインプレッション
1.1.1. ローテーションバナー
1.1.1.1. 説明が少ない
1.1.1.2. クリックされていないと予測
1.1.1.3. 目が滑ってしまっている
1.1.1.4. バナー一覧も大きくスペースをとっている
1.1.1.5. あらゆるニーズに対応できない
1.1.2. 情報過多
1.1.2.1. 詰め込みすぎている
1.1.2.2. メリハリを効かせられていない
1.1.2.3. 重要なコンテンツが埋もれがち
1.2. 会社の認知やブランディング
1.2.1. ヨシタケを知っているユーザ
1.2.1.1. 製品への導線が弱い
1.2.1.2. 会社としてのコンセプトがわからない
1.2.1.3. トピックスを見に来ているわけではない
1.2.2. ヨシタケを知らずに訪れたユーザ
1.2.2.1. 何をしている会社かわからない
1.2.2.2. 蒸気・減圧弁を推したい
1.2.2.3. 環境への取り組みを推したい
1.3. ターゲットごとの重み付けができていない
1.3.1. IRとしての訴求と製品訴求が混在
1.3.1.1. コーポレートサイトとして
1.3.1.1.1. 事業案内
1.3.1.1.2. IR情報
1.3.1.1.3. 採用情報
1.3.1.2. 減圧弁製品サイトとして
1.3.1.2.1. 製品情報
1.3.1.2.2. サポート＆サービス
1.3.1.2.3. データダウンロード
1.3.1.2.4. コンサルティング
1.4. 集客
1.4.1. トップページ
1.4.1.1. 固有名詞での流入
1.4.1.2. 会社名が通っている◎
1.4.1.3. 製品を探しに来ていると推測
1.4.1.3.1. トップページからの導線が重要
1.4.2. 直帰率が高い
1.4.2.1. ツール系
1.4.2.1.1. 便利に使うために来ている初見ユーザ
1.4.2.1.2. 導線が不十分で離脱する
1.4.2.1.3. ここからトップ→製品に誘導したい
1.4.2.2. 知識系
1.4.2.2.1. ツールと同様、調べごとに来ている新規ユーザ
1.4.2.2.2. 導線が不十分で離脱する
1.4.2.2.3. ここから製品→トップに誘導したい
1.5. 採用サイトのイメージはとてもよい
1.5.1. 蒸気を身近に感じられる
1.5.2. ヨシタケという会社に好印象
1.5.3. 親近感がある
1.5.4. コーポレートに戻った時に違和感
1.6. 製品検索
1.6.1. プルダウンは極力使うべきではない
1.6.1.1. クリック数が多い
1.6.1.2. 指定するまで3クリック
1.6.1.3. 一覧できない
1.6.2. 表で型番と特徴しか見えない
1.6.2.1. 違いが知りたい
1.6.2.2. 何を探しているのか忘れる
1.6.2.3. ページ繰りが分かりづらい
1.6.2.3.1. いっそインフィニスクロールでも
1.6.3. カテゴリをいちいち戻る必要がある
1.6.3.1. 近いカテゴリには導線を引く
1.6.4. 左カラムが死んでいる
1.6.4.1. 項目の見直しを
1.6.4.2. 必要のあるものはバナーでもいい
1.6.4.2.1. RoHS
1.6.4.2.2. データダウンロード
1.6.4.2.3. 水道法基準適合
1.6.4.2.4. 廃盤・旧製品
1.6.5. 廃盤・旧製品検索
1.6.5.1. これ伝わる？
1.6.5.2. カテゴリ→型番のみの閲覧
1.6.5.3. 検索ではなく一覧
1.6.5.4. 何がどう廃止になったのか・現行品との違い
1.6.5.5. 製品ページを残しておいて「廃盤」としたい
1.6.5.5.1. 現行品への導線
1.6.6. カテゴリをクリックしても検索結果
1.6.6.1. 様々な効果があるのでわけたほうがいい
1.6.6.1.1. ユーザビリティ
1.6.6.1.2. アクセシビリティ
1.6.6.1.3. 流入効果
1.6.6.2. カテゴリページ
1.6.6.2.1. 閲覧性を大事に
1.6.6.2.2. 短い説明の記載を
1.6.6.2.3. 代表的な製品の写真も入れる
1.6.6.3. 検索結果
1.6.6.3.1. 検索性を大事に
1.6.6.3.2. クリックしようと判断できる情報が少ない
1.6.6.3.3. 仕様の違いを表にする
1.7. クリッカブル部分がわからない
1.7.1. 見出しが押せるのかと思った
2. コンセプト
2.1. 製品メインのサイトとする
2.1.1. ファーストビューを製品検索に使う
2.1.2. カテゴリをわかりやすく表示
2.1.2.1. 検索性を高める
2.1.2.2. 何をしている会社かがわかる
2.1.3. アフターケアも大事にする印象を
2.1.3.1. サポート
2.1.3.2. サービス
2.1.3.3. コンサル
2.1.3.4. セミナー
2.2. ブランディング
2.2.1. ファーストビューも使いたいけど今回は優先順位を下げる
2.2.2. インプレッションとしてはブランディングを優先
2.2.2.1. 採用サイトの雰囲気を取り入れる
2.2.3. ファーストビュー下部にコピーを配置
2.2.4. 環境への取り組みもプッシュする
2.3. 便利に使ってもらう
2.3.1. ダウンロード系の導線
2.3.2. ツールや知識への導線
2.3.2.1. 必ず製品に回収する
2.4. IR情報の優先順位は下げる
2.4.1. 「会社として成功している」が一番の訴求
2.4.2. 株主のランディングは別と考える
2.4.3. グローバルナビで十分
2.5. 製品の探しやすさ
2.5.1. 一覧を見やすく・比べやすく
2.5.2. 検索が製品情報トップでよい
2.5.3. 製品情報以下に情報系を並べない
2.5.3.1. コンサルティングサポート
2.5.3.2. ヒストリー
2.5.4. モバイルでの課題
2.6. メニューを2階層に分ける
2.6.1. 製品系
2.6.1.1. 製品情報
2.6.1.2. ダウンロード
2.6.1.3. 蒸気の知識
2.6.1.4. サポート＆サービス
2.6.1.4.1. アフターサービス
2.6.1.4.2. パイピング・インストレーション
2.6.1.4.3. カスタマイズオーダー
2.6.1.5. よくある質問
2.6.2. 情報・会社案内系
2.6.2.1. ツール
2.6.2.1.1. 長さ単位
2.6.2.1.2. 質量単位
2.6.2.1.3. 圧力単位
2.6.2.1.4. 熱量仕事エネルギー単位
2.6.2.1.5. ドレン配管光景選定
2.6.2.1.6. 蒸気配管圧力損失
2.6.2.1.7. 銅管膨張長さ・伸縮継手
2.6.2.2. テクニカルセンター施設案内（セミナー）
2.6.2.3. 事業案内
2.6.2.4. IR情報
2.6.2.5. 企業情報
2.6.2.6. 採用情報
2.6.3. ほか特殊
2.6.3.1. 言語切替
2.6.3.2. 検索
2.6.3.3. お問い合わせ
2.6.3.4. 資料請求
3. 要件
3.1. RFP
3.1.1. 対象サイト
3.1.1.1. 本体
3.1.1.2. 9ヶ国語
3.1.2. 目的
3.1.2.1. 使いやすいサイトに
3.1.2.1.1. ダウンロード
3.1.2.1.2. Webカタログ
3.1.2.1.3. 換算式
3.1.2.1.4. 製品検索
3.1.2.2. 数値改善
3.1.2.2.1. アクセス数
3.1.2.2.2. お問い合わせ数
3.1.2.3. 制作背景・課題・要望
3.1.2.3.1. モバイルファースト
3.1.2.3.2. レスポンシブ
3.1.2.4. デザイン刷新
3.1.2.4.1. 9年経過
3.1.2.5. Webカタログ導入
3.1.2.5.1. モバイル対応
3.1.2.5.2. キーワード検索
3.1.2.5.3. 製品詳細ページリンク
3.1.2.6. 利便性向上
3.1.2.6.1. 製品情報ダウンロード
3.1.2.6.2. 製品検索
3.1.2.7. 各種換算式スマホアプリ
3.1.2.8. 国内海外SEO対策
3.1.3. 技術
3.1.3.1. Webカタログ
3.1.3.2. データベースによる管理
3.1.3.2.1. 製品情報
3.1.3.2.2. ニュース
3.1.3.2.3. アクセス制限付き管理画面から更新
3.1.3.3. 将来的に会員専用注文サイトへ
3.1.4. 運用・保守
3.1.4.1. 社内で対応
3.1.5. 移行
3.1.5.1. 全サイト一斉移行
3.1.6. スケジュール
3.1.6.1. 2022年1月リリース
3.1.7. 予算
3.1.7.1. 500万円
3.1.8. 競合制作会社
3.1.8.1. クロスオン
3.1.8.2. AIコミュニケーション
3.1.9. 提案
3.1.9.1. トップページデザイン案
3.1.9.2. 4/3まで
3.1.9.3. Web会議
4. 競合
4.1. 株式会社ベン
4.1.1. 概略まとめ
4.1.1.1. わからない人にも興味をもたせる
4.1.1.1.1. わくわくする見せ方
4.1.1.2. かつ知っている人には使いやすい
4.1.1.2.1. 検索性と閲覧性の高さ
4.1.1.3. 製品サイトかくあるべき、なサイト
4.1.1.4. 少しデザインを優先しすぎてる感はある
4.1.1.4.1. 余白が多すぎてページごとの情報が少ない
4.1.1.4.2. 小さいディスプレイでみづらい
4.1.1.4.3. しかしスマホ版も見やすい 勝ち目ねえ～
4.1.1.5. つっこめるとしたらサポート＆サービスくらい
4.1.1.5.1. あと全部いい
4.1.2. ファーストインプレッションが素敵
4.1.2.1. 一般向けにもわかりやすい
4.1.2.2. 「流れ」を視覚化している
4.1.2.3. 環境にも良さそうなイメージ
4.1.2.4. シネマグラフ風ビジュアルが面白い
4.1.2.5. コピーもキャッチーで入りやすい
4.1.3. スッキリと見やすいデザイン
4.1.3.1. 余白が多い
4.1.3.2. 白＋淡色
4.1.3.3. 色のジャンプ率が高い
4.1.3.4. テキストは抑えめ・大きめ
4.1.3.5. コーポレートカラー青と差し色赤のバランスがよい
4.1.3.6. 第二回層もイメージがいい
4.1.4. 製品検索がメイン
4.1.4.1. トップ
4.1.4.1.1. フリーワード検索を表に出している
4.1.4.1.2. 用途としては十分かも
4.1.4.1.3. 旧製品・廃止製品はこんなに重要か？要調査
4.1.4.1.4. 新製品のアピール位置はどうなんだろう 関係ない人も多そうだけど
4.1.4.1.5. カテゴリ写真が非常にわかりやすい
4.1.4.1.6. カテゴリの下はPRエリアか
4.1.4.2. カテゴリ製品一覧
4.1.4.2.1. 見やすくて情報が探しやすい
4.1.4.2.2. 絞り込みリアルタイムかああああ すごい
4.1.4.2.3. 比較表すげえ
4.1.4.2.4. UI全体的にシンプルでわかりやすい
4.1.4.2.5. 資料ダウンロードはちょっと難
4.1.4.2.6. PDFボタンはさすがにPDF閲覧したい
4.1.4.2.7. 詳細へのリンクが少しもったいない
4.1.4.3. 製品詳細
4.1.4.3.1. 写真きれいだなあ
4.1.4.3.2. 機能ボタンが共通で使いやすい
4.1.4.3.3. 概要分に突然固有名詞
4.1.4.3.4. 使用場所がはっきり書いてあるのはわかりやすい
4.1.4.3.5. 特長をまとめてあるのも好印象
4.1.4.3.6. 仕様表もよくできてるなあ……
4.1.4.3.7. よくある質問が関連づいている◎
4.1.4.3.8. お問い合わせがすぐにできる
4.1.5. サポート＆サービス
4.1.5.1. よくある質問がメイン
4.1.5.1.1. お問い合わせはコンバージョンではない印象
4.1.5.1.2. QAを見てから問い合わせてね方式？
4.1.5.1.3. 構成はいいけど運用が追いついていないイメージ
4.1.5.2. 技術情報も扱いが低め
4.1.5.2.1. PDFへのリンク一覧かな
4.1.5.2.2. バルブとはとか良い資料が多いので展開したら強そうだけど
4.1.5.2.3. ライバルがやってなくてよかった感はある
4.1.5.2.4. ターゲットが完全に業界の人か
4.1.5.2.5. メインビジュアルとの齟齬は感じる
4.1.5.3. お問い合わせフォームがQA下部に付属
4.1.5.3.1. 営業所一覧へのリンクは案外ありかも
4.1.5.3.2. やっぱり電話の手っ取り早さは依然として強い
4.1.5.3.3. 業界的にも電話メインかもしれない
4.1.6. イノベーションセンター
4.1.6.1. これはいいなあ 楽しそう
4.1.6.1.1. 施設の紹介なので安易に真似できるものではないけど
4.1.6.1.2. 楽しそうな感じがきちんと伝わる
4.1.6.2. 各フロアきちんとページ作り込んでるのにもったいない
4.1.6.2.1. これはお金かかってるなあ
4.1.6.2.2. 導線はもっと工夫できる
4.1.6.2.3. 交通アクセスページもすごくかっこいい
4.1.7. 事業内容
4.1.7.1. 一般の人にもめちゃくちゃわかりやすい これはやられた
4.1.7.1.1. そうか、事業紹介でのtoC訴求はありかも
4.1.7.1.2. でもトップでももう少し言ってほしいな
4.1.7.1.3. グローバルナビからだけだともったいない
4.1.7.2. 会社概要からも大きく訴求
4.1.7.2.1. 写真お金かかってるなあ かっこいい～！
4.2. TLV
4.2.1. 概略まとめ
4.2.1.1. なんかいろいろ惜しいサイト
4.2.1.2. 合格点ではある よくできている
4.2.1.3. なにしろベンが強すぎる
4.2.1.4. 参考になる部分はベンより多そう
4.2.1.4.1. このサイトの改善が役に立つ
4.2.1.4.2. 時間がない
4.2.2. トップ
4.2.2.1. 多少見づらい
4.2.2.1.1. 余白は少なめだけど適正レベル
4.2.2.1.2. フォントかな
4.2.2.1.3. ブロッキングは上手じゃないかも
4.2.2.1.4. 色使いも少しばらついている
4.2.2.2. メインビジュアルのバナーはやっぱり目に入らない
4.2.2.2.1. 文言読む気にはならないのよな
4.2.2.3. お問合せフォームがまとまっている（？）
4.2.2.4. ダウンロード、ツールがまとまっているのは◎
4.2.2.5. お知らせのレベル分けと見せ方◎
4.2.2.5.1. 重要なお知らせは日付いらんのかなあ 要検討
4.2.2.5.2. 場所がだいぶ上
4.2.2.6. 製品情報
4.2.2.6.1. やはりカテゴリ代表写真がきれい
4.2.2.6.2. 大カテゴリ＞中カテゴリ
4.2.2.6.3. サービスが同列
4.2.2.6.4. いまいち全体的に目に入らない
4.2.2.6.5. 型式一覧◎
4.2.3. 製品情報
4.2.3.1. トップ
4.2.3.1.1. プルダウンじゃないんかい！
4.2.3.1.2. こっちのほうがトップより見やすい
4.2.3.1.3. コンバージョンエリアが常に安定していて安心
4.2.3.1.4. フッターもよく整理されている（ように見える）
4.2.3.2. カテゴリ
4.2.3.2.1. カテゴリごと説明があるのはとても◎
4.2.3.2.2. ちょっと動きが気持ち悪い
4.2.3.2.3. 「ここじゃなかったわ」の対応が悪いかも
4.2.3.3. 製品詳細
4.2.3.3.1. 製品名まわりがきれい
4.2.3.3.2. タブ分け
4.2.3.3.3. 選定のポイントは優良コンテンツ
4.2.3.3.4. 画像がきれい
4.2.3.3.5. 複雑な表表現が上手
4.2.3.3.6. 設定データ管理支援ソフト：PROTEM-T
4.2.3.3.7. 問い合わせボタン目立たない
4.2.3.3.8. 製品関連情報
4.2.3.3.9. 左カラムここで登場
4.2.3.3.10. これはPDFには見えないわ
4.2.3.3.11. PDFリンククリック→会員専用
4.2.3.4. 型式名から探す◎
4.2.3.4.1. なるほどイニシャル
4.2.3.4.2. 表がとてもすっきりしている
4.2.3.4.3. なんとなく仕様出しちゃいそうだけどなくて正解かも
4.2.3.4.4. 名前だけでわかれば、だけど
4.2.3.4.5. 例えば「蒸気輸送配管用フリーフロート・スチームトラップ」がたくさんある
4.2.3.4.6. やっぱりどう違うか一覧で知りたいな
4.2.3.4.7. 索引に戻りたい
4.2.4. 各業種の悩みに対応できる
4.2.5. 改善事例
4.2.5.1. 要するにケーススタディ
4.2.5.1.1. わかりやすい日本語◎
4.2.5.1.2. でも改善事例という中身ではない
4.2.5.1.3. まあそれはそれ
4.2.5.1.4. 期待を裏切るというほどではない
4.2.5.2. 実際に使った製品が一覧で見えるのよい
4.2.5.3. 丁寧な作り込み
4.2.5.3.1. ひとつひとつのページの情報量すごい
4.2.5.3.2. SEO効果も高そう
4.2.5.3.3. あんまりヒットしなかったけどキーワードが悪いかな
4.2.5.4. 業種もわかる
4.2.5.4.1. うちも似たような悩みが……に非常に効果的
4.2.5.4.2. 実績なのかな すごい多い
4.2.5.5. 製品への導線が上下2箇所ある
4.2.5.5.1. 誘導先があっていれば◎
4.2.5.6. 似たような事例に誘導したい
4.2.5.6.1. 同業種
4.2.5.6.2. 関連製品