seraphim transportのホームページのファーストビュー

ISP Networks様

人工知能(AI)ビジネス創出サービス

渋谷で人工知能(AI)のコンサルティングや講演会サービスを展開するISP Nwtworks様のリニューアルサイトを制作しました。
自身初めてのWordpressサイト制作でテーマもゼロから制作しました。SEOやセキュリティの設定も行っています。

#Wordpress #HP #コーポレートサイト
Webサイトを見る

QUICK LOOK

  • 担当領域

    企画デザインコーディング

    企画からサイトの公開まで全工程を一人で担当させて頂きました。

  • 利用ツール

    WordpressPHPHTML5SaaSJavaScriptjQueryAdobe XD
  • 主な機能

    レスポンシブページ内検索お問い合わせフォーム(3種類)ページトップリンク パンくずリスト地図カテゴリー カスタムフィールド SEO対策GoogleアナリティクスGoogleサーチコンソールセキュリティ対策
  • 制作期間

    3ヶ月間(企画設計2weeks デザイン3weeks コーディング6weeks)
    ※初めてのWordpress制作だったためコーディングに時間を要しました(環境構築、エラー対応等)。 次回以降はよりスピーディーに作業します。

  • 制作時期

    2021年5月〜7月

  • サイト制作

    新規サイト

    リニューアル

  • お客様情報

    • 事業内容

      • ・人工知能技術・データサイエンス技術を利用した新たなビジネスの企画・創出
      • ・人工知能技術・データサイエンス技術の適用に関するコンサルティング
      • ・人工知能技術・データサイエンス技術に関する教育、セミナーなどの企画・運営
      • ・情報通信技術に関するコンサルティング
    • HPを制作する背景

      ・「自分で内容の修正、追加などがしやすいようにしてほしい。」
      ・掲載している情報が古くなっている
      ・いらないコンテンツが多いので作り替えたい

  • 現状の課題

    • ・運用性 ー 既存サイトではほとんど更新ができておらず、情報発信ができていない。
      理由はWordpress管理画面からお客様自身で編集することができないような仕様になっているため。例えば、ニュース記事ページのテンプレートが投稿ページでなく固定ページになっている。また固定ページの内容もほとんどコードに埋め込まれており管理画面で編集できない。
      ・操作性 ー リンク切れがあったり、クリックしても何も出てこないリンクボタンが散見される。
      ・レイアウト ー 全体的に情報が整理されていない、読みづらいレイアウトになっている。例えばトップページがお知らせ一覧のみの簡素な内容になっていたり、各ページの文章に強調(色・フォントの太さ)がなく読みにくい。
      ・安全性 ー セキュリティが弱い。2月にサイバー攻撃に遭いサイトが動かなくなった。

  • ゴール

    AI(人工知能)に関する最新の情報を発信し、認知度を上げる。
    また適切なセキュリティ対策で安全な運用を確保する。

  • 施策

    • 更新・変更が容易な設計にする

      ・投稿を容易に ー 既存サイトでは「お知らせ」の投稿が固定ページで行われていたが、Wordpress管理画面で投稿ページから投稿できるように設定した。
      ・トップページや固定ページ、カテゴリページなど、サイト全体的に管理画面から画像や文章を編集できるようにした(抜粋分、カスタムフィールド 、アイキャッチ画像など使用)。

    • 情報整理

      ・既存サイトではトップページが「お知らせ」のみの簡素な作りだった。
      新サイトでは、サービスや会社情報、お問い合わせなど、各ページへリンクできるようなレイアウトにした。
      ・ユーザが必要な情報にたどり着けるようサイト内検索を設置した。 ・各ページの文章を強調やスペースなどを使って読みやすくした。

    • セキュリティ向上

      config.phpへのアクセス制限、ログインページのURL変更、ログインページに画像認証を設定、ログインロック設定(ログイン入力が一定回数誤った場合、一定の時間ロックをかける)。

  • 作品のコンセプト

    • コンセプト

      AI導入やデジタル化を考えている企業が、自社でどのようにAIを活用できるか概要が掴める​

    • クライアント様のご要望

      シンプルで、落ち着いた雰囲気。
      アニメーションや動きはあまりつけて欲しくない。内容に集中にしてもらいたいため。

  • ターゲットユーザ

    • ターゲットユーザ

      ・法人(中小企業・大企業)
      ・AIについて、情報収集などの初期段階の企業全般。AIを未活用で、IT面に強い人材が自社にいない企業。
      ・業種は絞っていない。まだAIをどのように活用すればいいかわからない、情報収集などの初期段階の企業全般を扱っているため。
      ・役職は経営者、管理職など。

    • ペルソナ

      100名規模のIT企業を経営する田中(40代)は、昨今のAIによる自動化の波を受けて、自社でも活用して業務の効率化を図りたいと考えている。​ しかし、AIといっても画像認識や需要予測、故障予測、文字認識など、様々な技術や活用法があり、自社にどのように適用すればいいのかわからず悩んでいる。そのためどのAIサービス企業に相談すればいいのかわからずにいる。​ そこで、AIビジネスに関する情報を正しく知るために、AIのセミナーに参加しようと思い情報収集をしている。予算は100万円。​

  • デザイン

    • カラー

      • メインカラー

        #237BE8

      • サブカラー

        #e0eff7

        #212b37

      • ベースカラー

        #ffffff

      お客様からのご要望が「青、黒、グレーの落ち着いた配色」であったためシンプルな配色にしました。

    • フォント

      • 和文

        Arial

      • 英文

        Ubuntu

      情報発信が目的のサイトのため、可読性の高いゴシック体のフォントにまとめました。

    • デザイン

      • PCデザイン
      • スマホデザイン