シングル、デュアル、レイヤーモードで、サイト校正指示が思いのままに。

画像比較も思いのまま。
用途に合わせて3つの デザインデータを比較。

修正指示をビジュアル化し、的確な校正指示を実現。ウェブサイトのフィードバック工程をシンプル化 できます。UI Collaboでサイト制作に関わる全ての人の制作フローを簡素化し、時間、コストを削減し、 クオリティーの高いサイト制作に仕上がります。

UI Collaboの機能詳細

フィードバックアプリのUI コラボで、
Web校正をシンプルに、そして正確に。

大人気のデュアルモードで簡単に画像比較ができたり、ワンクリックで用途に合わせてデザインデータとの比較ができる便利な機能です。 ウェブサイト制作以外でも、印刷物の最終チェックにも大活躍のデザインフィードバックツールです。

シングルモード

シンプルに校正指示がだせるシングルモード。取り込んだ画像を、パーセント、スライダーで更に拡大縮小でき、好きなサイズでじっくりとWeb校正ができます。大きな画面で画像を見ながら、ホームページ修正の指示出しを行えます。

リクエストデモ
シングルモード
  • デュアルモード
  • デュアルモード

デュアルモード

画像比較しながら修正指示が出せるデュアルモード。左右を見比べながら、デザイン校正の指示出しができます。左右の画面がシンクロしていることで、Web校正チェックが簡単に行えます。

リクエストデモ
デュアルモード
  • シングルモード
  • デュアルモード

レイヤーモード

僅かなずれが見つかるレイヤーモード。透過しながら画像比較する事で、小さなズレが一目で確認できます。目線を動かさず、一点を見ながら画像の比較ができます。印刷物の最終チェックに慣れた方には、使いやすい機能です。

リクエストデモ
デュアルモード
  • シングルモード
  • デュアルモード

Webサイトの制作フローを限りなくシンプルに
フィードバックアプリのUI Collabo

ディレクター、デザイナー、フロントエンジニアなど、Webサイト制作に関わる全ての方の制作フローをシンプル化し、浮いた時間で、 より完成度の高いWebサイト制作の作りこみができます。細部の作りこみだけではなく、デバイス事のブラウザサイズを比較・検証でき、 簡単にブラウザチェックができます。浮いた時間で、より完成度の高いWebサイト制作が実現できます。プロジェクトに関わる全ての人が、 UIコラボ上で、Web校正が完了します。

サイト修正の指示出し

デザイン校正ツールで、デザイン修正の指示出しを各担当で共有、ステータス管理が可能。

オンラインの校正ツール

ウェブブラウザからWebサイト校正の確認・編集が可能。

:画像比較が一目瞭然

画像比較機能により、デザイナーとフロントエンジニアが。実際のデザインとコーディング後のデザイン比較が可能。

ブラウザチェック機能

デバイスごとに異なるブラウザサイズの確認可能。

画像データアップロード

デザイン画像をアップロードし、原稿や素材の添付指示、校正指示が可能。

スラックとの連携

Slackとの連携でサイト
制作フローをより円滑に。

UIコラボは、無料プランを含む全てのプランで、Slackとの連携をしています。校正指示のコメント、返信、デザインの承認などの通知を、あなたのお気に入りのSlack #チャンネルに、インスタントにお届けします。

メッセージ機能

四角形や矢印で修正箇所を指定し、修正内容を送ることができます。これにより、ビジュアルに、校正指示を出すことができ、曖昧なコミュニケーションを省き、制作フローをシンプルにします。

もっと見る

ブラウザチェック機能

ターゲットブラウザサイズごとに画像キャプチャを取得し、修正指示を出すことができます。ブラウザチェックがワンクリックで行えます。

もっと見る

プロジェクト管理ツール

プロジェクトごとに管理ができるのはもちろんの事、各ページ一覧がストラクチャー形式で表示される事により、ぺージごとの管理もできます。

もっと見る

バージョン管理機能

バージョン管理により、いつでも変更前のファイル情報にアクセスできます。誤って上書きしても変更を取り消す事ができ、いつでもプロジェクトを遡って確認することができます。

もっと見る

エンタープライズ紹介

エンタープライズプラン

UI Collaboには、エンタープライズプランがあります。管理するユーザー数が多い、大きいストレージ容量が必要、ワークスペースを追加したい、オンプレミス環境でないと使用できないなど、企業独自のニーズがある場合は、こちらからお問い合わせください。

ご質問はありますか?

UI Collaboのデザイン
データとの比較機能

ついてよくある質問を
まとめました。

  • 3つの表示モードの使い分けを教えてください。

    各表示モードの使い分けについてはこちらからご確認いただけます。

  • デュアルモードで左右にイメージを比較できますが、どちらが最新のイメージですか?

    右側は修正指示を出した時点の画像、左側は修正後のデザイン画像です。左右の画像を見比べながら、デザイン修正が完了したか確認できます。

  • 最初の画像をアップロードする際には、どのモードを利用しますか?

    シングルモードの画面から画像をアップロードしてください。大きな画面で修正指示が出せます。

  • レイヤーモードはどのような状況で活用できますか?

    レイヤーモードは二つの画像を重ね合わせ透過させる事ができるので、細かな指示出し、1ピクセルにこだわりたい方に非常にお勧めです。

  • キャプチャした画像は、全てのモードに自動で反映されますか?

    はい。自動で反映されます。

サイト制作の修正指示にかかる手間と時間を削減。
ウェブサイトのクオリティーを高めるUI Collabo。

わずらわしいウェブサイト制作修正とフィードバックプロセスのシンプル化を実現。