diff --git a/content/articles/basics/illustration/scene.mdx b/content/articles/basics/illustration/scene.mdx index 2e1c73dfa..541ca63bc 100644 --- a/content/articles/basics/illustration/scene.mdx +++ b/content/articles/basics/illustration/scene.mdx @@ -4,8 +4,8 @@ description: '特定のシーンを描いたイラストレーションです。 order: 8 --- -import { Grid } from '@Components/shared/Grid/Grid' import { ImgWithDesc } from '@Components/article/ImgWithDesc/ImgWithDesc' +import { Grid } from '@Components/shared/Grid/Grid' import { AnchorButton } from 'smarthr-ui' 特定のシーンを描いたイラストレーションです。 @@ -17,7 +17,7 @@ import { AnchorButton } from 'smarthr-ui' ### SmartHR導入前の業務 - +日々の業務の忙しさや、複雑な作業に取り組むシーンを中心に描いたイラストです。SmartHRを導入することで解決したい、課題や困っていることを表現する際に利用してください。 @@ -182,7 +182,7 @@ import { AnchorButton } from 'smarthr-ui' ### SmartHR導入後の業務 - +SmartHR導入後の「ラクラクな作業」「スマートな業務」といったポジティブな状況を表現する際に利用してください。 diff --git a/content/articles/basics/illustration/smarthr-co.mdx b/content/articles/basics/illustration/smarthr-co.mdx index 4c773a3ad..51bac51b0 100644 --- a/content/articles/basics/illustration/smarthr-co.mdx +++ b/content/articles/basics/illustration/smarthr-co.mdx @@ -4,11 +4,10 @@ description: 'SmartHR社の人物に関連するイラストレーションで order: 1 --- -import { Grid } from '@Components/shared/Grid/Grid' -import { ImgWithDesc } from '@Components/article/ImgWithDesc/ImgWithDesc' -import { Cluster, Stack } from 'smarthr-ui' import { DoAndDont } from '@Components/DoAndDont' -import { AnchorButton } from 'smarthr-ui' +import { ImgWithDesc } from '@Components/article/ImgWithDesc/ImgWithDesc' +import { Grid } from '@Components/shared/Grid/Grid' +import { AnchorButton, Cluster , Stack } from 'smarthr-ui' SmartHR社の人物に関連するイラストレーションです。 @@ -131,7 +130,14 @@ SmartHR社員という概念の権化です。「SmartHR社の人物」として SmartHR社員という概念の権化です。「SmartHR社の人物」として職種を限定しないシーンでの利用を推奨しますが、特定の職種の人物としての使用もできます。 - +### 詳細設定 + +話し方や表情の変化など、詳細な表現を検討する際にはこの設定を参考にしてください。 + +- 30代前半。 +- 性格をキーワードで表すと、親しみやすさ、落ち着き、リラックスした、調子がいい。 +- カジュアルな格好で普段仕事をするような気さくなタイプですが、仕事にはしっかり取り組む人物です。 +- [パーソナリティ](/foundation/#h2-0)をすべて体現していますが、特に「親しみやすさ」をより強く感じられます。 diff --git a/content/articles/basics/illustration/user-co-main.mdx b/content/articles/basics/illustration/user-co-main.mdx index 5088ac4bf..4ab8eac8c 100644 --- a/content/articles/basics/illustration/user-co-main.mdx +++ b/content/articles/basics/illustration/user-co-main.mdx @@ -4,9 +4,8 @@ description: 'ユーザー社の人物に関連するイラストレーション order: 6 --- -import { Cluster } from 'smarthr-ui' import { Grid } from '@Components/shared/Grid/Grid' -import { AnchorButton } from 'smarthr-ui' +import { AnchorButton , Cluster } from 'smarthr-ui' ユーザー社の人物に関連するイラストレーションです。 @@ -25,7 +24,9 @@ import { AnchorButton } from 'smarthr-ui' 氏名：労務 ハナコ（ロウム ハナコ） 労務担当者 / 30代 / 女性 - +ユーザー社で労務部門に所属して4年目。 +1人で業務を行なえる基本的な労務経験と知識を持っていますが、複雑な業務はSmartHRに問い合わせをしたり、ベテランの先輩に相談することもあります。 +日頃から人事と情報共有をしながら業務を行なっているため、人事の業務にも多少明るい人物です。 @@ -57,7 +58,9 @@ import { AnchorButton } from 'smarthr-ui' 氏名：人事 カオル（ジンジ カオル） 人事担当者 / 30代前半 / 男性 - +前職で人事・労務を幅広く経験し、ユーザー社では人事として入社。 +人事部門に所属して3年目。 +1人で業務を行なえる基本的な人事・労務経験と知識を持っていますが、複雑な業務はSmartHRに問い合わせをしたり、ベテランの先輩に相談することもあります。 @@ -72,7 +75,8 @@ import { AnchorButton } from 'smarthr-ui' 氏名：従業員 タロウ（ジュウギョウイン タロウ） 一般従業員 / 30代 / 男性 - +人事・労務の専門的な知識・経験はない、そのほかの職種の従業員です。 +いつも元気で感じがよく、話しかけやすい雰囲気の人物です。 @@ -132,7 +136,8 @@ import { AnchorButton } from 'smarthr-ui' 氏名：従業員 ユミ（ジュウギョウイン ユミ） 一般従業員 / 30代 / 女性 - +人事・労務の専門的な知識・経験はない、そのほかの職種の従業員です。 +落ち着いていてしっかり者、いつも笑顔の優しい人物です。 @@ -148,7 +153,8 @@ import { AnchorButton } from 'smarthr-ui' 氏名：役員 マコト（ヤクイン マコト） 役員 / 50〜60代 / 男性 - +人事・労務経験や専門的な知識はもっていません。 +紙を中心としていた時代も経験したうえで、SmartHRの導入後の変化も経験しています。 diff --git a/content/articles/communication/capture/images/service_capture_in_mock/a_capture_in_mock_formal.png b/content/articles/communication/capture/images/service_capture_in_mock/a_capture_in_mock_formal.png new file mode 100644 index 000000000..8301f49f4 Binary files /dev/null and b/content/articles/communication/capture/images/service_capture_in_mock/a_capture_in_mock_formal.png differ diff --git a/content/articles/communication/capture/images/service_capture_in_mock/b_capture_in_mock_formal.png b/content/articles/communication/capture/images/service_capture_in_mock/b_capture_in_mock_formal.png new file mode 100644 index 000000000..07560a900 Binary files /dev/null and b/content/articles/communication/capture/images/service_capture_in_mock/b_capture_in_mock_formal.png differ diff --git a/content/articles/communication/capture/service-capture-in-mock.mdx b/content/articles/communication/capture/service-capture-in-mock.mdx index 02db5a3a4..47168a46f 100644 --- a/content/articles/communication/capture/service-capture-in-mock.mdx +++ b/content/articles/communication/capture/service-capture-in-mock.mdx @@ -16,19 +16,23 @@ order: 1 ![推奨モック入りキャプチャA_通常バージョン](./images/service_capture_in_mock/a_capture_in_mock_nomal.png) -（使用キャプチャ：SmartHR基本機能 従業員情報詳細（管理者）| Google ドライブ・[SmartHR基本機能 SmartHRのホーム ノーマル スマートフォンサイズ](/communication/capture/capture-product/#h4-0) +（使用キャプチャ：SmartHR基本機能 従業員情報詳細（管理者）| Google ドライブ・[SmartHR基本機能 SmartHRのホーム ノーマル スマートフォンサイズ](/communication/capture/capture-product/#h4-0) **SmartHRのごく基本的な画面です。基本的にはこのパターンAを利用してください。** ただし担当デザイナーやブランディング統括本部の判断によっては、意図に応じたキャプチャに適宜変更してください。 - +フォーマルで落ち着いたトーンが適している場合は、以下のフォーマルバージョンを利用してください。 + +![推奨モック入りキャプチャA_フォーマルバージョン](./images/service_capture_in_mock/a_capture_in_mock_formal.png) + +（使用キャプチャ： [SmartHR本体 従業員情報詳細（管理者）| Google ドライブ](https://drive.google.com/file/d/19uQjGuWzZZLJseqUYtpjITTe2ocl5FO6/view?usp=sharing)・[SmartHR基本機能 SmartHRのホーム フォーマル スマートフォンサイズ](/communication/capture/capture-product/#h4-1)） ## パターンB：親しみやすさを訴求する場合、入社手続き・年末調整に関する場合 ![推奨モック入りキャプチャB_通常バージョン](./images/service_capture_in_mock/b_capture_in_mock_nomal.png) -（使用キャプチャ：SmartHR基本機能 入社手続き| Google ドライブ・年末調整機能アンケート| Google ドライブ） +（使用キャプチャ：SmartHR基本機能 入社手続き| Google ドライブ・年末調整機能アンケート| Google ドライブ） 質問形式で、語りかけてくるようなコミュニケーションをとる親しみやすい画面です。 @@ -37,7 +41,11 @@ order: 1 - 「入社手続き」「年末調整」に関連するシーン - レイアウト上、画像全体が入りづらいシーン（左が見切れるようにレイアウトするときれいに収まります） - +フォーマルで落ち着いたトーンが適している場合は、以下のフォーマルバージョンを利用してください。 + +![推奨モック入りキャプチャB_フォーマルバージョン](./images/service_capture_in_mock/b_capture_in_mock_formal.png) + +（使用キャプチャ： [SmartHR基本機能 ダッシュボード フォーマル スマートフォンサイズ](https://smarthr.design/communication/capture/capture-product/#h4-1)・[年末調整機能アンケート| Google ドライブ](https://drive.google.com/file/d/1rJKDtSlfg_-oGpUFe5bI19WFLw1cowo6/view?usp=sharing)） ## 利用者・利用範囲