アーティサン株式会社
  1. TOP
  2. Microsoftクラウド事業
  3. SharePoint デザイン拡張 | X-SP Design
  • SharePoint

SharePoint デザイン拡張 | X-SP Design

関連資料

X-SP Design Look Book

X-SP Designを活用したSharePointのデザインサンプル集をご紹介します。

こんなお悩みはありませんか？

Problem

  • 01

    SharePointのデザインを
    もっとおしゃれにしたい！

  • 02

    見やすいサイトの
    構成を知りたい

  • 03

    サイトデザインの改善を指示されたが、
    どうすればいいかわからない

そのお悩み、X-SP Designで解決できます。

X-SP Design とは

About

SharePointの標準機能に加え、
JSONと
SharePointFramework(SPFx)を
活用することで、
訴求力の高いUIを実現します

私たちは20年来、様々な業種のお客様に対してSharePointの導入やコンサルティングを続けてきました。
SharePointは、標準機能を組み合わせてノーコードで素早く構築できることから、プログラミングの知識がない人でも社内グループウェアを構築・運用することができます。
一方で、この手軽さは「SharePointが提供する標準の範囲に機能が制限されている」ということでもあります。
そこで、Microsoft製品のコンサルティングを通してローコード技術を世の中に浸透させてきた私たちが、今までのノウハウを活かし、SharePointに必要なデザイン・機能を提供いたします。
私たちのアプローチは単なる見た目の改善ではありません。
皆様の「伝えたい」を具現化するデザインを追求しています。

X-SP Designの主な機能

Service

  • スライドショー

    画像を一定時間ごとに切り替えます。
    また、画像をクリックするとリンク先に遷移します。
    限られたスペースの中で、複数の重要な情報を表示することが可能です。

  • タブ

    複数のコンテンツをカテゴリごとに切り替えて表示します。
    カテゴリごとに情報を整理した形で表示することができるため、ユーザービリティの向上に繋がります。

  • 余白の調整

    通常のSharePointでは対応できない、余分な空白箇所を調整します。
    例)
    ・画面の左右に存在する余白を無くし、常に全幅表示にする
    ・コンテンツ間に存在する余白を少なくする

  • 変化するコンテンツ

    時間帯や日付によってコンテンツが変化します。
    例：挨拶文・今日はなんの日・背景画像

  • APIの活用

    SharePointの標準では対応できない機能をAPIを活用して実装します。
    例：一覧画面上の「いいね」

  • 簡易的なツリービュー表示及び検索機能

    ドキュメントライブラリをツリービュー形式で表示しています。
    また、簡易的なファイル名検索機能も実装しています。

  • タイル表示

    各コンテンツをタイル形式で表示します。
    ビジュアル要素を効果的に表示できるため、ユーザーが直感的に内容を把握することが可能となります。

  • ポップアップ

    各クリック時に関連する情報をポップアップで表示します。
    多くの情報を整理した形式で表示することが可能です。

  • 画像付きリンク集

    各コンテンツを画像で区切ることでカテゴリ分けを行った、目的のアイテムを探しやすいレイアウトです。
    大量のリンクをシンプルに整理することで、分かりやすく表示することができます。

  • カテゴリー別一覧表示

    各コンテンツをカテゴリ別でまとめて表示いたします。
    リンクをシンプルに整理することで、分かりやすく表示することができます。

  • 絞り込み

    ボタンで情報の絞り込みを行い、関連する情報を表示します。
    また、簡易的なタブ機能としても用いることができます。

  • アンカーリンク

    ボタンをクリックすると、ページ内の特定の場所に自動的に遷移します。
    サイトマップなど、1つの画面に多くの情報を掲載したい場合などに適した表示方法です。

One-Stop

SharePointの構築をワンストップで実現します

SharePointを活用した社内ポータルサイトの構築には、構成管理・権限管理・運用管理といったサイト設計のノウハウが不可欠です。さらに、デザインや機能を使いやすく拡張し、ユーザーの利用促進を図ることで、真に価値のある社内ポータルサイトが実現できます。アーティサンでは、SharePointの最適なサイト設計からデザインカスタマイズ、機能拡張まで、成功に必要なすべてのプロセスをワンストップで提供します。
豊富な実績に基づく技術力で、SharePoint専門チームが貴社のポータルサイト構築を支援いたします。

サンプル集

Look Book

アーティサンで作成したデザインサンプルをご紹介

01 / 08

  • 余白の調整

    使用している機能 / Features

    SPFx

    • 画面の左右の余白を削除し全幅表示
    • Web パーツ同士の余白を縮小

  • スライドショー/タブ切り替え

    使用している機能 / Features

    SPFx

    • スライドショー
    • タブ切り替え
    • ページトップボタン

    JSON

    • ドキュメントライブラリの表示改善

  • 毎日見たくなる

    使用している機能 / Features

    SPFx

    • 時間帯 ・ 日付で変化するコンテンツ
      (挨拶文/今日は何の日/背景画像)
    • 簡易的なツリービュー表示及び検索
    • トップ画面上から 「いいね」 を押下
    • 全体的なデザイン設計

    標準Webパーツ

    • Viva Engage

  • 画像付きリンク集

    使用している機能 / Features

    JSON

    • 画像付きリンク集
    • ポップアップ

    標準Webパーツ

    • クイックリンク

    Power Apps

    • 個人ブックマーク

  • ポップアップ/リスト表示の改善

    使用している機能 / Features

    JSON

    • ポップアップ
    • リストの表示方法の改善
    • タイル表示

    標準Webパーツ

    • クイックリンク
    • イベント

  • タイル表示/カテゴリ一覧表示

    使用している機能 / Features

    JSON

    • タイル表示
    • カテゴリー別一覧表示

  • アンカーリンク

    使用している機能 / Features

    JSON

    • アンカーリンク

  • 絞り込み

    使用している機能 / Features

    JSON

    • 絞り込み
    • リストの表示方法の改善

  • 数字で見る会社情報

    使用している機能 / Features

    SPFx

    • 数字 (KPI) の訴求表示
    • アンカーリンク
    • 全体的なデザイン設計

導入までの流れ

Flow

正式なご依頼から導入までの標準的な流れです。
ご契約内容や時期によっては、より短期間での対応も可能です。

  1. 01

    ヒアリング

    Web会議にてお打ち合わせを設定させていただきます。背景や現在の課題点、実現したい機能をお聞かせください。

  2. 02

    提案・お見積もり

    ご要望をもとに、最適な内容にてご提案いたします。JSONやSharePoint Frameworkを用いた柔軟なカスタマイズが可能です。

  3. 03

    ご契約

    ご不明点などのすり合わせを行い、提供内容を最終確定いたします。

  4. 04

    構築

    ご要望に応じた内容にてカスタマイズを行います。

  5. 05

    サポート

    保守契約を締結させていただくと、日々の運用サポートや機能改善などを対応することも可能です。

導入実績

Projects

すべての導入実績へ

01 / 06

すべての導入実績へ

ブログ

Blog

すべてのブログへ

01 / 06

すべてのブログへ

お役立ち資料

Documents

すべてのお役立ち資料へ
すべてのお役立ち資料へ

よくあるご質問

FAQ

  • SharePointとは？

    SharePointは、社内ポータル、文書管理、情報共有、社内ニュース、申請情報の集約などに活用できるMicrosoftのクラウドサービスです。利用できる機能やライセンス条件は、ご契約中のMicrosoft 365プランによって異なります。

  • X-SP FeatureやX-SP Designは既存のSharePoint環境にも導入できますか？

    はい、既存環境にも導入可能です。現在のテナント構成、サイト構成、権限、既存カスタマイズなどを確認し、影響範囲を整理したうえで導入方法をご提案します。

  • X-SPシリーズの導入によって既存のSharePoint環境に影響はありますか？

    事前に現在の構成や利用状況を確認し、影響を抑えられる導入方法を検討します。既存のカスタマイズや運用ルールとの競合が想定される場合は、導入前に対応方法をご説明します。

  • 既存のSharePoint環境を改善・リニューアルできますか？

    はい、可能です。現在のサイト構成や利用状況、運用上の課題を確認し、情報設計、導線、検索性、デザイン、機能などの改善案をご提案します。

  • 社内にITの専門人材がいなくてもPower Platform・SharePoint運用の内製化を進められますか？

    はい、現在のスキルや体制に合わせて段階的に支援します。最初からすべてを社内で行うのではなく、当社の支援を受けながら対象業務や担当者を広げていく進め方も可能です。

  • X-SP Designとはどのようなサービスですか？

    X-SP Designは、SharePointのデザインや表現力を拡張し、社内ポータルをより見やすく、使いやすくするサービスです。SharePointの特性に合わせて、デザインと操作性の両面を改善します。

  • X-SP FeatureとX-SP Designの違いは何ですか？

    X-SP FeatureはSharePointの機能を拡張するサービス、X-SP Designは見た目やUI・UXを改善するサービスです。課題に応じて、どちらか一方または両方を組み合わせて導入できます。

他の質問も見る

次に見るコンテンツ