デザイン・実例

SKETCH memberの実際の画面です。B2Bのサブスクサービス提供を想定した組み込みを行っています。
画像・テキストの差し替えと微調整で、会員サイトのリリースが可能です。

フロント側
管理者側
  • ログイン画面

    ログイン画面

    白をベースとした落ち着いた色合いで、多くのビジネスサイトに適用可能。ロゴ画像やボタンの色を変えるだけで、事業に合わせたログイン画面を作ることができます。
    パスワードの表示・非表示切り替えにも対応。入力ミスを未然に防ぐことができます。

  • マイページ

    マイページ

    会員情報や各種コンテンツを確認できるログイン後画面。契約製品と重要なお知らせは、確認しやすいようファーストビューに配置しました。導線を考慮したショートカットの設置、重要情報の背景色を白にして視認性を高めるなど、ユーザビリティを追求した設計です。

  • コンテンツ

    コンテンツ

    画像とテキストで情報提供できるコンテンツ。一覧表示やソートは、ユーザー自身での切り替えが可能です。フリーワード検索はもちろん、カテゴリ分けやタグによるしぼり込み表示も。
    投稿画面はWYSIWYGエディタ。HTMLの知識がなくても直感的に編集できます。

  • ナレッジ

    ナレッジ

    導入資料や活用方法など、構造化したいドキュメントの格納に。情報量の多い資料もユーザーに分かりやすく提示できるよう、2段階のインデックスを用意しました。
    投稿画面はWYSIWYGエディタ。HTMLの知識がなくても直感的に編集できます。

  • ダッシュボード画面

    ダッシュボード

    管理画面トップページ。シンプルで使いやすいUIを用意しています。
    左側のグローバルメニューは、項目名の変更や表示・非表示の切り替えが可能。ベースデザインを維持したうえで、自由度を高めた設計です。

    ※SKETCH memberは、Palette CMSを用いて構築したパッケージです。契約情報はPalette CMSの情報が表示されます。
  • 会員一覧

    会員一覧

    データの一覧画面。項目の表示・非表示を切り替えられるため、運用に合わせた画面設定が可能です。
    コンテンツデータや申し込みデータにも、会員データ同様に一覧・詳細画面があります。

    ※決済、メール配信などの一部の特別なテーブルの項目制御は対象外です。
  • 会員検索

    会員検索

    データの検索画面。モーダルウィンドウを採用しているため、作業効率を落とすことなく詳細検索を行えます。
    検索項目は、会員データの登録内容から、任意の設定が可能。セグメンテーションした一斉メールの配信にも活用できます。

  • 会員詳細

    会員詳細

    データの詳細画面。会員の住所やメールアドレスといった基本情報から契約プランまで、同一画面で確認できます。
    カスタムコード機能でJavaScriptやCSSを記述すれば、さらに細やかな調整も。運用に合う画面を作成できます。

SKETCH memberなら、事業に合わせたデザインを作成

  • 実例
    株式会社 ぐるなび
    有料会員制サービス

    株式会社 ぐるなび

    納期もコストもカスタマイズ性も圧倒的。迅速な対応に、パレットCMSの洗練された設計が表れています

  • 実例
    公益財団法人 日本漢字能力検定協会
    教育支援サイト

    公益財団法人 日本漢字能力検定協会

    発注から3ヶ月でサイト公開。サイトロゴの提案やSEO対策のサポートも。一緒に取り組む姿勢は、他にはないメリットです

  • 実例
    日本貿易印刷株式会社
    ガソリンスタンド求人サイト

    日本貿易印刷株式会社

    決め手は「一緒にやりたい」の言葉。手厚いサポートで、構築前後の課題解決もスムーズ。目指すは業界No.1サイトです

※パレットCMSの導入事例を含みます。
コンテンツ編集画面

デザインは自由自在

標準実装の「コンテンツ管理機能」でフロント側ページを制御し、高い自由度を確保しています。また、人気のコードエディターVS Codeと連携でき、ローカルでのバージョン管理も対応。自社にフロントエンジニアがいれば管理できますが、難しい場合は外部の制作会社や弊社に依頼することも可能です。

会員向けサービスを実現する土台が
用意されています

スケッチとは?

必要な機能はあらかじめ実装、目的ごとに選べるパッケージ

スケッチは、Palette CMSが提供する特定用途に合わせたパッケージシステムです。
必要な機能をあらかじめ実装し、最適な価格を実現しました。
サブスクリプションで提供いたします。