diff --git a/.run/NussknackerApp.run.xml b/.run/NussknackerApp.run.xml
index ae2892a0f9e..ba52bcff85d 100644
--- a/.run/NussknackerApp.run.xml
+++ b/.run/NussknackerApp.run.xml
@@ -9,8 +9,9 @@
       <env name="DEVELOPMENT_MODE" value="true" />
       <env name="GRAFANA_URL" value="http://localhost:8081/grafana" />
       <env name="FLINK_REST_URL" value="http://localhost:3031" />
-      <env name="FLINK_QUERYABLE_STATE_PROXY" value="localhost:3063" />
+      <env name="FLINK_QUERYABLE_STATE_PROXY_URL" value="localhost:3063" />
       <env name="FLINK_ROCKSDB_CHECKPOINT_DATA_URI" value="file:///opt/flink/data/rocksdb-checkpoints" />
+      <env name="SCHEMA_REGISTRY_URL" value="http://localhost:3082" />
     </envs>
     <option name="INCLUDE_PROVIDED_SCOPE" value="true" />
     <option name="MAIN_CLASS_NAME" value="pl.touk.nussknacker.ui.NussknackerApp" />
diff --git a/ui/README.md b/ui/README.md
index f6a650f4fef..6f4defd0e85 100644
--- a/ui/README.md
+++ b/ui/README.md
@@ -14,7 +14,7 @@ You can do all steps at once with ```buildServer.sh``` script
 
 ## Running from IntelliJ:
 1. Find class `pl.touk.nussknacker.ui.NussknackerApp`
-2. Edit run [configuration](https://www.jetbrains.com/help/idea/run-debug-configurations.html)
+2. Edit run [configuration](https://www.jetbrains.com/help/idea/run-debug-configurations.html) or use existing stored automatically loaded from `./run/NussknackerApp.run.xml`
 
     * Main class:         pl.touk.nussknacker.ui.NussknackerApp
     * VM options:         -Dnussknacker.config.locations=../../../nussknacker-dist/src/universal/conf/dev-application.conf -Dlogback.configurationFile=../logback-dev.xml
@@ -22,12 +22,18 @@ You can do all steps at once with ```buildServer.sh``` script
     * Environment variables: 
 ```AUTHENTICATION_USERS_FILE=../../../nussknacker-dist/src/universal/conf/users.conf;MANAGEMENT_MODEL_DIR=../../../engine/flink/management/sample/target/scala-2.12;GENERIC_MODEL_DIR=../../../engine/flink/generic/target/scala-2.12;STANDALONE_MODEL_DIR=../../../engine/standalone/engine/sample/target/scala-2.12```
 If you want to connect to infrastructure in docker you need to set on end of line also:
-```;FLINK_REST_URL=http://localhost:3031;FLINK_QUERYABLE_STATE_PROXY_URL=localhost:3063;SCHEMA_REGISTRY_URL=http://localhost:3082;KAFKA_ADDRESS=localhost:3032```
+```;FLINK_REST_URL=http://localhost:3031;FLINK_QUERYABLE_STATE_PROXY_URL=localhost:3063;FLINK_ROCKSDB_CHECKPOINT_DATA_URI=file:///opt/flink/data/rocksdb-checkpoints;SCHEMA_REGISTRY_URL=http://localhost:3082;KAFKA_ADDRESS=localhost:3032```
     * Module classpath:  nussknacker-ui (this is ```ui/server``` folder) 
     * "Included dependencies with "Provided" scope" should be checked, so that Flink DeploymentManager is included in the classpath
-
-## Running backend for frontend development
-If you want run backend only for front-end development, please run `./runServer.sh`
+    
+If you want to build ui and have access to it from served application, you can execute:
+```
+sbt buildUi
+```
+It will produce static assets in `./ui/server/target/scala-XXX/classes/web/static/` that make them accessible via http://localhost:8080/
+
+## Running backend for frontend development from cmd
+If you want to run backend only for front-end development, please run `./runServer.sh`
 
 ## Running full env (for integration tests)
 * Go to docker/demo and run `docker-compose -f docker-compose-env.yml up -d` - runs full env with kafka / flink / etc..
diff --git a/ui/client/components/QueriedStateTable.js b/ui/client/components/QueriedStateTable.js
index f1fbc4894d1..6c56183e499 100644
--- a/ui/client/components/QueriedStateTable.js
+++ b/ui/client/components/QueriedStateTable.js
@@ -8,6 +8,7 @@ import ActionsUtils from "../actions/ActionsUtils"
 import {DATE_FORMAT} from "../config"
 import HttpService from "../http/HttpService"
 import {ButtonWithFocus, InputWithFocus, SelectWithFocus} from "./withFocus"
+import { withTranslation } from 'react-i18next';
 
 class QueriedStateTable extends React.Component {
 
@@ -24,17 +25,19 @@ class QueriedStateTable extends React.Component {
   }
 
   render() {
+    const t = this.props.t
+
     const queryFormRender = () => {
       let queryButtonTooltip
       if (_.isEmpty(this.selectedQueryName())) {
-        queryButtonTooltip = "Query name is not selected"
+        queryButtonTooltip = t("queriedState.notSelected.tooltip.query", "Query name is not selected")
       } else if (_.isEmpty(this.selectedProcessId())) {
-        queryButtonTooltip = "Process id is not selected"
+        queryButtonTooltip = t("queriedState.notSelected.tooltip.scenario", "Scenario is not selected")
       }
       return (
         <div>
           <div className="esp-form-row">
-            <p>Query name</p>
+            <p>{t("queriedState.title.queryName", "Query name")}</p>
             <SelectWithFocus
               value={this.selectedQueryName()}
               onChange={(e) => this.setState({queryName: e.target.value, processId: this.processesForQueryName(e.target.value)[0]})}
@@ -44,14 +47,14 @@ class QueriedStateTable extends React.Component {
             </SelectWithFocus>
           </div>
           <div className="esp-form-row">
-            <p>Process id</p>
+            <p>{t("queriedState.title.scenarioName", "Scenario name")}</p>
             <SelectWithFocus value={this.selectedProcessId()} onChange={(e) => this.setState({processId: e.target.value})}>
               {this.processesForQueryName(this.selectedQueryName()).map((processId, index) => (
                 <option key={index} value={processId}>{processId}</option>))}
             </SelectWithFocus>
           </div>
           <div className="esp-form-row">
-            <p>Key (optional)</p>
+            <p>{t("queriedState.title.key", "Key (optional)")}</p>
             <InputWithFocus value={this.state.key} onChange={(e) => this.setState({key: e.target.value})}/>
             <ButtonWithFocus
               type="button"
@@ -59,7 +62,7 @@ class QueriedStateTable extends React.Component {
               disabled={_.isEmpty(this.selectedQueryName()) || _.isEmpty(this.selectedProcessId())}
               title={queryButtonTooltip}
               onClick={this.queryState.bind(this, this.selectedProcessId(), this.selectedQueryName(), this.state.key)}
-            >Query</ButtonWithFocus>
+            >{t("queriedState.query.button", "Query")}</ButtonWithFocus>
           </div>
         </div>
       )
@@ -147,4 +150,4 @@ function mapState(state) {
   }
 }
 
-export default connect(mapState, ActionsUtils.mapDispatchWithEspActions)(QueriedStateTable)
+export default connect(mapState, ActionsUtils.mapDispatchWithEspActions)(withTranslation()(QueriedStateTable))
diff --git a/ui/client/components/graph/node-modal/NodeDetailsModal.js b/ui/client/components/graph/node-modal/NodeDetailsModal.js
index 12a72dc462f..c39fd42196c 100644
--- a/ui/client/components/graph/node-modal/NodeDetailsModal.js
+++ b/ui/client/components/graph/node-modal/NodeDetailsModal.js
@@ -54,7 +54,7 @@ class NodeDetailsModal extends React.Component {
           this.setState({...this.state, subprocessContent: response.data.json})
         })
       } else {
-        console.warn("Displaying subprocesses is available only in Chromium based browser.")
+        console.warn("Displaying fragments is available only in Chromium based browser.")
       }
     }
   }
diff --git a/ui/client/components/tips/Errors.js b/ui/client/components/tips/Errors.js
index 4ce9a2bebb6..ca1b6799f92 100644
--- a/ui/client/components/tips/Errors.js
+++ b/ui/client/components/tips/Errors.js
@@ -4,6 +4,7 @@ import {v4 as uuid4} from "uuid"
 import InlinedSvgs from "../../assets/icons/InlinedSvgs"
 import HeaderIcon from "./HeaderIcon"
 import NodeErrorsLinkSection from "./NodeErrorsLinkSection"
+import i18next from "i18next"
 
 export default class Errors extends React.Component {
 
@@ -55,8 +56,10 @@ export default class Errors extends React.Component {
   nodeErrorsTips = (propertiesErrors, nodeErrors) => {
     const {showDetails, currentProcess} = this.props
     const nodeIds = Object.keys(nodeErrors)
+
+    //TODO: this is dependent on messages from BE. Should be unified to proper resource bundle :/
     const looseNodeIds = nodeIds.filter(nodeId => nodeErrors[nodeId].some(error => error.message === "Loose node"))
-    const invalidEndNodeIds = nodeIds.filter(nodeId => nodeErrors[nodeId].some(error => error.message === "Invalid end of process"))
+    const invalidEndNodeIds = nodeIds.filter(nodeId => nodeErrors[nodeId].some(error => error.message === "Invalid end of scenario"))
     const otherNodeErrorIds = _.difference(nodeIds, _.concat(looseNodeIds, invalidEndNodeIds))
     const errorsOnTop = this.errorsOnTopPresent(otherNodeErrorIds, propertiesErrors)
 
@@ -65,20 +68,20 @@ export default class Errors extends React.Component {
         <div className={"node-error-links"}>
           <NodeErrorsLinkSection
             nodeIds={_.concat(otherNodeErrorIds, _.isEmpty(propertiesErrors) ? [] : "properties")}
-            message={"Errors in: "}
+            message={i18next.t("errors.errorsIn", "Errors in: ")}
             showDetails={showDetails}
             currentProcess={currentProcess}
           />
           <NodeErrorsLinkSection
             nodeIds={looseNodeIds}
-            message={"Loose nodes: "}
+            message={i18next.t("errors.looseNodes", "Loose nodes: ")}
             showDetails={showDetails}
             currentProcess={currentProcess}
             className={errorsOnTop ? "error-secondary-container" : null}
           />
           <NodeErrorsLinkSection
             nodeIds={invalidEndNodeIds}
-            message={"Invalid end of process: "}
+            message={i18next.t("errors.invalidScenarioEnd", "Invalid end of scenario: ")}
             showDetails={showDetails}
             currentProcess={currentProcess}
             className={errorsOnTop ? "error-secondary-container" : null}
diff --git a/ui/client/components/toolbarSettings/defaultToolbarsConfig.ts b/ui/client/components/toolbarSettings/defaultToolbarsConfig.ts
index 23a87d11b23..ea66da75303 100644
--- a/ui/client/components/toolbarSettings/defaultToolbarsConfig.ts
+++ b/ui/client/components/toolbarSettings/defaultToolbarsConfig.ts
@@ -58,7 +58,7 @@ export function defaultToolbarsConfig(isSubprocess: boolean, isArchived: boolean
       },
       {
         id: "process-panel",
-        title: "process",
+        title: "scenario",
         buttons: processPanelButtons,
       },
       {
diff --git a/ui/client/containers/Archive.tsx b/ui/client/containers/Archive.tsx
index beba48763a4..f26bb5f39c2 100644
--- a/ui/client/containers/Archive.tsx
+++ b/ui/client/containers/Archive.tsx
@@ -11,6 +11,7 @@ import {ProcessesTabData} from "./Processes"
 import {Filterable, ProcessesList, RowsRenderer} from "./ProcessesList"
 import tabStyles from "../components/tabs/processTabs.styl"
 import {SearchItem} from "./TableFilters"
+import {useTranslation} from "react-i18next";
 
 const ElementsRenderer: RowsRenderer = ({processes}) => processes.map(process => (
   <Tr className="row-hover" key={process.name}>
@@ -31,18 +32,21 @@ const ElementsRenderer: RowsRenderer = ({processes}) => processes.map(process =>
 
 const sortable = ["name", "category", "modifyDate", "createdAt", "createdBy", "subprocess", "actionDate", "actionUser"]
 const filterable: Filterable = ["name", "processCategory", "createdBy"]
-const columns = [
-  {key: "name", label: "Scenario name"},
-  {key: "category", label: "Category"},
-  {key: "createdBy", label: "Created by"},
-  {key: "createdAt", label: "Created at"},
-  {key: "actionDate", label: "Archived at"},
-  {key: "actionUser", label: "Archived by"},
-  {key: "subprocess", label: "Fragment"},
-  {key: "view", label: "View"},
-]
 
 function Archive() {
+  const {t} = useTranslation()
+  const columns = [
+    {key: "name", label: t("archiveList.name", "Name")},
+    {key: "category", label: t("archiveList.category", "Category")},
+    {key: "createdBy", label: t("archiveList.createdBy", "Created by")},
+    {key: "createdAt", label: t("archiveList.createdAt", "Created at")},
+    {key: "actionDate", label: t("archiveList.archivedAt", "Archived at")},
+    {key: "actionUser", label: t("archiveList.archivedBy", "Archived by")},
+    {key: "subprocess", label: t("archiveList.subprocess", "Fragment")},
+    {key: "view", label: t("archiveList.view", "View")},
+  ]
+
+
   return (
     <Page className={tabStyles.tabContentPage}>
       <ProcessesList
diff --git a/ui/client/containers/Processes.tsx b/ui/client/containers/Processes.tsx
index f77ed7df8d5..b8b0eb52624 100644
--- a/ui/client/containers/Processes.tsx
+++ b/ui/client/containers/Processes.tsx
@@ -13,9 +13,11 @@ import {Filterable, getProcessState, ProcessesList, RowsRenderer} from "./Proces
 import tabStyles from "../components/tabs/processTabs.styl"
 import {SearchItem} from "./TableFilters"
 import ProcessLastAction from "../components/Process/ProcessLastAction"
+import {useTranslation} from "react-i18next"
 
 const ElementsRenderer: RowsRenderer = ({processes, statuses}) => {
   const processState = getProcessState(statuses)
+
   return processes.map((process, index) => {
     return (
       <Tr key={index} className="row-hover">
@@ -51,19 +53,21 @@ const ElementsRenderer: RowsRenderer = ({processes, statuses}) => {
 
 const sortable = ["name", "category", "modifyDate", "createdAt", "createdBy", "lastAction"]
 const filterable: Filterable = ["name", "processCategory", "createdBy"]
-const columns = [
-  {key: "name", label: "Name"},
-  {key: "category", label: "Category"},
-  {key: "createdBy", label: "Created by"},
-  {key: "createdAt", label: "Created at"},
-  {key: "modifyDate", label: "Last modification"},
-  {key: "lastAction", label: "Last action"},
-  {key: "status", label: "Status"},
-  {key: "edit", label: "Edit"},
-  {key: "metrics", label: "Metrics"},
-]
 
 function Processes() {
+  const {t} = useTranslation()
+  const columns = [
+    {key: "name", label: t("processList.name", "Name")},
+    {key: "category", label: t("processList.category", "Category")},
+    {key: "createdBy", label: t("processList.createdBy", "Created by")},
+    {key: "createdAt", label: t("processList.createdAt", "Created at")},
+    {key: "modifyDate", label: t("processList.modifyDate", "Last modification")},
+    {key: "lastAction", label: t("processList.lastAction", "Last action")},
+    {key: "status", label: t("processList.status", "Status")},
+    {key: "edit", label: t("processList.edit", "Edit")},
+    {key: "metrics", label: t("processList.metrics", "Metrics")},
+  ]
+
   return (
     <Page className={tabStyles.tabContentPage}>
       <ProcessesList
diff --git a/ui/client/containers/Signals.js b/ui/client/containers/Signals.js
index d03b4160aa7..742dfd61cd1 100644
--- a/ui/client/containers/Signals.js
+++ b/ui/client/containers/Signals.js
@@ -5,6 +5,7 @@ import ActionsUtils from "../actions/ActionsUtils"
 import QueriedStateTable from "../components/QueriedStateTable"
 import {InputWithFocus, SelectWithFocus} from "../components/withFocus"
 import HttpService from "../http/HttpService"
+import i18next from "i18next"
 
 //this needs some love
 export class Signals extends React.Component {
@@ -34,9 +35,9 @@ export class Signals extends React.Component {
     const currentSignal = this.findSignal(this.state.signalType)
     let sendSignalButtonTooltip
     if (_.isEmpty(this.state.signalType)) {
-      sendSignalButtonTooltip = "Signal type is not selected"
+      sendSignalButtonTooltip = i18next.t("signals.notSelected.tooltip.type", "Signal type is not selected")
     } else if (_.isEmpty(this.state.processId)) {
-      sendSignalButtonTooltip = "Process id is not selected"
+      sendSignalButtonTooltip = i18next.t("signals.notSelected.tooltip.scenario", "Scenario is not selected")
     }
     //fixme simplify this view as in QueriedStateTable
     return (
@@ -45,7 +46,7 @@ export class Signals extends React.Component {
           <div className="node-table">
             <div className="node-table-body">
               <div className="node-row">
-                <div className="node-label">Signal type</div>
+                <div className="node-label">{i18next.t("signals.type", "Signal type")}</div>
                 <div className="node-value">
                   <SelectWithFocus
                     className="node-input"
@@ -64,7 +65,7 @@ export class Signals extends React.Component {
                 </div>
               </div>
               <div className="node-row">
-                <div className="node-label">Process id</div>
+                <div className="node-label">{i18next.t("signals.scenario", "Scenario")}</div>
                 <div className="node-value">
                   <SelectWithFocus className="node-input" onChange={(e) => this.setState({processId: e.target.value})}>
                     {(currentSignal.availableProcesses || [])
@@ -94,9 +95,7 @@ export class Signals extends React.Component {
               disabled={_.isEmpty(this.state.signalType) || _.isEmpty(this.state.processId)}
               title={sendSignalButtonTooltip}
               onClick={this.sendSignal.bind(this, this.state.signalType, this.state.processId, this.state.signalParams)}
-            >Send
-              signal
-            </button>
+            >{i18next.t("signals.send.button", "Send signal")}</button>
           </div>
         </div>
         <hr/>
diff --git a/ui/client/containers/SubProcesses.tsx b/ui/client/containers/SubProcesses.tsx
index daa5050b0e6..27fe01af09a 100644
--- a/ui/client/containers/SubProcesses.tsx
+++ b/ui/client/containers/SubProcesses.tsx
@@ -36,16 +36,18 @@ const ElementsRenderer: RowsRenderer = ({processes}) => processes.map(process =>
 
 const sortable = ["name", "category", "modifyDate", "createdAt", "createdBy"]
 const filterable: Filterable = ["name", "processCategory", "createdBy"]
-const columns = [
-  {key: "name", label: "Name"},
-  {key: "category", label: "Category"},
-  {key: "createdBy", label: "Created by"},
-  {key: "createdAt", label: "Created at"},
-  {key: "modifyDate", label: "Last modification"},
-  {key: "edit", label: "Edit"},
-]
+
 
 function SubProcesses() {
+  const {t} = useTranslation()
+  const columns = [
+    {key: "name", label: t("fragmentList.name", "Name")},
+    {key: "category", label: t("fragmentList.category", "Category")},
+    {key: "createdBy", label: t("fragmentList.createdBy", "Created by")},
+    {key: "createdAt", label: t("fragmentList.createdAt", "Created at")},
+    {key: "modifyDate", label: t("fragmentList.modifyDate", "Last modification")},
+    {key: "edit", label: t("fragmentList.edit", "Edit")},
+  ]
   return (
     <Page className={tabStyles.tabContentPage}>
       <ProcessesList
diff --git a/ui/client/containers/admin/CustomProcesses.tsx b/ui/client/containers/admin/CustomProcesses.tsx
index 2ed062760bd..b985161a36e 100644
--- a/ui/client/containers/admin/CustomProcesses.tsx
+++ b/ui/client/containers/admin/CustomProcesses.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable i18next/no-literal-string */
 import React from "react"
 import {Td, Tr} from "reactable"
 import Date from "../../components/common/Date"
@@ -10,6 +9,7 @@ import {Page} from "../Page"
 import {Filterable, getProcessState, ProcessesList, RowsRenderer} from "../ProcessesList"
 import {CancelIcon} from "./CancelIcon"
 import {DeployIcon} from "./DeployIcon"
+import {useTranslation} from "react-i18next"
 
 const ElementsRenderer: RowsRenderer = ({processes, getProcesses, statuses}) => {
   const processState = getProcessState(statuses)
@@ -36,17 +36,20 @@ const ElementsRenderer: RowsRenderer = ({processes, getProcesses, statuses}) =>
 
 const sortable = ["name", "category", "modifyDate", "createdAt"]
 const filterable: Filterable = ["name", "processCategory"]
-const columns = [
-  {key: "name", label: "Process name"},
-  {key: "category", label: "Category"},
-  {key: "createdAt", label: "Created at"},
-  {key: "modifyDate", label: "Last modification"},
-  {key: "status", label: "Status"},
-  {key: "deploy", label: "Deploy"},
-  {key: "cancel", label: "Cancel"},
-]
+
 
 export function CustomProcesses(): JSX.Element {
+  const {t} = useTranslation()
+
+  const columns = [
+    {key: "name", label: t("customScenario.name", "Name")},
+    {key: "category", label: t("customScenario.category", "Category")},
+    {key: "createdAt", label: t("customScenario.createdAt", "Created at")},
+    {key: "modifyDate", label: t("customScenario.modifyDate", "Last modification")},
+    {key: "status", label: t("customScenario.status", "Status")},
+    {key: "deploy", label: t("customScenario.deploy", "Deploy")},
+    {key: "cancel", label: t("customScenario.cancel", "Cancel")},
+  ]
 
   return (
     <Page className={tabStyles.tabContentPage}>
@@ -67,7 +70,7 @@ export function CustomProcesses(): JSX.Element {
 }
 
 export const CustomProcessesTabData = {
-  header: "Custom Processes",
+  header: "Custom scenarios",
   key: "custom-processes",
   Component: CustomProcesses,
 }
diff --git a/ui/client/cypress/integration/__image_snapshots__/Process  initially clean  should import JSON and save [Linux] #1.png b/ui/client/cypress/integration/__image_snapshots__/Process  initially clean  should import JSON and save [Linux] #1.png
index e1e78b4b87e..040bdaf368d 100644
Binary files a/ui/client/cypress/integration/__image_snapshots__/Process  initially clean  should import JSON and save [Linux] #1.png and b/ui/client/cypress/integration/__image_snapshots__/Process  initially clean  should import JSON and save [Linux] #1.png differ
diff --git a/ui/client/http/HttpService.ts b/ui/client/http/HttpService.ts
index 557b7f5dde4..bb8fd5b5cc2 100644
--- a/ui/client/http/HttpService.ts
+++ b/ui/client/http/HttpService.ts
@@ -9,6 +9,7 @@ import {API_URL} from "../config"
 import {AuthenticationSettings} from "../reducers/settings"
 import {WithId} from "../types/common"
 import {ToolbarsConfig} from "../components/toolbarSettings/types"
+import i18next from "i18next"
 
 type HealthCheckProcessDeploymentType = {
   status: string,
@@ -83,7 +84,7 @@ class HttpService {
   queryState(processId, queryName, key) {
     const data = {processId, queryName, key}
     return api.get("/queryableState/fetch", {params: data})
-      .catch(error => this.addError("Cannot fetch state", error))
+      .catch(error => this.addError(i18next.t("notification.error.cannotFetchState", "Cannot fetch state"), error))
   }
 
   fetchHealthCheckProcessDeployment(): Promise<HealthCheckResponse> {
@@ -134,7 +135,7 @@ class HttpService {
 
         return response
       })
-    promise.catch((error) => this.addError("Cannot find chosen versions", error, true))
+    promise.catch((error) => this.addError(i18next.t("notification.error.cannotFindChosenVersions", "Cannot find chosen versions"), error, true))
     return promise
   }
 
@@ -173,18 +174,18 @@ class HttpService {
 
   fetchProcessesStates() {
     return api.get<StatusesType>("/processes/status")
-      .catch(error => Promise.reject(this.addError("Cannot fetch statuses", error)))
+      .catch(error => Promise.reject(this.addError(i18next.t("notification.error.cannotFetchStatuses", "Cannot fetch statuses"), error)))
   }
 
   fetchProcessToolbarsConfiguration(processId) {
     const promise = api.get<WithId<ToolbarsConfig>>(`/processes/${processId}/toolbars`)
-    promise.catch(error => this.addError("Cannot fetch process toolbars configuration", error))
+    promise.catch(error => this.addError(i18next.t("notification.error.cannotFetchToolbarConfiguration", "Cannot fetch toolbars configuration"), error))
     return promise
   }
 
   fetchProcessState(processId) {
     return api.get(`/processes/${processId}/status`)
-      .catch(error => this.addError("Cannot fetch status", error))
+      .catch(error => this.addError(i18next.t("notification.error.cannotFetchStatus", "Cannot fetch status"), error))
   }
 
   fetchProcessesDeployments(processId: string) {
@@ -196,10 +197,10 @@ class HttpService {
 
   deploy(processId, comment?) {
     return api.post(`/processManagement/deploy/${processId}`, comment).then(() => {
-      this.addInfo(`Process ${processId} was deployed`)
+      this.addInfo(i18next.t("notification.info.scenarioDeployed", "Scenario {{processId}} was deployed", processId))
       return {isSuccess: true}
     }).catch(error => {
-      return this.addError(`Failed to deploy ${processId}`, error, true).then(() => {
+      return this.addError(i18next.t("notification.error.failedToDeploy", "Failed to deploy {{processId}}", processId), error, true).then(() => {
         return {isSuccess: false}
       })
     })
@@ -224,8 +225,8 @@ class HttpService {
 
   cancel(processId, comment?) {
     return api.post(`/processManagement/cancel/${processId}`, comment)
-      .then(() => this.addInfo(`Process ${processId} was canceled`))
-      .catch(error => this.addError(`Failed to cancel ${processId}`, error, true))
+      .then(() => this.addInfo(i18next.t("notification.info.scenarioCancelled", "Process {{processId}} was canceled", processId)))
+      .catch(error => this.addError(i18next.t("notification.error.failedToCancel", "Failed to cancel {{processId}}", processId), error, true))
   }
 
   fetchProcessActivity(processId) {
@@ -234,14 +235,14 @@ class HttpService {
 
   addComment(processId, versionId, data) {
     return api.post(`/processes/${processId}/${versionId}/activity/comments`, data)
-      .then(() => this.addInfo("Comment added"))
-      .catch(error => this.addError("Failed to add comment", error))
+      .then(() => this.addInfo(i18next.t("notification.info.commentAdded", "Comment added")))
+      .catch(error => this.addError(i18next.t("notification.error.failedToAddComment", "Failed to add comment", error)))
   }
 
   deleteComment(processId, commentId) {
     return api.delete(`/processes/${processId}/activity/comments/${commentId}`)
-      .then(() => this.addInfo("Comment deleted"))
-      .catch(error => this.addError("Failed to delete comment", error))
+      .then(() => this.addInfo(i18next.t("notification.info.commendDeleted", "Comment deleted")))
+      .catch(error => this.addError(i18next.t("notification.error.failedToDeleteComment", "Failed to delete comment"), error))
   }
 
   addAttachment(processId, versionId, file) {
@@ -249,8 +250,8 @@ class HttpService {
     data.append("attachment", file)
 
     return api.post(`/processes/${processId}/${versionId}/activity/attachments`, data)
-      .then(() => this.addInfo("Attachment added"))
-      .catch(error => this.addError("Failed to add attachment", error))
+      .then(() => this.addInfo(i18next.t("notification.error.attachmentAdded", "Attachment added")))
+      .catch(error => this.addError(i18next.t("notification.error.failedToAddAttachment", "Failed to add attachment"), error))
   }
 
   downloadAttachment(processId, processVersionId, attachmentId) {
@@ -258,31 +259,32 @@ class HttpService {
   }
 
   changeProcessName(processName, newProcessName): Promise<boolean> {
+    const failedToChangeNameMessage = i18next.t("notification.error.failedToChangeName", "Failed to change scenario name:")
     if (newProcessName == null || newProcessName === "") {
-      this.addErrorMessage("Failed to change process name:", "Name cannot be empty", true)
+      this.addErrorMessage(failedToChangeNameMessage, i18next.t("notification.error.newNameEmpty", "Name cannot be empty"), true)
       return Promise.resolve(false)
     }
 
     return api.put(`/processes/${processName}/rename/${newProcessName}`)
       .then(() => {
-        this.addInfo("Process name changed")
+        this.addInfo(i18next.t("notification.error.nameChanged", "Process name changed"))
         return true
       })
       .catch((error) => {
-        return this.addError("Failed to change process name:", error, true).then(() => false)
+        return this.addError(failedToChangeNameMessage, error, true).then(() => false)
       })
   }
 
   exportProcess(process, versionId) {
     return api.post("/processesExport", process, {responseType: "blob"})
       .then(response => FileSaver.saveAs(response.data, `${process.id}-${versionId}.json`))
-      .catch(error => this.addError("Failed to export", error))
+      .catch(error => this.addError(i18next.t("notification.error.failedToExport", "Failed to export"), error))
   }
 
   exportProcessToPdf(processId, versionId, data, businessView) {
     return api.post(`/processesExport/pdf/${processId}/${versionId}`, data, {responseType: "blob", params: {businessView}})
       .then(response => FileSaver.saveAs(response.data, `${processId}-${versionId}.pdf`))
-      .catch(error => this.addError("Failed to export", error))
+      .catch(error => this.addError(i18next.t("notification.error.failedToExportPdf", "Failed to export PDF"), error))
   }
 
   //This method will return *FAILED* promise if validation fails with e.g. 400 (fatal validation error)
@@ -290,39 +292,39 @@ class HttpService {
   validateProcess(process) {
     return api.post("/processValidation", process)
       .catch(error => {
-        this.addError("Fatal validation error, cannot save", error, true)
+        this.addError(i18next.t("notification.error.fatalValidationError", "Fatal validation error, cannot save"), error, true)
         return Promise.reject(error)
       })
   }
 
   validateNode(processId, node) {
     const promise = api.post(`/nodes/${processId}/validation`, node)
-    promise.catch(error => this.addError("Failed to get node validation", error, true))
+    promise.catch(error => this.addError(i18next.t("notification.error.failedToValidateNode", "Failed to get node validation"), error, true))
     return promise
   }
 
   getNodeAdditionalData(processId, node) {
     const promise = api.post(`/nodes/${processId}/additionalData`, node)
-    promise.catch(error => this.addError("Failed to get node additional data", error, true))
+    promise.catch(error => this.addError(i18next.t("notification.error.failedToFetchState", "Failed to get node additional data"), error, true))
     return promise
   }
 
   getTestCapabilities(process) {
     return api.post("/testInfo/capabilities", process)
-      .catch(error => this.addError("Failed to get capabilities", error, true))
+      .catch(error => this.addError(i18next.t("notification.error.failedToGetCapabilities", "Failed to get capabilities"), error, true))
   }
 
   generateTestData(processId, testSampleSize, data) {
     return api.post(`/testInfo/generate/${testSampleSize}`, data, {responseType: "blob"})
       .then(response => FileSaver.saveAs(response.data, `${processId}-testData`))
-      .catch(error => this.addError("Failed to generate test data", error))
+      .catch(error => this.addError(i18next.t("notification.error.failedToGenerateTestData", "Failed to generate test data"), error))
   }
 
   fetchProcessCounts(processId, dateFrom, dateTo) {
     const data = {dateFrom: dateFrom, dateTo: dateTo}
     const promise = api.get(`/processCounts/${processId}`, {params: data})
 
-    promise.catch(error => this.addError("Cannot fetch process counts", error, true))
+    promise.catch(error => this.addError(i18next.t("notification.error.failedToFetchCounts", "Cannot fetch process counts"), error, true))
     return promise
   }
 
@@ -331,26 +333,26 @@ class HttpService {
   saveProcess(processId, processJson, comment) {
     const data = {process: processJson, comment: comment}
     return api.put(`/processes/${processId}`, data)
-      .then(() => this.addInfo(`Process ${processId} was saved`))
+      .then(() => this.addInfo(i18next.t("notification.info.scenarioSaved", "Scenario {{processId}} was saved", processId)))
       .catch(error => {
-        this.addError("Failed to save", error, true)
+        this.addError(i18next.t("notification.error.failedToSave", "Failed to save"), error, true)
         return Promise.reject(error)
       })
   }
 
   archiveProcess(processId) {
     return api.post(`/archive/${processId}`)
-      .catch(error => this.addError("Failed to archive process", error, true))
+      .catch(error => this.addError(i18next.t("notification.error.failedToArchive", "Failed to archive scenario"), error, true))
   }
 
   unArchiveProcess(processId) {
     return api.post(`/unarchive/${processId}`)
-      .catch(error => this.addError("Failed to unarchive process", error, true))
+      .catch(error => this.addError(i18next.t("notification.error.failedToUnArchive", "Failed to unarchive scenario"), error, true))
   }
 
   createProcess(processId, processCategory, isSubprocess) {
     return api.post(`/processes/${processId}/${processCategory}?isSubprocess=${isSubprocess}`)
-      .catch(error => this.addError("Failed to create process:", error, true))
+      .catch(error => this.addError(i18next.t("notification.error.failedToCreate", "Failed to create scenario:"), error, true))
   }
 
   importProcess(processId, file) {
@@ -358,7 +360,7 @@ class HttpService {
     data.append("process", file)
 
     return api.post(`/processes/import/${processId}`, data)
-      .catch(error => this.addError("Failed to import", error, true))
+      .catch(error => this.addError(i18next.t("notification.error.failedToImport", "Failed to import"), error, true))
   }
 
   testProcess(processId, file, processJson) {
@@ -367,36 +369,36 @@ class HttpService {
     data.append("processJson", new Blob([JSON.stringify(processJson)], {type: "application/json"}))
 
     return api.post(`/processManagement/test/${processId}`, data)
-      .catch(error => this.addError("Failed to test", error, true))
+      .catch(error => this.addError(i18next.t("notification.error.failedToTest", "Failed to test"), error, true))
   }
 
   compareProcesses(processId, thisVersion, otherVersion, businessView, remoteEnv) {
     const path = remoteEnv ? "remoteEnvironment" : "processes"
 
     return api.get(`/${path}/${processId}/${thisVersion}/compare/${otherVersion}`, {params: {businessView}})
-      .catch(error => this.addError("Cannot compare processes", error, true))
+      .catch(error => this.addError(i18next.t("notification.error.cannotCompare", "Cannot compare scenarios"), error, true))
   }
 
   fetchRemoteVersions(processId) {
     return api.get(`/remoteEnvironment/${processId}/versions`)
-      .catch(error => this.addError("Failed to get versions from second environment", error))
+      .catch(error => this.addError(i18next.t("notification.error.failedToGetVersions", "Failed to get versions from second environment"), error))
   }
 
   migrateProcess(processId, versionId) {
     return api.post(`/remoteEnvironment/${processId}/${versionId}/migrate`)
-      .then(() => this.addInfo(`Process ${processId} was migrated`))
-      .catch(error => this.addError("Failed to migrate", error, true))
+      .then(() => this.addInfo(i18next.t("notification.info.scenarioMigrated", "Scenario {{processId}} was migrated")))
+      .catch(error => this.addError(i18next.t("notification.error.failedToMigrate", "Failed to migrate"), error, true))
   }
 
   fetchSignals() {
     return api.get("/signal")
-      .catch(error => this.addError("Failed to fetch signals", error))
+      .catch(error => this.addError(i18next.t("notification.error.failedToFetchSignals", "Failed to fetch signals"), error))
   }
 
   sendSignal(signalType, processId, params) {
     return api.post(`/signal/${signalType}/${processId}`, params)
-      .then(() => this.addInfo("Signal send"))
-      .catch(error => this.addError("Failed to send signal", error))
+      .then(() => this.addInfo(i18next.t("notification.info.signalSent", "Signal sent")))
+      .catch(error => this.addError(i18next.t("notification.error.failedToSendSignal", "Failed to send signal"), error))
   }
 
   fetchOAuth2AccessToken<T>(authorizeCode: string | string[]) {
diff --git a/ui/client/test/Process/ProcessStateIcon-test.js b/ui/client/test/Process/ProcessStateIcon-test.js
index 575983779a2..53621f40328 100644
--- a/ui/client/test/Process/ProcessStateIcon-test.js
+++ b/ui/client/test/Process/ProcessStateIcon-test.js
@@ -15,7 +15,7 @@ const processState = {
   icon: "/states/stopping-success.svg",
   startTime: null,
   status: {type: "StoppedStateStatus", name: "CANCELED"},
-  tooltip: "The process has been successfully cancelled."
+  tooltip: "The scenario has been successfully cancelled."
 }
 
 const noDataProcessState = {