diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index f257017c82..21807b05c0 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -4,8 +4,6 @@ about: Create a report to help us improve
 
 ---
 
-<!--- Provide a general summary of the issue in the Title above -->
-
 ### Steps to reproduce
 <!-- Provide an unambiguous set of steps to reproduce the bug -->
 
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 72213a153d..fec395aafe 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -2,7 +2,7 @@
 
 ### What issue have I solved?
 <!--- Complementary description if needed -->
--- #INSERT_ISSUE_NUMBER
+#INSERT_ISSUE_NUMBER
 
 ### How have I implemented/fixed it?
 <!--- Describe your technical implementation -->
diff --git a/Jenkinsfile b/Jenkinsfile
index fa260a32b1..8270319a21 100644
--- a/Jenkinsfile
+++ b/Jenkinsfile
@@ -7,7 +7,7 @@ pipeline {
 		buildDiscarder(logRotator(numToKeepStr: '168', artifactNumToKeepStr: '5'))
 	}
 	environment {
-		LISK_CORE_VERSION = '1.3.0'
+		LISK_CORE_VERSION = '1.4.0-rc.0'
 	}
 	stages {
 		stage('Install npm dependencies') {
@@ -39,12 +39,8 @@ pipeline {
 								npm run --silent build:testnet
 								npm run --silent bundlesize
 
-								if [ -z $CHANGE_BRANCH ]; then
-								    npm install
-								    USE_SYSTEM_XORRISO=true npm run dist:linux
-								else
-								    echo "Skipping desktop build for Linux because we're building a PR."
-								fi
+								npm install
+								USE_SYSTEM_XORRISO=true npm run dist:linux
 								'''
 							}
 						}
@@ -119,7 +115,7 @@ pipeline {
 										sed -i -r -e '/ports:/,+2d' docker-compose.yml
 										# random port assignment
 										cat <<EOF >docker-compose.override.yml
-version: "2"
+version: "3"
 services:
 
   lisk:
diff --git a/README.md b/README.md
index 08c254b709..7a59cd254e 100644
--- a/README.md
+++ b/README.md
@@ -67,6 +67,12 @@ Then, in order to launch version with hardware wallet, you can run
 npm run dev-hardware-wallet
 ```
 
+In order to launch electron that gets live updates from already running webpack-dev-server on port 8080, you can run
+
+```
+LISK_HUB_URL="http://localhost:8080" npm run start
+```
+
 #### Windows
 
 Build package for Windows (on Windows in [Git BASH](https://git-for-windows.github.io/)).
diff --git a/app/package.json b/app/package.json
index b3117da925..d165c17e9b 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,10 +1,21 @@
 {
   "name": "lisk-hub",
-  "version": "1.8.0-beta.1",
+  "version": "1.9.0-rc.2",
   "description": "Lisk Hub",
   "main": "./build/main.js",
   "author": {
     "name": "Lisk Foundation",
     "email": "admin@lisk.io"
+  },
+  "scripts": {
+    "postinstall": "electron-rebuild --force"
+  },
+  "dependencies": {
+    "find-free-port": "2.0.0",
+    "node-hid": "0.7.2",
+    "usb": "1.3.3"
+  },
+  "devDependencies": {
+    "electron-rebuild": "1.8.2"
   }
 }
diff --git a/app/server.js b/app/server.js
new file mode 100644
index 0000000000..432f2e50b5
--- /dev/null
+++ b/app/server.js
@@ -0,0 +1,33 @@
+const server = {
+  // eslint-disable-next-line max-statements
+  init: (port) => {
+    const express = require('express'); // eslint-disable-line
+    const Path = require('path');
+    const bodyParser = require('body-parser'); // eslint-disable-line
+
+    if (process.env.LISK_HUB_URL) {
+      return process.env.LISK_HUB_URL;
+    }
+
+    const app = express();
+
+    app.use(bodyParser.json());
+    app.use(bodyParser.urlencoded({ extended: true }));
+
+    app.set('views', Path.join(__dirname, '.'));
+    app.use(express.static(Path.join(__dirname, '.')));
+
+    app.get('*', (req, res) => res.sendFile(Path.join(__dirname, 'index.html')));
+
+    // catch 404 and forward to error handler
+    app.use((req, res, next) => {
+      const err = new Error('Not Found');
+      err.status = 404;
+      next(err);
+    });
+    app.listen(port);
+    return `http://localhost:${port}/`;
+  },
+};
+
+export default server;
diff --git a/app/src/ledger.js b/app/src/ledger.js
index 3dd95f351c..f5fcd330bc 100644
--- a/app/src/ledger.js
+++ b/app/src/ledger.js
@@ -1,19 +1,18 @@
 import { app, ipcMain } from 'electron'; // eslint-disable-line import/no-extraneous-dependencies
 import Lisk from 'lisk-elements'; // eslint-disable-line import/no-extraneous-dependencies
 import { LedgerAccount, SupportedCoin, DposLedger } from 'dpos-ledger-api'; // eslint-disable-line import/no-extraneous-dependencies
-import win from './modules/win';
+import TransportNodeHid from '@ledgerhq/hw-transport-node-hid'; // eslint-disable-line import/no-extraneous-dependencies
 
+import win from './modules/win';
 
-// eslint-disable-next-line import/no-extraneous-dependencies
-// TransportNodeHid = require('@ledgerhq/hw-transport-node-hid');
 // mock transportnodehid, todo fix this to work also on windows and linux
-const TransportNodeHid = {
-  open: () => {},
-  listen: () => {},
-  setListenDevicesDebounce: () => {},
-  setListenDevicesPollingSkip: () => {},
-};
-TransportNodeHid.setListenDevicesDebounce(200);
+// const TransportNodeHid = {
+//   open: () => {},
+//   listen: () => {},
+//   setListenDevicesDebounce: () => {},
+//   setListenDevicesPollingSkip: () => {},
+// };
+// TransportNodeHid.setListenDevicesDebounce(200);
 /*
 TransportNodeHid.setListenDevicesDebug((msg, ...args) => {
   console.log(msg);
@@ -50,7 +49,7 @@ const ledgerObserver = {
   next: async ({ device, type }) => {
     if (device) {
       if (type === 'add') {
-        if (process.platform === 'darwin' || await isInsideLedgerApp(device.path)) {
+        if (process.platform !== 'linux' || await isInsideLedgerApp(device.path)) {
           ledgerPath = device.path;
           win.send({ event: 'ledgerConnected', value: null });
         }
diff --git a/app/src/main.js b/app/src/main.js
index b372860f02..237d1fb496 100644
--- a/app/src/main.js
+++ b/app/src/main.js
@@ -3,6 +3,7 @@ import electronLocalshortcut from 'electron-localshortcut'; // eslint-disable-li
 import { autoUpdater } from 'electron-updater'; // eslint-disable-line import/no-extraneous-dependencies
 import path from 'path';
 import storage from 'electron-json-storage'; // eslint-disable-line import/no-extraneous-dependencies
+import fp from 'find-free-port';
 import win from './modules/win';
 import './styles.dialog.css';
 // import localeHandler from './modules/localeHandler';
@@ -11,6 +12,8 @@ import updateChecker from './modules/autoUpdater';
 require('babel-polyfill'); // eslint-disable-line import/no-extraneous-dependencies
 require('./ledger');
 
+const defaultServerPort = 3000;
+
 const checkForUpdates = updateChecker({
   autoUpdater,
   dialog: electron.dialog,
@@ -20,15 +23,21 @@ const checkForUpdates = updateChecker({
 });
 
 const { app, ipcMain } = electron;
-
 let appIsReady = false;
 
+const createWindow = (err, port) => {
+  if (err) {
+    throw new Error(err);
+  }
+  win.create({
+    electron, path, electronLocalshortcut, storage, checkForUpdates, port,
+  });
+};
 
 app.on('ready', () => {
   appIsReady = true;
-  win.create({
-    electron, path, electronLocalshortcut, storage, checkForUpdates,
-  });
+
+  fp(defaultServerPort, createWindow);
 });
 
 app.on('window-all-closed', () => {
@@ -47,9 +56,7 @@ app.on('activate', () => {
   // sometimes, the event is triggered before app.on('ready', ...)
   // then creating new windows will fail
   if (win.browser === null && appIsReady) {
-    win.create({
-      electron, path, electronLocalshortcut, storage, checkForUpdates,
-    });
+    fp(defaultServerPort, createWindow);
   }
 });
 
@@ -90,6 +97,12 @@ ipcMain.on('proxyCredentialsEntered', (event, username, password) => {
   global.myTempFunction(username, password);
 });
 
+
+// ipcMain.on('ledgerConnected', () => {
+//   console.log('ledgerConnected');
+//   store.dispatch({ type: actionTypes.connectHardwareWallet });
+// });
+
 // ToDo - enable this feature when it is implemented in the new design
 // ipcMain.on('set-locale', (event, locale) => {
 //   const langCode = locale.substr(0, 2);
diff --git a/app/src/modules/win.js b/app/src/modules/win.js
index 02ce8f39f1..6488bec8d8 100644
--- a/app/src/modules/win.js
+++ b/app/src/modules/win.js
@@ -1,13 +1,19 @@
 import localeHandler from './localeHandler';
 import menu from './../menu';
 import process from './process';
+import server from '../../server';
 
 const win = {
   browser: null,
   eventStack: [],
-  init: ({ electron, path, electronLocalshortcut }) => {
+  init: ({
+    electron, path, electronLocalshortcut, port,
+  }) => {
     const { width, height } = electron.screen.getPrimaryDisplay().workAreaSize;
     const { BrowserWindow } = electron;
+
+    const url = server.init(port);
+
     win.browser = new BrowserWindow({
       width: width > 1680 ? 1680 : width,
       height: height > 1050 ? 1050 : height,
@@ -28,16 +34,18 @@ const win = {
       win.browser.webContents.toggleDevTools();
     });
 
-    win.browser.loadURL(`file://${__dirname}/index.html`);
+    win.browser.loadURL(url);
   },
 
 
   create: ({ // eslint-disable-line max-statements
-    electron, path, electronLocalshortcut, storage, checkForUpdates,
+    electron, path, electronLocalshortcut, storage, checkForUpdates, port,
   }) => {
     const { Menu } = electron;
 
-    win.init({ electron, path, electronLocalshortcut });
+    win.init({
+      electron, path, electronLocalshortcut, port,
+    });
     localeHandler.send({ storage });
 
     win.browser.on('blur', () => win.browser.webContents.send('blur'));
@@ -118,4 +126,3 @@ const sendEventsFromEventStack = () => {
 
 
 export default win;
-
diff --git a/app/src/modules/win.test.js b/app/src/modules/win.test.js
index 4622d59fc7..fa8b12ded0 100644
--- a/app/src/modules/win.test.js
+++ b/app/src/modules/win.test.js
@@ -2,6 +2,7 @@ import { expect } from 'chai'; // eslint-disable-line import/no-extraneous-depen
 import { spy, mock } from 'sinon'; // eslint-disable-line import/no-extraneous-dependencies
 import win from './win';
 import process from './process';
+import server from '../../server';
 
 describe('Electron Browser Window Wrapper', () => {
   const callbacks = {};
@@ -41,11 +42,15 @@ describe('Electron Browser Window Wrapper', () => {
     },
     app: { getName: () => ('Lisk Hub'), getVersion: () => ('some version') },
   };
+  const url = 'http://localhost:8080/';
 
   let processMock;
+  let serverMock;
 
   beforeEach(() => {
     processMock = mock(process);
+    serverMock = mock(server);
+    serverMock.expects('init').returns(url);
   });
 
 
@@ -55,6 +60,7 @@ describe('Electron Browser Window Wrapper', () => {
     win.eventStack.length = 0;
     events.length = 0;
     processMock.restore();
+    serverMock.restore();
   });
 
   describe('Init', () => {
@@ -64,7 +70,7 @@ describe('Electron Browser Window Wrapper', () => {
       expect(win.browser.webPreferences.preload).to.equal('test');
       expect(win.browser.center).to.equal(true);
       expect(win.browser.devtools).to.equal(true);
-      expect(win.browser.loadURL).to.have.been.calledWith(`file://${__dirname}/index.html`);
+      expect(win.browser.loadURL).to.have.been.calledWith(url);
     });
 
     it('Creates the window of maximum size possible size on < 1680X1050 display', () => {
diff --git a/config/setupJest.js b/config/setupJest.js
index e136dd39bc..469a6507d7 100644
--- a/config/setupJest.js
+++ b/config/setupJest.js
@@ -8,6 +8,8 @@ import sinonStubPromise from 'sinon-stub-promise';
 import Enzyme from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import i18next from 'i18next';
+import ReactPiwik from 'react-piwik';
+import crypto from 'crypto';
 // TODO remove next line after upgrading node version to at least 7
 import 'es7-object-polyfill';
 
@@ -46,6 +48,17 @@ Object.defineProperty(window, 'localStorage', {
   value: localStorageMock,
 });
 
+Object.defineProperty(window, 'crypto', {
+  value: {
+    getRandomValues: arr => crypto.randomBytes(arr.length),
+  },
+});
+
+ReactPiwik.push = () => {};
+ReactPiwik.trackingEvent = () => {};
+sinon.stub(ReactPiwik.prototype, 'connectToHistory').callsFake(() => 1);
+sinon.stub(ReactPiwik.prototype, 'initPiwik').callsFake(() => {});
+
 // https://github.com/nkbt/react-copy-to-clipboard/issues/20#issuecomment-414065452
 // Polyfill window prompts to always confirm.  Needed for react-copy-to-clipboard to work.
 global.prompt = () => true;
@@ -60,4 +73,3 @@ const getSelection = () => ({
 });
 window.getSelection = getSelection;
 document.getSelection = getSelection;
-
diff --git a/config/webpack.config.js b/config/webpack.config.js
index 5bde208d3e..29fe1e4e44 100644
--- a/config/webpack.config.js
+++ b/config/webpack.config.js
@@ -38,7 +38,7 @@ module.exports = {
         },
       },
       {
-        test: /\.(eot|svg|ttf|woff|woff2)$/,
+        test: /\.(eot|svg|ttf|woff|woff2|otf)$/,
         exclude: [/images/],
         options: {
           name: '[path][name]-[hash:6].[ext]',
diff --git a/i18n/locales/en/common.json b/i18n/locales/en/common.json
index 9c639e48dd..b73aa03c0a 100644
--- a/i18n/locales/en/common.json
+++ b/i18n/locales/en/common.json
@@ -36,6 +36,7 @@
   "Auto-logout": "Auto-logout",
   "Back": "Back",
   "Back to overview": "Back to overview",
+  "Backup your Passphrase": "Backup your Passphrase",
   "Balance": "Balance",
   "Become a delegate": "Become a delegate",
   "Become a delegate (Fee: {{fee}} LSK)": "Become a delegate (Fee: {{fee}} LSK)",
@@ -52,7 +53,9 @@
   "Choose Network": "Choose Network",
   "Choose a name": "Choose a name",
   "Choose an ID": "Choose an ID",
+  "Choose the rights word missing from your Passphrase.": "Choose the rights word missing from your Passphrase.",
   "Choose which feeds to display.": "Choose which feeds to display.",
+  "Choose your Avatar": "Choose your Avatar",
   "Choose your name": "Choose your name",
   "Click here to go to the main page of Lisk Hub and find all relevant statistics and ID information": "Click here to go to the main page of Lisk Hub and find all relevant statistics and ID information",
   "Click here to skip": "Click here to skip",
@@ -68,20 +71,27 @@
   "Confirm transfer": "Confirm transfer",
   "Confirm vote on Ledger Nano S": "Confirm vote on Ledger Nano S",
   "Confirm your name": "Confirm your name",
+  "Confirm your passphrase": "Confirm your passphrase",
   "Confirmation in the next step": "Confirmation in the next step",
   "Confirmations": "Confirmations",
   "Connected to ": "Connected to ",
+  "Connected to:": "Connected to:",
   "Connecting to network": "Connecting to network",
   "Connection re-established": "Connection re-established",
+  "Continue": "Continue",
   "Continue to Dashboard": "Continue to Dashboard",
   "Copied!": "Copied!",
   "Copy": "Copy",
   "Copy Transaction ID to clipboard": "Copy Transaction ID to clipboard",
+  "Copy passphrase": "Copy passphrase",
   "Copy to Clipboard": "Copy to Clipboard",
   "Could not reach the network. Please try again.": "Could not reach the network. Please try again.",
   "Create": "Create",
+  "Create First Transaction": "Create First Transaction",
   "Create Lisk ID": "Create Lisk ID",
   "Create a Lisk ID to gain access to all services.": "Create a Lisk ID to gain access to all services.",
+  "Create an Account": "Create an Account",
+  "Create an account or sign in to manage your LSK, become a delegate or vote for another delegates.": "Create an account or sign in to manage your LSK, become a delegate or vote for another delegates.",
   "Create your Lisk ID": "Create your Lisk ID",
   "Create your second passphrase": "Create your second passphrase",
   "Currency": "Currency",
@@ -103,7 +113,9 @@
   "Done": "Done",
   "Don’t be a stranger! Connect with our worldwide community.": "Don’t be a stranger! Connect with our worldwide community.",
   "Dowload started": "Dowload started",
+  "Download PDF": "Download PDF",
   "Drag to reveal": "Drag to reveal",
+  "Each Avatar is a visual representation of the address, making it unique.": "Each Avatar is a visual representation of the address, making it unique.",
   "Each LSK token is worth one vote.": "Each LSK token is worth one vote.",
   "Edit": "Edit",
   "Enter IP or domain address of the node": "Enter IP or domain address of the node",
@@ -117,6 +129,7 @@
   "Error during login with Ledger.": "Error during login with Ledger.",
   "Error on Ledger Connection. Be sure your device is connected properly": "Error on Ledger Connection. Be sure your device is connected properly",
   "Explain Blockchain Like I'm 5": "Explain Blockchain Like I'm 5",
+  "Explore as a Guest": "Explore as a Guest",
   "Explore the network": "Explore the network",
   "Failed to connect to node": "Failed to connect to node",
   "Failed to connect: Node {{address}} is not active": "Failed to connect: Node {{address}} is not active",
@@ -125,15 +138,20 @@
   "Filter": "Filter",
   "Filter votes": "Filter votes",
   "Final confirmation": "Final confirmation",
+  "For more information refer to our ": "For more information refer to our ",
   "Forged": "Forged",
   "Get passphrase": "Get passphrase",
   "Get to your Dashboard": "Get to your Dashboard",
+  "Give feedback about this feature": "Give feedback about this feature",
+  "Go Back": "Go Back",
   "Go back to Dashboard": "Go back to Dashboard",
   "Go to \"Help\" on your Sidebar to start the onboarding whenever you need.": "Go to \"Help\" on your Sidebar to start the onboarding whenever you need.",
   "Go to settings": "Go to settings",
   "Go to your Dashboard": "Go to your Dashboard",
   "Got it": "Got it",
   "Great!\nYou’re almost done": "Great!\nYou’re almost done",
+  "Hardware login (beta): ": "Hardware login (beta): ",
+  "Hardware wallet login (beta):": "Hardware wallet login (beta):",
   "Height": "Height",
   "Help": "Help",
   "Help Center": "Help Center",
@@ -143,6 +161,7 @@
   "How is Lisk transparent?": "How is Lisk transparent?",
   "How it works": "How it works",
   "How would you call it?": "How would you call it?",
+  "Hub enables you to customize a link. Once shared with your peers,\n              this link can be used to open any Lisk application and pre-fill the data for you.": "Hub enables you to customize a link. Once shared with your peers,\n              this link can be used to open any Lisk application and pre-fill the data for you.",
   "I am responsible for keeping my passphrase safe. No one can reset it, not even Lisk.": "I am responsible for keeping my passphrase safe. No one can reset it, not even Lisk.",
   "I confirm (Fee: 5 LSK)": "I confirm (Fee: 5 LSK)",
   "I understand": "I understand",
@@ -160,6 +179,9 @@
   "Invalid amount": "Invalid amount",
   "Is Blockchain Secure?": "Is Blockchain Secure?",
   "It is recommended that you initialize your Lisk ID.": "It is recommended that you initialize your Lisk ID.",
+  "It was given in a previous step": "It was given in a previous step",
+  "It will cost you only the usual {{fee}} LSK transaction fee.": "It will cost you only the usual {{fee}} LSK transaction fee.",
+  "Keep it safe is only way to access the wallet": "Keep it safe is only way to access the wallet",
   "Keep the overview": "Keep the overview",
   "Keep track of any Lisk ID balance. Only you will see who you bookmarked.": "Keep track of any Lisk ID balance. Only you will see who you bookmarked.",
   "LSK received": "LSK received",
@@ -206,6 +228,7 @@
   "Names are unique. Once you register a name, it can't be changed.": "Names are unique. Once you register a name, it can't be changed.",
   "Network to connect to": "Network to connect to",
   "New to Hub? Take a tour": "New to Hub? Take a tour",
+  "New to Lisk? ": "New to Lisk? ",
   "New version available": "New version available",
   "News": "News",
   "Next": "Next",
@@ -229,6 +252,10 @@
   "Out": "Out",
   "Outgoing": "Outgoing",
   "Page not found.": "Page not found.",
+  "Paper version": "Paper version",
+  "Passphrase": "Passphrase",
+  "Passphrase is both ": "Passphrase is both ",
+  "Passphrase is both your login and password combined": "Passphrase is both your login and password combined",
   "Passphrase is not valid": "Passphrase is not valid",
   "Passphrase should have 12 words, entered passphrase has {{length}}": "Passphrase should have 12 words, entered passphrase has {{length}}",
   "Password": "Password",
@@ -245,6 +272,7 @@
   "Please use the last not-initialized account before creating a new one!": "Please use the last not-initialized account before creating a new one!",
   "Previous": "Previous",
   "Price data currently not available": "Price data currently not available",
+  "Privacy Policy": "Privacy Policy",
   "Productivity": "Productivity",
   "Proxy Authentication": "Proxy Authentication",
   "Quit": "Quit",
@@ -276,7 +304,7 @@
   "Retry": "Retry",
   "Safekeeping": "Safekeeping",
   "Search": "Search",
-  "Search for Lisk ID or Transaction ID": "Search for Lisk ID or Transaction ID",
+  "Search for Lisk ID, Delegate or Transaction ID": "Search for Lisk ID, Delegate or Transaction ID",
   "Search for a delegate": "Search for a delegate",
   "Search for answers in our extensive ": "Search for answers in our extensive ",
   "Search for delegate, Lisk ID, transaction ID": "Search for delegate, Lisk ID, transaction ID",
@@ -296,6 +324,7 @@
   "Send LSK": "Send LSK",
   "Send Lisk from Blockchain Application": "Send Lisk from Blockchain Application",
   "Send Lisk to Blockchain Application": "Send Lisk to Blockchain Application",
+  "Send anonymous usage statistics": "Send anonymous usage statistics",
   "Send request via E-mail": "Send request via E-mail",
   "Send to Address": "Send to Address",
   "Send to address": "Send to address",
@@ -306,18 +335,26 @@
   "Set max. amount": "Set max. amount",
   "Set up Lisk Hub and your account.": "Set up Lisk Hub and your account.",
   "Settings": "Settings",
+  "Show Less": "Show Less",
+  "Show More": "Show More",
   "Show more": "Show more",
   "Show passphrase": "Show passphrase",
   "Sidechains": "Sidechains",
   "Sidechains will revolutionize the way decentralized apps are developed. Here you will be able to find hosts, and monitor your sidechains soon.": "Sidechains will revolutionize the way decentralized apps are developed. Here you will be able to find hosts, and monitor your sidechains soon.",
+  "Sign In": "Sign In",
   "Sign a message": "Sign a message",
   "Sign back in": "Sign back in",
   "Sign in": "Sign in",
+  "Sign in with a Passphrase": "Sign in with a Passphrase",
   "Sorry": "Sorry",
   "Standby": "Standby",
   "Start here": "Start here",
   "Start the tour": "Start the tour",
   "Stats": "Stats",
+  "Step 1 / 4": "Step 1 / 4",
+  "Step 2 / 4": "Step 2 / 4",
+  "Step 3 / 4": "Step 3 / 4",
+  "Step 4 / 4": "Step 4 / 4",
   "Submit": "Submit",
   "Success": "Success",
   "Success!": "Success!",
@@ -329,6 +366,7 @@
   "The Lisk Academy is an entirely free, unbiased and comprehensive educational platform about blockchain technology, containing something for everyone, regardless of what level of knowledge you are at.": "The Lisk Academy is an entirely free, unbiased and comprehensive educational platform about blockchain technology, containing something for everyone, regardless of what level of knowledge you are at.",
   "The Wallet will show your recent transactions.": "The Wallet will show your recent transactions.",
   "The download has started. Depending on your internet speed, it can take several minutes. You will be informed when it is finished and be prompted to restart the app.": "The download has started. Depending on your internet speed, it can take several minutes. You will be informed when it is finished and be prompted to restart the app.",
+  "The easiest way to do this is to send LSK to yourself by clicking this button.": "The easiest way to do this is to send LSK to yourself by clicking this button.",
   "The easiest way to do this is to send LSK to yourself. It will cost you only the usual {{fee}} LSK transaction fee.": "The easiest way to do this is to send LSK to yourself. It will cost you only the usual {{fee}} LSK transaction fee.",
   "There are no {{filterName}} transactions.": "There are no {{filterName}} transactions.",
   "This helps to keep the network fair, open and honest.": "This helps to keep the network fair, open and honest.",
@@ -355,6 +393,8 @@
   "Try Again": "Try Again",
   "Try again": "Try again",
   "Try using menu for navigation.": "Try using menu for navigation.",
+  "Type at least 3 characters": "Type at least 3 characters",
+  "Type or insert your passphrase": "Type or insert your passphrase",
   "URL is invalid": "URL is invalid",
   "Unable to connect to the node": "Unable to connect to the node",
   "Unable to connect to the node, no response from the server.": "Unable to connect to the node, no response from the server.",
@@ -383,11 +423,14 @@
   "Voting": "Voting",
   "Wallet": "Wallet",
   "We recommend including date & time or a specific keyword.": "We recommend including date & time or a specific keyword.",
+  "We strongly recommend to store passphrase in a safe place.\n                    You can use a password manager or paperwallet.": "We strongly recommend to store passphrase in a safe place.\n                    You can use a password manager or paperwallet.",
   "Welcome back": "Welcome back",
   "Welcome to Lisk Hub": "Welcome to Lisk Hub",
+  "Welcome to the Lisk Hub!": "Welcome to the Lisk Hub!",
   "What is Lisk Academy?": "What is Lisk Academy?",
   "What is Lisk ID?": "What is Lisk ID?",
   "What is a Lisk ID?": "What is a Lisk ID?",
+  "What is passphrase?": "What is passphrase?",
   "What's New...": "What's New...",
   "Who voted for this delegate": "Who voted for this delegate",
   "Why should I vote?": "Why should I vote?",
@@ -398,10 +441,13 @@
   "You are looking into a saved account. In order to {{nextAction}} you need to enter your passphrase.": "You are looking into a saved account. In order to {{nextAction}} you need to enter your passphrase.",
   "You are responsible for safekeeping your second passphrase. No one can restore it, not even Lisk.": "You are responsible for safekeeping your second passphrase. No one can restore it, not even Lisk.",
   "You can customize amount & message.": "You can customize amount & message.",
+  "You can now manage and secure your LSK tokens.": "You can now manage and secure your LSK tokens.",
   "You can now use Lisk Hub.<br": {
     " If you want to repeat the onboarding, navigate to \"Help\" on the sidebar.": "You can now use Lisk Hub.<br> If you want to repeat the onboarding, navigate to \"Help\" on the sidebar."
   },
+  "You can print your passphrase to store in a safe place.\n                      It is highly recommended to delete PDF file after printing.": "You can print your passphrase to store in a safe place.\n                      It is highly recommended to delete PDF file after printing.",
   "You can share your Lisk ID with anyone you wish, but never reveal your passphrase to anyone as it would allow full access to your account.": "You can share your Lisk ID with anyone you wish, but never reveal your passphrase to anyone as it would allow full access to your account.",
+  "You can use ": "You can use ",
   "You can use your passphrase to sign a message. ": "You can use your passphrase to sign a message. ",
   "You have already registered as a delegate.": "You have already registered as a delegate.",
   "You have cancelled the transaction on your hardware wallet. You can either continue or retry.": "You have cancelled the transaction on your hardware wallet. You can either continue or retry.",
@@ -412,6 +458,7 @@
   "You will need it to use your Lisk ID, like sending and voting. You are responsible for keeping your second passphrase safe. No one can restore it, not even Lisk.": "You will need it to use your Lisk ID, like sending and voting. You are responsible for keeping your second passphrase safe. No one can restore it, not even Lisk.",
   "You will send a small amount of {{fee}} LSK to yourself and therefore initialize your ID.": "You will send a small amount of {{fee}} LSK to yourself and therefore initialize your ID.",
   "You've received {{value}} LSK.": "You've received {{value}} LSK.",
+  "Your Account is created!": "Your Account is created!",
   "Your Lisk ID is how you recognize and interact with your unique Lisk account, think of it as your email.": "Your Lisk ID is how you recognize and interact with your unique Lisk account, think of it as your email.",
   "Your delegate name is being registered": "Your delegate name is being registered",
   "Your passphrase is used to access your Lisk ID.": "Your passphrase is used to access your Lisk ID.",
@@ -429,10 +476,15 @@
   "ca.": "ca.",
   "ca. {{price}} {{currency}}": "ca. {{price}} {{currency}}",
   "checking availability": "checking availability",
+  "combined. You saved your passphrase when registering your account.": "combined. You saved your passphrase when registering your account.",
   "for full access": "for full access",
   "if the problem persists": "if the problem persists",
   "missed": "missed",
+  "or": "or",
+  "tab or space ": "tab or space ",
+  "to go to the next field.": "to go to the next field.",
   "with a second passphrase": "with a second passphrase",
+  "your login and passphrase ": "your login and passphrase ",
   "{{count}} delegate(s) selected to unvote": "{{count}} delegate selected to unvote",
   "{{count}} delegate(s) selected to unvote_plural": "{{count}} delegates selected to unvote",
   "{{count}} delegate(s) selected to vote": "{{count}} delegate selected to vote",
diff --git a/jest.config.js b/jest.config.js
index ff6dd50d2a..ff4ad03c94 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -6,6 +6,7 @@ module.exports = {
     '<rootDir>/test/integration/*.test.js',
   ],
   testPathIgnorePatterns: [
+    '<rootDir>/test/integration/wallet.test.js',
     'src/actions/transactions.test.js',
     'src/components/dashboard/currencyGraph.test.js', // This should be unskipped in issue #1499
     'src/components/errorBoundary/index.test.js',
@@ -18,7 +19,6 @@ module.exports = {
     'src/components/voteUrlProcessor/index.test.js',
     'src/store/middlewares/login.test.js',
     'src/store/reducers/liskService.test.js',
-    '<rootDir>/test/integration/wallet.test.js',
   ],
   verbose: true,
   cache: false,
@@ -52,12 +52,13 @@ module.exports = {
     'src/components/newsFeed/news.js',
     'src/components/passphrase/create/create.js',
     'src/components/passphraseCreation/index.js',
-    'src/components/passphraseSteps/index.js',
-    'src/components/register/register.js',
-    'src/components/request/specifyRequest.js',
+    'src/components/passphraseSteps/index.js', // FollowUp #1515
     'src/components/receive/index.js',
-    'src/components/request/index.js',
     'src/components/register/register.js',
+    'src/components/register/register.js',
+    'src/components/request/index.js',
+    'src/components/request/index.js',
+    'src/components/request/specifyRequest.js',
     'src/components/resultBox/index.js',
     'src/components/searchBar/index.js', // Passing in mocha but not in Jest
     'src/components/send/steps/form/stories.js',
diff --git a/package-lock.json b/package-lock.json
index 294cafbe75..5fd158528e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,9 +1,14 @@
 {
   "name": "lisk-hub",
-  "version": "1.9.0",
+  "version": "1.9.0-rc.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "9": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/9/-/9-0.0.1.tgz",
+      "integrity": "sha1-JXFwB5WURfk1HtU+h/U8Iohesa4="
+    },
     "7zip-bin": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/7zip-bin/-/7zip-bin-4.1.0.tgz",
@@ -1029,7 +1034,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -1077,7 +1082,7 @@
         },
         "supports-color": {
           "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "resolved": "http://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
           "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
           "dev": true
         }
@@ -1246,9 +1251,9 @@
       }
     },
     "@ledgerhq/hw-transport-node-hid": {
-      "version": "4.32.0",
-      "resolved": "https://registry.npmjs.org/@ledgerhq/hw-transport-node-hid/-/hw-transport-node-hid-4.32.0.tgz",
-      "integrity": "sha512-uZO+52TBxaYVhGIULHbhvyZWx+uLjvflDwfLicQR1eYxbYACB6xLXwq4sz9gL5He966t637Zx9iPsLi87rtqvQ==",
+      "version": "4.33.3",
+      "resolved": "https://registry.npmjs.org/@ledgerhq/hw-transport-node-hid/-/hw-transport-node-hid-4.33.3.tgz",
+      "integrity": "sha512-hmNAm7k385RJXY38hVUpzYgGgyk9QjScD3erNlFCTO8FnnxmEJCFUmVhWkv4sTwufuUJSpXL3ZXXNZ44qLMJpg==",
       "requires": {
         "@ledgerhq/hw-transport": "^4.32.0",
         "lodash": "^4.17.11",
@@ -2189,9 +2194,9 @@
       "dev": true
     },
     "@types/sinon": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@types/sinon/-/sinon-4.0.0.tgz",
-      "integrity": "sha512-cuK4xM8Lg2wd8cxshcQa8RG4IK/xfyB6TNE6tNVvkrShR4xdrYgsV04q6Dp6v1Lp6biEFdzD8k8zg/ujQeiw+A==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@types/sinon/-/sinon-7.0.0.tgz",
+      "integrity": "sha512-kcYoPw0uKioFVC/oOqafk2yizSceIQXCYnkYts9vJIwQklFRsMubTObTDrjQamUyBRd47332s85074cd/hCwxg==",
       "dev": true
     },
     "@types/sinon-chai": {
@@ -2435,7 +2440,6 @@
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz",
       "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=",
-      "dev": true,
       "requires": {
         "mime-types": "~2.1.18",
         "negotiator": "0.6.1"
@@ -2899,8 +2903,7 @@
     "array-flatten": {
       "version": "1.1.1",
       "resolved": "http://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
-      "dev": true
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
     },
     "array-from": {
       "version": "2.1.1",
@@ -5111,7 +5114,8 @@
     "base64-js": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.0.tgz",
-      "integrity": "sha512-ccav/yGvoa80BQDljCxsmmQ3Xvx60/UpBIij5QN21W3wBi/hhIC9OoO+KLpu9IJTS9j4DRVJ3aDDF9cMSoa2lw=="
+      "integrity": "sha512-ccav/yGvoa80BQDljCxsmmQ3Xvx60/UpBIij5QN21W3wBi/hhIC9OoO+KLpu9IJTS9j4DRVJ3aDDF9cMSoa2lw==",
+      "dev": true
     },
     "batch": {
       "version": "0.6.1",
@@ -5174,9 +5178,9 @@
       "dev": true
     },
     "bindings": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.3.1.tgz",
-      "integrity": "sha512-i47mqjF9UbjxJhxGf+pZ6kSxrnI3wBLlnGI2ArWJ4r0VrvDS7ZYXkprq/pLaBWYq4GM0r4zdHY+NNRqEMU7uew=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.3.0.tgz",
+      "integrity": "sha512-DpLh5EzMR2kzvX1KIlVC0VkC3iZtHKTgdtZ0a3pglBZdaQFjt5S9g9xd1lE+YvXyfd6mtCeRnrUfOLYiTMlNSw=="
     },
     "bip32-path": {
       "version": "0.4.2",
@@ -5271,7 +5275,6 @@
       "version": "1.18.3",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
       "integrity": "sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=",
-      "dev": true,
       "requires": {
         "bytes": "3.0.0",
         "content-type": "~1.0.4",
@@ -5289,7 +5292,6 @@
           "version": "0.4.23",
           "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
           "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
-          "dev": true,
           "requires": {
             "safer-buffer": ">= 2.1.2 < 3"
           }
@@ -5297,8 +5299,7 @@
         "qs": {
           "version": "6.5.2",
           "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-          "dev": true
+          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA=="
         }
       }
     },
@@ -5560,15 +5561,6 @@
         "node-int64": "^0.4.0"
       }
     },
-    "buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.2.1.tgz",
-      "integrity": "sha512-c+Ko0loDaFfuPWiL02ls9Xd3GO3cPVmUobQ6t3rXNUk304u6hGq+8N/kFi+QEIKhzK3uwolVhLzszmfLmMLnqg==",
-      "requires": {
-        "base64-js": "^1.0.2",
-        "ieee754": "^1.1.4"
-      }
-    },
     "buffer-alloc": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz",
@@ -6789,14 +6781,12 @@
     "content-disposition": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
-      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=",
-      "dev": true
+      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ="
     },
     "content-type": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
-      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
-      "dev": true
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
     },
     "convert-source-map": {
       "version": "1.6.0",
@@ -6810,14 +6800,12 @@
     "cookie": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
-      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=",
-      "dev": true
+      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s="
     },
     "cookie-signature": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
-      "dev": true
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
     },
     "copy-concurrently": {
       "version": "1.0.5",
@@ -7013,12 +7001,9 @@
       }
     },
     "crc": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/crc/-/crc-3.8.0.tgz",
-      "integrity": "sha512-iX3mfgcTMIq3ZKLIsVFAbv7+Mc10kxabAGQb8HvjA1o3T1PIYprbakQ65d3I+2HGHt6nSKkM9PYjgoJO2KcFBQ==",
-      "requires": {
-        "buffer": "^5.1.0"
-      }
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/crc/-/crc-3.5.0.tgz",
+      "integrity": "sha1-mLi6fUiWZbo5efWbITgTdBAaGWQ="
     },
     "create-ecdh": {
       "version": "4.0.3",
@@ -7503,9 +7488,9 @@
       "dev": true
     },
     "cypress": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-3.1.3.tgz",
-      "integrity": "sha512-ZusTQffKBVrLDvcxEinymTH0iCUL7hM1m6q9X+557wDtpd6S4et330QQE1IW10Pnyp+vYIHpkWxDm43B9G14nA==",
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-3.1.4.tgz",
+      "integrity": "sha512-8VJYtCAFqHXMnRDo4vdomR2CqfmhtReoplmbkXVspeKhKxU8WsZl0Nh5yeil8txxhq+YQwDrInItUqIm35Vw+g==",
       "dev": true,
       "requires": {
         "@cypress/listr-verbose-renderer": "0.4.1",
@@ -7518,7 +7503,7 @@
         "@types/lodash": "4.14.87",
         "@types/minimatch": "3.0.3",
         "@types/mocha": "2.2.44",
-        "@types/sinon": "4.0.0",
+        "@types/sinon": "7.0.0",
         "@types/sinon-chai": "2.7.29",
         "bluebird": "3.5.0",
         "cachedir": "1.3.0",
@@ -7537,7 +7522,7 @@
         "is-installed-globally": "0.1.0",
         "lazy-ass": "1.6.0",
         "listr": "0.12.0",
-        "lodash": "4.17.10",
+        "lodash": "4.17.11",
         "log-symbols": "2.2.0",
         "minimist": "1.2.0",
         "moment": "2.22.2",
@@ -7691,12 +7676,6 @@
             "graceful-fs": "^4.1.6"
           }
         },
-        "lodash": {
-          "version": "4.17.10",
-          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
-          "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==",
-          "dev": true
-        },
         "moment": {
           "version": "2.22.2",
           "resolved": "https://registry.npmjs.org/moment/-/moment-2.22.2.tgz",
@@ -8113,8 +8092,7 @@
     "destroy": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
-      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
-      "dev": true
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
     },
     "detect-indent": {
       "version": "5.0.0",
@@ -8355,9 +8333,9 @@
       }
     },
     "dpos-ledger-api": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/dpos-ledger-api/-/dpos-ledger-api-1.1.0.tgz",
-      "integrity": "sha512-CzYwl/DG41kTIiCGbaMbxpIp50V6R/Di96lZ4IilEVfEQK4yCGbhKHeNW7dCwa2/Qd3C4pvqkMNDmiYm5Wew1w==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dpos-ledger-api/-/dpos-ledger-api-2.0.0.tgz",
+      "integrity": "sha512-WQ3TuemxfHdgsn+YgH39CosCnB5FpF31UiiEQpYKbtczsoJPWruaxTO3l+cfk8eyOB+rYkabQr40rooDkTTacQ==",
       "requires": {
         "bip32-path": "^0.4.2",
         "crc": "^3.5.0"
@@ -8440,8 +8418,7 @@
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
-      "dev": true
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
     },
     "ejs": {
       "version": "2.6.1",
@@ -8759,6 +8736,106 @@
         }
       }
     },
+    "electron-rebuild": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/electron-rebuild/-/electron-rebuild-1.8.2.tgz",
+      "integrity": "sha512-EeR4dgb6NN7ybxduUWMeeLhU/EuF+FzwFZJfMJXD0bx96K+ttAieCXOn9lTO5nA9Qn3hiS7pEpk8pZ9StpGgSg==",
+      "dev": true,
+      "requires": {
+        "colors": "^1.2.0",
+        "debug": "^2.6.3",
+        "detect-libc": "^1.0.3",
+        "fs-extra": "^3.0.1",
+        "node-abi": "^2.0.0",
+        "node-gyp": "^3.6.0",
+        "ora": "^1.2.0",
+        "rimraf": "^2.6.1",
+        "spawn-rx": "^2.0.10",
+        "yargs": "^7.0.2"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+          "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
+          "dev": true
+        },
+        "cli-spinners": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-1.3.1.tgz",
+          "integrity": "sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==",
+          "dev": true
+        },
+        "fs-extra": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-3.0.1.tgz",
+          "integrity": "sha1-N5TzeMWLNC6n27sjCVEJxLO2IpE=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^3.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "jsonfile": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-3.0.1.tgz",
+          "integrity": "sha1-pezG9l9T9mLEQVx2daAzHQmS7GY=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.6"
+          }
+        },
+        "ora": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/ora/-/ora-1.4.0.tgz",
+          "integrity": "sha512-iMK1DOQxzzh2MBlVsU42G80mnrvUhqsMh74phHtDlrcTZPK0pH6o7l7DRshK+0YsxDyEuaOkziVdvM3T0QTzpw==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.1.0",
+            "cli-cursor": "^2.1.0",
+            "cli-spinners": "^1.0.1",
+            "log-symbols": "^2.1.0"
+          }
+        },
+        "which-module": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+          "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
+          "dev": true
+        },
+        "yargs": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
+          "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=",
+          "dev": true,
+          "requires": {
+            "camelcase": "^3.0.0",
+            "cliui": "^3.2.0",
+            "decamelize": "^1.1.1",
+            "get-caller-file": "^1.0.1",
+            "os-locale": "^1.4.0",
+            "read-pkg-up": "^1.0.1",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^1.0.1",
+            "set-blocking": "^2.0.0",
+            "string-width": "^1.0.2",
+            "which-module": "^1.0.0",
+            "y18n": "^3.2.1",
+            "yargs-parser": "^5.0.0"
+          }
+        },
+        "yargs-parser": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz",
+          "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=",
+          "dev": true,
+          "requires": {
+            "camelcase": "^3.0.0"
+          }
+        }
+      }
+    },
     "electron-to-chromium": {
       "version": "1.3.91",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.91.tgz",
@@ -8824,8 +8901,7 @@
     "encodeurl": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
-      "dev": true
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
     },
     "encoding": {
       "version": "0.1.12",
@@ -9117,8 +9193,7 @@
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=",
-      "dev": true
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
     },
     "escape-string-regexp": {
       "version": "1.0.5",
@@ -9684,8 +9759,7 @@
     "etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
-      "dev": true
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
     },
     "event-emitter": {
       "version": "0.3.5",
@@ -9921,7 +9995,6 @@
       "version": "4.16.4",
       "resolved": "https://registry.npmjs.org/express/-/express-4.16.4.tgz",
       "integrity": "sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==",
-      "dev": true,
       "requires": {
         "accepts": "~1.3.5",
         "array-flatten": "1.1.1",
@@ -9958,20 +10031,17 @@
         "path-to-regexp": {
           "version": "0.1.7",
           "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
-          "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=",
-          "dev": true
+          "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
         },
         "qs": {
           "version": "6.5.2",
           "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-          "dev": true
+          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA=="
         },
         "statuses": {
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
-          "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==",
-          "dev": true
+          "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew=="
         }
       }
     },
@@ -10416,7 +10486,6 @@
       "version": "1.1.1",
       "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
       "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
-      "dev": true,
       "requires": {
         "debug": "2.6.9",
         "encodeurl": "~1.0.2",
@@ -10430,8 +10499,7 @@
         "statuses": {
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
-          "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==",
-          "dev": true
+          "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew=="
         }
       }
     },
@@ -10445,6 +10513,11 @@
         "pkg-dir": "^3.0.0"
       }
     },
+    "find-free-port": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-free-port/-/find-free-port-2.0.0.tgz",
+      "integrity": "sha1-SyLl9leesaOMQaxryz7+0bbamxs="
+    },
     "find-index": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/find-index/-/find-index-0.1.1.tgz",
@@ -10550,8 +10623,7 @@
     "forwarded": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
-      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
-      "dev": true
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ="
     },
     "fragment-cache": {
       "version": "0.2.1",
@@ -10570,8 +10642,7 @@
     "fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
-      "dev": true
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
     },
     "from2": {
       "version": "2.3.0",
@@ -12437,7 +12508,8 @@
     "ieee754": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.12.tgz",
-      "integrity": "sha512-GguP+DRY+pJ3soyIiGPTvdiVXjZ+DbXOxGpXn3eMvNW4x4irjqXm4wHKscC+TfxSJ0yw/S1F24tqdMNsMZTiLA=="
+      "integrity": "sha512-GguP+DRY+pJ3soyIiGPTvdiVXjZ+DbXOxGpXn3eMvNW4x4irjqXm4wHKscC+TfxSJ0yw/S1F24tqdMNsMZTiLA==",
+      "dev": true
     },
     "iferr": {
       "version": "0.1.5",
@@ -12776,8 +12848,7 @@
     "ipaddr.js": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.8.0.tgz",
-      "integrity": "sha1-6qM9bd16zo9/b+DJygRA5wZzix4=",
-      "dev": true
+      "integrity": "sha1-6qM9bd16zo9/b+DJygRA5wZzix4="
     },
     "is-absolute": {
       "version": "1.0.0",
@@ -14972,7 +15043,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -15013,7 +15084,7 @@
         },
         "supports-color": {
           "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "resolved": "http://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
           "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
           "dev": true
         },
@@ -15055,7 +15126,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -15093,7 +15164,7 @@
         },
         "supports-color": {
           "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "resolved": "http://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
           "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
           "dev": true
         }
@@ -15119,7 +15190,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -15167,7 +15238,7 @@
         },
         "supports-color": {
           "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "resolved": "http://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
           "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
           "dev": true
         }
@@ -15447,7 +15518,7 @@
       "dependencies": {
         "ansi-escapes": {
           "version": "1.4.0",
-          "resolved": "http://registry.npmjs.org/ansi-escapes/-/ansi-escapes-1.4.0.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-1.4.0.tgz",
           "integrity": "sha1-06ioOzGapneTZisT52HHkRQiMG4=",
           "dev": true
         },
@@ -15689,8 +15760,7 @@
     "media-typer": {
       "version": "0.3.0",
       "resolved": "http://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
-      "dev": true
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
     },
     "mem": {
       "version": "4.0.0",
@@ -15713,6 +15783,12 @@
         "readable-stream": "^2.0.1"
       }
     },
+    "memorystream": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
+      "integrity": "sha1-htcJCzDORV1j+64S3aUaR93K+bI=",
+      "dev": true
+    },
     "meow": {
       "version": "3.7.0",
       "resolved": "http://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
@@ -15781,8 +15857,7 @@
     "merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
-      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
-      "dev": true
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
     },
     "merge-stream": {
       "version": "1.0.1",
@@ -15802,8 +15877,7 @@
     "methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
-      "dev": true
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
     },
     "micromatch": {
       "version": "3.1.10",
@@ -15847,8 +15921,7 @@
     "mime": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
-      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==",
-      "dev": true
+      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ=="
     },
     "mime-db": {
       "version": "1.37.0",
@@ -15935,18 +16008,18 @@
       }
     },
     "minipass": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.3.5.tgz",
-      "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.3.0.tgz",
+      "integrity": "sha512-jWC2Eg+Np4bxah7llu1IrUNSJQxtLz/J+pOjTM0nFpJXGAaV18XBWhUn031Q1tAA/TJtA1jgwnOe9S2PQa4Lbg==",
       "requires": {
-        "safe-buffer": "^5.1.2",
+        "safe-buffer": "^5.1.1",
         "yallist": "^3.0.0"
       }
     },
     "minizlib": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.2.1.tgz",
-      "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.1.0.tgz",
+      "integrity": "sha512-4T6Ur/GctZ27nHfpt9THOdRZNgyJ9FZchYO1ceg5S8Q3DNLCKYy44nCZzgCJgcvx2UM8czmqak5BCxJMrq37lA==",
       "requires": {
         "minipass": "^2.2.1"
       }
@@ -16182,8 +16255,7 @@
     "negotiator": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz",
-      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=",
-      "dev": true
+      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk="
     },
     "neo-async": {
       "version": "2.6.0",
@@ -16539,19 +16611,80 @@
       }
     },
     "npm-bundled": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.5.tgz",
-      "integrity": "sha512-m/e6jgWu8/v5niCUKQi9qQl8QdeEduFA96xHDDzFGqly0OOjI7c+60KM/2sppfnUU9JJagf+zs+yGhqSOFj71g=="
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.3.tgz",
+      "integrity": "sha512-ByQ3oJ/5ETLyglU2+8dBObvhfWXX8dtPZDMePCahptliFX2iIuhyEszyFk401PZUNQH20vvdW5MLjJxkwU80Ow=="
     },
     "npm-packlist": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.1.12.tgz",
-      "integrity": "sha512-WJKFOVMeAlsU/pjXuqVdzU0WfgtIBCupkEVwn+1Y0ERAbUfWw8R4GjgVbaKnUjRoD2FoQbHOCbOyT5Mbs9Lw4g==",
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.1.10.tgz",
+      "integrity": "sha512-AQC0Dyhzn4EiYEfIUjCdMl0JJ61I2ER9ukf/sLxJUcZHfo+VyEfz2rMJgLZSS1v30OxPQe1cN0LZA1xbcaVfWA==",
       "requires": {
         "ignore-walk": "^3.0.1",
         "npm-bundled": "^1.0.1"
       }
     },
+    "npm-run-all": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
+      "integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "chalk": "^2.4.1",
+        "cross-spawn": "^6.0.5",
+        "memorystream": "^0.3.1",
+        "minimatch": "^3.0.4",
+        "pidtree": "^0.3.0",
+        "read-pkg": "^3.0.0",
+        "shell-quote": "^1.6.1",
+        "string.prototype.padend": "^3.0.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
+        "load-json-file": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+          "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "parse-json": "^4.0.0",
+            "pify": "^3.0.0",
+            "strip-bom": "^3.0.0"
+          }
+        },
+        "read-pkg": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+          "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
+          "dev": true,
+          "requires": {
+            "load-json-file": "^4.0.0",
+            "normalize-package-data": "^2.3.2",
+            "path-type": "^3.0.0"
+          }
+        },
+        "strip-bom": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+          "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+          "dev": true
+        }
+      }
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -16777,7 +16910,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
       "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
-      "dev": true,
       "requires": {
         "ee-first": "1.1.1"
       }
@@ -16886,7 +17018,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -16924,7 +17056,7 @@
         },
         "supports-color": {
           "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "resolved": "http://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
           "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
           "dev": true
         }
@@ -17228,8 +17360,7 @@
     "parseurl": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
-      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=",
-      "dev": true
+      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M="
     },
     "pascalcase": {
       "version": "0.1.1",
@@ -17344,6 +17475,12 @@
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
     },
+    "pidtree": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.3.0.tgz",
+      "integrity": "sha512-9CT4NFlDcosssyg8KVFltgokyKZIFjoBxw8CTGy+5F38Y1eQWrt8tRayiUOXE+zVKQnYu5BR8JjCtvK3BcnBhg==",
+      "dev": true
+    },
     "pify": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
@@ -21752,8 +21889,7 @@
     "private": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
-      "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
-      "dev": true
+      "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg=="
     },
     "process": {
       "version": "0.5.2",
@@ -21901,7 +22037,6 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.4.tgz",
       "integrity": "sha512-5erio2h9jp5CHGwcybmxmVqHmnCBZeewlfJ0pex+UW7Qny7OOZXTtH56TGNyBizkgiOwhJtMKrVzDTeKcySZwA==",
-      "dev": true,
       "requires": {
         "forwarded": "~0.1.2",
         "ipaddr.js": "1.8.0"
@@ -22140,8 +22275,7 @@
     "range-parser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
-      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=",
-      "dev": true
+      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4="
     },
     "raw-body": {
       "version": "2.3.3",
@@ -22525,6 +22659,11 @@
         "warning": "^3.0.0"
       }
     },
+    "react-piwik": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/react-piwik/-/react-piwik-1.6.0.tgz",
+      "integrity": "sha512-ANK/SDDA3z827vcY8w77tTC8pOkpMSw1xNs5ifImho92oNS1rIfiTdVXNW7TpqP3a8hU+p9AxPAgPZhmkYtyzw=="
+    },
     "react-redux": {
       "version": "5.0.6",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-5.0.6.tgz",
@@ -23834,7 +23973,6 @@
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
       "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==",
-      "dev": true,
       "requires": {
         "debug": "2.6.9",
         "depd": "~1.1.2",
@@ -23854,8 +23992,7 @@
         "statuses": {
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
-          "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==",
-          "dev": true
+          "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew=="
         }
       }
     },
@@ -23911,7 +24048,6 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz",
       "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==",
-      "dev": true,
       "requires": {
         "encodeurl": "~1.0.2",
         "escape-html": "~1.0.3",
@@ -24355,6 +24491,26 @@
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
           "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
+        },
+        "snyk-nodejs-lockfile-parser": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/snyk-nodejs-lockfile-parser/-/snyk-nodejs-lockfile-parser-1.9.0.tgz",
+          "integrity": "sha512-GRn70VDe+JISkRbnxc9vxCBV+Ekkdr79krVXbYNDJgQyIjH+FXh6PXVvpregVsvCcNqP1ctbBw/u1w6e9xX1QA==",
+          "requires": {
+            "@yarnpkg/lockfile": "^1.0.2",
+            "graphlib": "^2.1.5",
+            "lodash": "4.17.10",
+            "source-map-support": "^0.5.7",
+            "tslib": "^1.9.3",
+            "uuid": "^3.3.2"
+          },
+          "dependencies": {
+            "lodash": {
+              "version": "4.17.10",
+              "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
+              "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg=="
+            }
+          }
         }
       }
     },
@@ -24457,9 +24613,9 @@
       "integrity": "sha512-TBrdcFXHdYuRYFCvpyUeFC+mCi6SOV3vdxgHrP7JRNnJwO8PYaKCObLJyhpRWa8IaHv/8CjJTmnEbWIh7BPHAA=="
     },
     "snyk-nodejs-lockfile-parser": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/snyk-nodejs-lockfile-parser/-/snyk-nodejs-lockfile-parser-1.9.0.tgz",
-      "integrity": "sha512-GRn70VDe+JISkRbnxc9vxCBV+Ekkdr79krVXbYNDJgQyIjH+FXh6PXVvpregVsvCcNqP1ctbBw/u1w6e9xX1QA==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/snyk-nodejs-lockfile-parser/-/snyk-nodejs-lockfile-parser-1.9.1.tgz",
+      "integrity": "sha512-LEIljxziLofgMxdoEHYBK86uyCD+EEmF/l6tbus7qc1Pj0ouCho3Eeh9P1Nvu3hJR5BIt9nKbkmbhmYy3EauHQ==",
       "requires": {
         "@yarnpkg/lockfile": "^1.0.2",
         "graphlib": "^2.1.5",
@@ -24854,6 +25010,34 @@
         "co": "^4.6.0"
       }
     },
+    "spawn-rx": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/spawn-rx/-/spawn-rx-2.0.12.tgz",
+      "integrity": "sha512-gOPXiQQFQ9lTOLuys0iMn3jfxxv9c7zzwhbYLOEbQGvEShHVJ5sSR1oD3Daj88os7jKArDYT7rbOKdvNhe7iEg==",
+      "dev": true,
+      "requires": {
+        "debug": "^2.5.1",
+        "lodash.assign": "^4.2.0",
+        "rxjs": "^5.1.1"
+      },
+      "dependencies": {
+        "rxjs": {
+          "version": "5.5.12",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.12.tgz",
+          "integrity": "sha512-xx2itnL5sBbqeeiVgNPVuQQ1nC8Jp2WfNJhXWHmElW9YmrpS9UVnNzhP3EH3HFqexO5Tlp8GhYY+WEcqcVMvGw==",
+          "dev": true,
+          "requires": {
+            "symbol-observable": "1.0.1"
+          }
+        },
+        "symbol-observable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
+          "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ=",
+          "dev": true
+        }
+      }
+    },
     "spdx-correct": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz",
@@ -25858,14 +26042,14 @@
       "integrity": "sha512-9I2ydhj8Z9veORCw5PRm4u9uebCn0mcCa6scWoNcbZ6dAtoo2618u9UUzxgmsCOreJpqDDuv61LvwofW7hLcBA=="
     },
     "tar": {
-      "version": "4.4.8",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.8.tgz",
-      "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==",
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.2.tgz",
+      "integrity": "sha512-BfkE9CciGGgDsATqkikUHrQrraBCO+ke/1f6SFAEMnxyyfN9lxC+nW1NFWMpqH865DhHIy9vQi682gk1X7friw==",
       "requires": {
-        "chownr": "^1.1.1",
+        "chownr": "^1.0.1",
         "fs-minipass": "^1.2.5",
-        "minipass": "^2.3.4",
-        "minizlib": "^1.1.1",
+        "minipass": "^2.2.4",
+        "minizlib": "^1.1.0",
         "mkdirp": "^0.5.0",
         "safe-buffer": "^5.1.2",
         "yallist": "^3.0.2"
@@ -26383,7 +26567,6 @@
       "version": "1.6.16",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz",
       "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==",
-      "dev": true,
       "requires": {
         "media-typer": "0.3.0",
         "mime-types": "~2.1.18"
@@ -26960,8 +27143,7 @@
     "utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
-      "dev": true
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
     },
     "uuid": {
       "version": "3.3.2",
@@ -27000,8 +27182,7 @@
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
-      "dev": true
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
     },
     "velocity-animate": {
       "version": "1.5.2",
@@ -28192,9 +28373,9 @@
       "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE="
     },
     "yallist": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz",
-      "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A=="
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.2.tgz",
+      "integrity": "sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k="
     },
     "yargs": {
       "version": "3.32.0",
diff --git a/package.json b/package.json
index df0b6f709f..9d7ca1292f 100644
--- a/package.json
+++ b/package.json
@@ -1,13 +1,16 @@
 {
   "name": "lisk-hub",
-  "version": "1.8.0-beta.1",
+  "version": "1.9.0-rc.2",
   "description": "Lisk Hub",
   "homepage": "https://github.com/LiskHQ/lisk-hub",
   "bugs": "https://github.com/LiskHQ/lisk-hub/issues",
   "main": "main.js",
   "scripts": {
-    "postinstall": "node ./config/checkNodeVersion.js",
-    "build": "npm run clean-build && npm run copy-files && npm run build-prod && npm run build-electron",
+    "postinstall": "npm-run-all check-node-version",
+    "electron-rebuild": "electron-rebuild --force",
+    "check-node-version": "node ./config/checkNodeVersion.js",
+    "install-electron-dependencies": "cd ./app && npm install && cd ..",
+    "build": "npm-run-all clean-build copy-files build-prod build-electron",
     "build:testnet": "npm run build:testnet:pre",
     "build:testnet:pre": "cpx \"./app/build/**\" ./app/build-testnet && npm run build:testnet:post",
     "build:testnet:post": "replace '\"mainnet\";//defaultNetwork' '\"testnet\";//defaultNetwork' ./app/build-testnet/index.html ",
@@ -31,7 +34,7 @@
     "clean-dist": "rm -rf dist",
     "eslint": "eslint ./",
     "pack": "npm install && npm run build && npm run clean-dist && npm run dist",
-    "pack:win": "cmd /c npm install && npm run clean-build && npm run copy-files && npm run build-prod && npm run build-electron && npm run clean-dist && npm run dist:win",
+    "pack:win": "cmd /c npm install && npm run install-electron-dependencies && npm run clean-build && npm run copy-files && npm run build-prod && npm run build-electron && npm run clean-dist && npm run dist:win",
     "storybook": "start-storybook -p 6006 -s ./src/",
     "build-storybook": "build-storybook",
     "serve": "http-server",
@@ -45,22 +48,27 @@
     "url": "https://github.com/LiskHQ/lisk-hub"
   },
   "dependencies": {
-    "@ledgerhq/hw-transport-node-hid": "4.32.0",
+    "9": "0.0.1",
+    "@ledgerhq/hw-transport-node-hid": "4.33.3",
     "@ledgerhq/hw-transport-u2f": "4.32.0",
     "await-to-js": "2.1.1",
     "bignumber.js": "8.0.1",
     "bitcore-mnemonic": "1.7.0",
+    "body-parser": "1.18.3",
     "browser-or-node": "1.1.0",
     "chart.js": "2.7.3",
     "cheerio": "1.0.0-rc.2",
-    "dpos-ledger-api": "1.1.0",
+    "dpos-ledger-api": "2.0.0",
     "electron-localshortcut": "3.1.0",
+    "express": "4.16.4",
+    "find-free-port": "2.0.0",
     "flexboxgrid": "=6.3.1",
     "hard-source-webpack-plugin": "0.13.1",
     "history": "=4.7.2",
     "i18next": "12.1.0",
     "i18next-localstorage-cache": "=1.1.1",
     "i18next-xhr-backend": "1.5.1",
+    "inflight": "1.0.6",
     "is-electron": "2.2.0",
     "js-sha256": "0.9.0",
     "lisk-elements": "1.1.3",
@@ -74,6 +82,7 @@
     "popsicle": "9.1.0",
     "postcss": "6.0.12",
     "postcss-cssnext": "2.11.0",
+    "private": "0.1.8",
     "prop-types": "15.6.2",
     "qrcode.react": "0.8.0",
     "react": "16.2.0",
@@ -86,6 +95,7 @@
     "react-dom": "16.2.1",
     "react-i18next": "=6.0.6",
     "react-joyride": "1.11.4",
+    "react-piwik": "1.6.0",
     "react-redux": "5.0.6",
     "react-router": "4.2.0",
     "react-router-dom": "4.3.1",
@@ -96,6 +106,7 @@
     "redux-thunk": "2.3.0",
     "semver": "5.6.0",
     "snyk": "1.117.1",
+    "snyk-nodejs-lockfile-parser": "1.9.1",
     "socket.io-client": "2.2.0",
     "webpack-merge": "=4.1.5"
   },
@@ -123,7 +134,7 @@
     "cpx": "=1.5.0",
     "css-hot-loader": "1.4.3",
     "css-loader": "0.28.7",
-    "cypress": "3.1.3",
+    "cypress": "3.1.4",
     "del-cli": "1.1.0",
     "electron": "3.0.11",
     "electron-builder": "20.38.3",
@@ -132,6 +143,7 @@
     "electron-updater": "4.0.6",
     "enzyme": "3.1.0",
     "enzyme-adapter-react-16": "1.7.1",
+    "electron-rebuild": "1.8.2",
     "es7-object-polyfill": "0.0.7",
     "eslint": "5.10.0",
     "eslint-config-airbnb": "15.1.0",
@@ -160,6 +172,7 @@
     "jsdom": "11.11.0",
     "json-loader": "0.5.7",
     "mocha-steps": "1.1.0",
+    "npm-run-all": "4.1.5",
     "postcss-for": "=2.1.1",
     "postcss-functions": "3.0.0",
     "postcss-loader": "3.0.0",
diff --git a/src/actions/followedAccounts.js b/src/actions/followedAccounts.js
index 97b1055000..7ee153505c 100644
--- a/src/actions/followedAccounts.js
+++ b/src/actions/followedAccounts.js
@@ -25,8 +25,9 @@ export const followedAccountFetchedAndUpdated = ({ account }) =>
   (dispatch, getState) => {
     const liskAPIClient = getState().peers.liskAPIClient;
     getAccount(liskAPIClient, account.address).then((result) => {
-      if (result.balance !== account.balance) {
+      if (result.balance !== account.balance || result.publicKey !== account.publicKey) {
         account.balance = result.balance;
+        if (result.publicKey) account.publicKey = result.publicKey;
         dispatch(followedAccountUpdated(account));
       }
     });
diff --git a/src/actions/followedAccounts.test.js b/src/actions/followedAccounts.test.js
index 91c8b7ceda..482a89aa4a 100644
--- a/src/actions/followedAccounts.test.js
+++ b/src/actions/followedAccounts.test.js
@@ -54,17 +54,27 @@ describe('actions: followedAccount', () => {
     expect(followedAccountRemoved(data)).to.be.deep.equal(expectedAction);
   });
 
-  it('should update a followed account if balance changed', () => {
+  it('should not update a followed account if balance and publicKey doesn\'t change', () => {
     stub(accountApi, 'getAccount').returnsPromise();
 
-    // Case 1: balance does not change
-    accountApi.getAccount.resolves({ balance: accounts.genesis.balance });
+    accountApi.getAccount.resolves({
+      balance: accounts.genesis.balance,
+      publicKey: accounts.genesis.publicKey,
+    });
 
     followedAccountFetchedAndUpdated({ account: data })(dispatch, getState);
     expect(dispatch).to.not.have.been.calledWith();
 
-    // Case 2: balance does change
-    accountApi.getAccount.resolves({ balance: 0 });
+    accountApi.getAccount.restore();
+  });
+
+  it('should update a followed account if balance does change', () => {
+    stub(accountApi, 'getAccount').returnsPromise();
+
+    accountApi.getAccount.resolves({
+      balance: 0,
+      publicKey: accounts.genesis.publicKey,
+    });
 
     followedAccountFetchedAndUpdated({ account: data })(dispatch, getState);
     expect(dispatch).to.been.calledWith(followedAccountUpdated({
@@ -75,4 +85,62 @@ describe('actions: followedAccount', () => {
 
     accountApi.getAccount.restore();
   });
+
+  it('should update a followed account if publicKey does change', () => {
+    stub(accountApi, 'getAccount').returnsPromise();
+
+    accountApi.getAccount.resolves({
+      balance: accounts.genesis.balance,
+      publicKey: accounts.delegate.publicKey,
+    });
+
+    followedAccountFetchedAndUpdated({ account: data })(dispatch, getState);
+    expect(dispatch).to.been.calledWith(followedAccountUpdated({
+      publicKey: accounts.delegate.publicKey,
+      balance: accounts.genesis.balance,
+      title: accounts.genesis.address,
+    }));
+
+    accountApi.getAccount.restore();
+  });
+
+  it('should not update a followed account if publicKey changed to undefined', () => {
+    stub(accountApi, 'getAccount').returnsPromise();
+
+    accountApi.getAccount.resolves({
+      balance: accounts.genesis.balance,
+      publicKey: undefined,
+    });
+
+    followedAccountFetchedAndUpdated({ account: data })(dispatch, getState);
+    expect(dispatch).to.been.calledWith(followedAccountUpdated({
+      publicKey: accounts.delegate.publicKey,
+      balance: accounts.genesis.balance,
+      title: accounts.genesis.address,
+    }));
+
+    accountApi.getAccount.restore();
+  });
+
+  it('should not update a followed account if publicKey previously unexisted', () => {
+    stub(accountApi, 'getAccount').returnsPromise();
+
+    const testData = {
+      balance: accounts.genesis.balance,
+      title: accounts.genesis.address,
+    };
+    accountApi.getAccount.resolves({
+      balance: accounts.genesis.balance,
+      publicKey: accounts.delegate.publicKey,
+    });
+
+    followedAccountFetchedAndUpdated({ account: testData })(dispatch, getState);
+    expect(dispatch).to.been.calledWith(followedAccountUpdated({
+      publicKey: accounts.delegate.publicKey,
+      balance: accounts.genesis.balance,
+      title: accounts.genesis.address,
+    }));
+
+    accountApi.getAccount.restore();
+  });
 });
diff --git a/src/assets/css/styles.head.css b/src/assets/css/styles.head.css
index c8586097dd..f0c60b3180 100644
--- a/src/assets/css/styles.head.css
+++ b/src/assets/css/styles.head.css
@@ -3,7 +3,7 @@ body {
 }
 
 .splash-screen {
-  position: absolute;
+  position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
diff --git a/src/assets/fonts/gilroy/gilroy-medium.otf b/src/assets/fonts/gilroy/gilroy-medium.otf
new file mode 100644
index 0000000000..7f03b582c4
Binary files /dev/null and b/src/assets/fonts/gilroy/gilroy-medium.otf differ
diff --git a/src/assets/images/icons-v2/avatar.svg b/src/assets/images/icons-v2/avatar.svg
new file mode 100644
index 0000000000..86061584a5
--- /dev/null
+++ b/src/assets/images/icons-v2/avatar.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g fill="none" fill-rule="evenodd">
+        <path fill="#1E194D" d="M16.024 8.885c0 2.245-1.803 4.95-4.024 4.95s-4.024-2.705-4.024-4.95a4.07 4.07 0 0 1 2.012-3.52 3.99 3.99 0 0 1 4.024 0 4.07 4.07 0 0 1 2.012 3.52zm3.614 11.757c0 .302-4 3.023-7.638 3.023-3.572 0-7.638-2.516-7.638-3.023 0-3.312 4.358-5.997 7.638-5.997 3.28 0 7.638 2.685 7.638 5.997z"/>
+        <circle cx="12" cy="12" r="11.25" stroke="#1E194D" stroke-width="1.5"/>
+        <path d="M.235.238h23.529V24H.235z"/>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-v2/check.svg b/src/assets/images/icons-v2/check.svg
new file mode 100644
index 0000000000..d7659cf54f
--- /dev/null
+++ b/src/assets/images/icons-v2/check.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g fill="none" fill-rule="evenodd">
+        <path stroke="#1E194D" stroke-width="1.5" d="M19.553 3.663A11.204 11.204 0 0 0 12 .75C5.787.75.75 5.787.75 12S5.787 23.25 12 23.25 23.25 18.213 23.25 12c0-.73-.07-1.449-.206-2.153l-3.49-6.184z"/>
+        <path stroke="#1E194D" stroke-width="1.5" d="M7.659 11.558l4.276 4.276 10.74-10.74"/>
+        <path d="M.235.238h23.529V24H.235z"/>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-v2/circle-lock.svg b/src/assets/images/icons-v2/circle-lock.svg
new file mode 100644
index 0000000000..82612bba6b
--- /dev/null
+++ b/src/assets/images/icons-v2/circle-lock.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="56" viewBox="0 0 56 56">
+    <defs>
+        <circle id="a" cx="28" cy="28" r="28"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <circle cx="28" cy="28" r="27" stroke="#1E194D" stroke-width="2"/>
+        <path fill="#1E194D" fill-rule="nonzero" d="M34.11 24.593c1.588 0 2.895 1.283 2.89 2.882v9.619C37 38.688 35.698 40 34.106 40H21.894C20.307 40 19 38.688 19 37.094v-9.619a2.89 2.89 0 0 1 2.894-2.882h.107v-2.586C22 18.697 24.706 16 28.002 16c3.296 0 6.002 2.697 6.002 6.007v2.586h.107zm-10.464-2.586v2.586h8.712v-2.586c0-2.396-1.965-4.35-4.356-4.35-2.39 0-4.356 1.95-4.356 4.35zm11.665 15.096V27.49c0-.686-.557-1.245-1.24-1.245H21.886c-.683 0-1.24.56-1.24 1.245v9.613c0 .686.557 1.245 1.24 1.245h12.187c.682 0 1.239-.56 1.239-1.245zm-7.309-5.147c.455 0 .823.37.823.827v2.109a.824.824 0 1 1-1.645 0v-2.11c0-.456.367-.826.822-.826z" mask="url(#b)"/>
+    </g>
+</svg>
diff --git a/src/assets/images/icons-v2/feedback.svg b/src/assets/images/icons-v2/feedback.svg
new file mode 100644
index 0000000000..c98a22795a
--- /dev/null
+++ b/src/assets/images/icons-v2/feedback.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
+    <title>D1F1DD12-7DF1-49F4-8479-EC1401AC3676</title>
+    <desc>Created with sketchtool.</desc>
+    <g id="🔶-Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icons/12px/footer/feedback">
+            <g id="round-feedback-24px">
+                <polygon id="Path" points="0 0 12 0 12 12 0 12"></polygon>
+                <path d="M9.99949975,1 L2.00050025,1 C1.45022511,1 1,1.45 1,2 L1,11 L2.995998,9 L9.99949975,9 C10.5497749,9 11,8.55 11,8 L11,2 C11,1.45 10.5497749,1 9.99949975,1 Z M6.50050025,7 L5.5,7 L5.5,6 L6.50050025,6 L6.50050025,7 Z M6.50050025,4.5 C6.50050025,4.775 6.27538769,5 6.00025013,5 C5.72511256,5 5.5,4.775 5.5,4.5 L5.5,3.5 C5.5,3.225 5.72511256,3 6.00025013,3 C6.27538769,3 6.50050025,3.225 6.50050025,3.5 L6.50050025,4.5 Z" id="Shape" fill="#4E80F7" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/icons-v2/help.svg b/src/assets/images/icons-v2/help.svg
new file mode 100644
index 0000000000..9322aeb8e4
--- /dev/null
+++ b/src/assets/images/icons-v2/help.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
+    <title>B987E51E-FA0A-4112-94A8-706DC1B4ADFF</title>
+    <desc>Created with sketchtool.</desc>
+    <g id="🔶-Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icons/12px/footer/help">
+            <g id="round-help-24px">
+                <polygon id="Path" points="0 0 12 0 12 12 0 12"></polygon>
+                <path d="M6,1 C3.24,1 1,3.24 1,6 C1,8.76 3.24,11 6,11 C8.76,11 11,8.76 11,6 C11,3.24 8.76,1 6,1 Z M6.5,9.5 L5.5,9.5 L5.5,8.5 L6.5,8.5 L6.5,9.5 Z M7.52664752,5.62366588 L7.06966234,6.08399318 C6.81578169,6.33917462 6.63298761,6.56933828 6.54159058,6.92959443 C6.50096967,7.08970827 6.47558161,7.26983635 6.47558161,7.5 L5.46005899,7.5 L5.46005899,7.24982212 C5.46005899,7.01965847 5.50067989,6.79950193 5.57176648,6.59435606 C5.67331874,6.30414972 5.84087997,6.04396472 6.05413972,5.8338153 L6.68376374,5.20336704 C6.91733395,4.9832105 7.02904144,4.6529757 6.96303246,4.30272666 C6.89702349,3.94247051 6.61267716,3.63725349 6.25724424,3.53718234 C5.69362919,3.38207205 5.17063504,3.69729618 5.00307381,4.17263416 C4.94214245,4.35776579 4.78473645,4.49786541 4.58670954,4.49786541 L4.43438114,4.49786541 C4.13987958,4.49786541 3.93677506,4.21766618 4.01801687,3.93746695 C4.23635423,3.20194398 4.87105587,2.64154552 5.6580859,2.52146013 C6.42988309,2.40137475 7.16613699,2.79665581 7.62312217,3.42210051 C8.22228051,4.23768041 8.04456405,5.113303 7.52664752,5.62366588 Z" id="Shape" fill="#4E80F7" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/icons-v2/key.svg b/src/assets/images/icons-v2/key.svg
new file mode 100644
index 0000000000..e888bbbe84
--- /dev/null
+++ b/src/assets/images/icons-v2/key.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path fill="#1E194D" fill-rule="nonzero" d="M11.16 16.3l1.128 1.127c.247.259.592.401.95.393h1.334v1.129c0 .845.686 1.531 1.531 1.531h1.129v1.333c0 .35.139.688.385.939l.886.886c.234.232.552.363.883.362h3.517A1.1 1.1 0 0 0 24 22.902v-3.517a1.248 1.248 0 0 0-.368-.888l-7.335-7.336a8.385 8.385 0 1 0-5.137 5.138zM3.542 3.536A6.852 6.852 0 0 1 14.7 11.054a.766.766 0 0 0 .163.84l7.603 7.606v2.969h-2.968l-.748-.748v-1.805a.985.985 0 0 0-.985-.985h-1.662v-1.657a.985.985 0 0 0-.985-.985h-1.802l-1.424-1.424a.766.766 0 0 0-.84-.164A6.852 6.852 0 0 1 3.54 3.541l.003-.004zm3.205 6.021a2.808 2.808 0 1 0 0-5.615 2.808 2.808 0 0 0 0 5.615zm0-4.063a1.276 1.276 0 1 1-.903.372c.24-.24.564-.375.903-.375v.003z"/>
+</svg>
diff --git a/src/assets/images/icons-v2/lock.svg b/src/assets/images/icons-v2/lock.svg
new file mode 100644
index 0000000000..551ca84d14
--- /dev/null
+++ b/src/assets/images/icons-v2/lock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path fill="#1E194D" fill-rule="nonzero" d="M18.11 8.593c1.588 0 2.895 1.283 2.89 2.882v9.619C21 22.688 19.698 24 18.106 24H5.894C4.307 24 3 22.688 3 21.094v-9.619a2.89 2.89 0 0 1 2.894-2.882h.107V6.007C6 2.697 8.706 0 12.002 0c3.296 0 6.002 2.697 6.002 6.007v2.586h.107zM7.647 6.007v2.586h8.712V6.007c0-2.396-1.965-4.35-4.356-4.35-2.39 0-4.356 1.95-4.356 4.35zm11.665 15.096V11.49c0-.686-.557-1.245-1.24-1.245H5.886c-.683 0-1.24.56-1.24 1.245v9.613c0 .686.557 1.245 1.24 1.245h12.187c.682 0 1.239-.56 1.239-1.245zm-7.309-5.147c.455 0 .823.37.823.827v2.109a.824.824 0 1 1-1.645 0v-2.11c0-.456.367-.826.822-.826z"/>
+</svg>
diff --git a/src/assets/images/icons-v2/pdf.svg b/src/assets/images/icons-v2/pdf.svg
new file mode 100644
index 0000000000..82d0572f90
--- /dev/null
+++ b/src/assets/images/icons-v2/pdf.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="56" viewBox="0 0 56 56">
+    <defs>
+        <circle id="a" cx="28" cy="28" r="28"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <circle cx="28" cy="28" r="27" stroke="#1E194D" stroke-width="2"/>
+        <path stroke="#1E194D" stroke-width="2" d="M35 29.958H21v8c0 .588.433 1.02 1 1h12.038c.53.02.962-.412.962-1v-8zM21 20h14v-2a1 1 0 0 0-1-1H22a1 1 0 0 0-1 1v2z" mask="url(#b)"/>
+        <path stroke="#1E194D" stroke-width="2" d="M24.5 32h7a.5.5 0 1 1 0-1h-7a.5.5 0 1 1 0 1zm0 3h7a.5.5 0 1 1 0-1h-7a.5.5 0 1 1 0 1z" mask="url(#b)"/>
+        <g mask="url(#b)">
+            <text font-family="Gilroy-Bold, Gilroy" font-size="6" font-weight="bold" letter-spacing=".36" transform="translate(19 21)">
+                <tspan x="3" y="6" fill="#1E194D">PDF</tspan>
+            </text>
+            <path stroke="#1E194D" d="M19.5 21.5h17v7h-17z"/>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/images/lisk-logo-v2.svg b/src/assets/images/lisk-logo-v2.svg
new file mode 100644
index 0000000000..58ac62a20d
--- /dev/null
+++ b/src/assets/images/lisk-logo-v2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56">
+    <path fill="#1E194D" fill-rule="nonzero" d="M25.545 43.93c-.024.023-.07.047-.094.07h-2.62c-.047 0-.07-.023-.094-.047l-7.72-8.704a.15.15 0 0 1 0-.14l9.615-16.564c.047-.07.164-.07.21 0l2.691 4.646c.023.023.023.07 0 .117l-6.503 11.19c-.024.047 0 .094.023.141l3.883 4.364c.024.023.07.047.094.047h4.585c.117 0 .164.117.094.188l-4.164 4.692zm2.854-31.86c.046-.093.163-.093.187 0L41.99 35.062c.024.047 0 .093-.023.14l-7.72 8.704a.177.177 0 0 1-.094.047h-6.269c-.117 0-.164-.117-.094-.188l4.188-4.739 3.93-4.41c.047-.047.047-.094.023-.14l-7.439-12.81-2.807-4.833c-.023-.024-.023-.07 0-.117l2.714-4.646z"/>
+</svg>
diff --git a/src/components/accountInitialization/index.js b/src/components/accountInitialization/index.js
index 3cb5b2098f..4f3ff1197f 100644
--- a/src/components/accountInitialization/index.js
+++ b/src/components/accountInitialization/index.js
@@ -3,28 +3,46 @@ import { connect } from 'react-redux';
 import { translate } from 'react-i18next';
 import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import { Button } from './../toolbox/buttons/button';
-import { FontIcon } from '../fontIcon';
 import styles from './accountInit.css';
 import fees from './../../constants/fees';
+import { parseSearchParams } from './../../utils/searchParams';
 import { fromRawLsk } from '../../utils/lsk';
+import Piwik from '../../utils/piwik';
 
 class AccountInitialization extends React.Component {
   closeInfo() {
+    Piwik.trackingEvent('AccountInit', 'button', 'Close info dialog');
     this.props.nextStep();
   }
 
   componentDidMount() {
-    const { account, transactions, address } = this.props;
+    const {
+      account, nextStep, history, transactions, address,
+    } = this.props;
+    const search = Object.keys(parseSearchParams(history.location.search));
     const needsNoAccountInit = account.serverPublicKey
       || account.balance === 0
       || transactions.pending.length > 0;
-    if (needsNoAccountInit || address) {
-      this.props.nextStep();
+
+    if (search.includes('initializeAccount') && !needsNoAccountInit) {
+      history.replace({
+        pathname: history.location.pathname,
+        search: '',
+      });
+      nextStep({ account, accountInit: true }, 2);
+    } else if (needsNoAccountInit || address || search.includes('wallet')) {
+      nextStep();
     }
   }
 
+  onNext() {
+    const { account, nextStep } = this.props;
+    Piwik.trackingEvent('AccountInit', 'button', 'Next step');
+    nextStep({ account, accountInit: true }, 2);
+  }
+
   render() {
-    const { account, t, nextStep } = this.props;
+    const { t } = this.props;
 
     return (<div className={`${styles.wrapper} account-initialization`}>
       <header>
@@ -33,11 +51,6 @@ class AccountInitialization extends React.Component {
       <div>
         <p>{t('It is recommended that you initialize your Lisk ID.')}</p>
         <p>{t('The easiest way to do this is to send LSK to yourself. It will cost you only the usual {{fee}} LSK transaction fee.', { fee: fromRawLsk(fees.send) })}</p>
-        <p>
-          <a target='_blank' href='https://help.lisk.io/account-security/should-i-initialize-my-lisk-account' rel='noopener noreferrer'>
-            {t('Learn more about Lisk ID initialization')} <FontIcon>arrow-right</FontIcon>
-          </a>
-        </p>
       </div>
       <footer>
         <div className={` ${grid.row} ${grid['center-xs']} ${grid['center-sm']} ${grid['center-md']} ${grid['center-lg']}`} >
@@ -51,7 +64,7 @@ class AccountInitialization extends React.Component {
           <div className={`${grid['col-xs-4']} ${grid['col-sd-6']} ${grid['col-md-5']} ${grid['col-lg-4']}`}>
             <Button
               label={t('Next')}
-              onClick={() => nextStep({ account, accountInit: true }, 2)}
+              onClick={this.onNext.bind(this)}
               className={`account-init-button ${styles.button}`}/>
           </div>
         </div>
diff --git a/src/components/accountVisual/index.js b/src/components/accountVisual/index.js
index 3f1485f9d9..b4aa995bdf 100644
--- a/src/components/accountVisual/index.js
+++ b/src/components/accountVisual/index.js
@@ -174,6 +174,7 @@ class AccountVisual extends React.Component {
   constructor(props) {
     super(props);
     this.state = { isSBreakpoint: window.innerWidth <= breakpoints.s };
+    this.resizeWindow = this.resizeWindow.bind(this);
   }
 
   shouldComponentUpdate(nextProps, state) {
@@ -190,11 +191,11 @@ class AccountVisual extends React.Component {
   }
 
   componentDidMount() {
-    window.addEventListener('resize', this.resizeWindow.bind(this));
+    window.addEventListener('resize', this.resizeWindow);
   }
 
   componentWillUnmount() {
-    window.removeEventListener('resize', this.resizeWindow.bind(this));
+    window.removeEventListener('resize', this.resizeWindow);
   }
 
   render() { // eslint-disable-line max-statements
diff --git a/src/components/app/app.css b/src/components/app/app.css
index 3cec004a00..767c3d49ad 100644
--- a/src/components/app/app.css
+++ b/src/components/app/app.css
@@ -14,8 +14,8 @@ body {
   height: 100%;
   left: 0;
   top: 0;
-  align-items: center;
   display: flex;
+  align-items: flex-start;
   z-index: 0;
 
   & > section {
diff --git a/src/components/app/appV2.css b/src/components/app/appV2.css
new file mode 100644
index 0000000000..bde9b7e967
--- /dev/null
+++ b/src/components/app/appV2.css
@@ -0,0 +1,18 @@
+@import './variablesV2.css';
+
+.v2Wrapper {
+  background-image: var(--color-background-wrapper);
+  bottom: 0;
+  left: 0;
+  padding-top: var(--header-height-m);
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: var(--normal-index);
+}
+
+@media (--small-viewport) {
+  .v2Wrapper {
+    padding-top: var(--header-height-s);
+  }
+}
diff --git a/src/components/app/index.js b/src/components/app/index.js
index f3803230b8..dda53bdc96 100644
--- a/src/components/app/index.js
+++ b/src/components/app/index.js
@@ -1,7 +1,8 @@
 import React from 'react';
-import { Route, Switch } from 'react-router-dom';
+import { Route, Switch, withRouter } from 'react-router-dom';
 import { isPathCorrect } from '../../utils/app';
 import styles from './app.css';
+import stylesV2 from './appV2.css';
 import Toaster from '../toaster';
 import MainMenu from '../mainMenu';
 import LoadingBar from '../loadingBar';
@@ -10,6 +11,7 @@ import CustomRoute from '../customRoute';
 import Header from '../header';
 import Dialog from '../dialog';
 import NotFound from '../notFound';
+// import StatusBar from '../statusBar'; // This will be enable with PR #1674
 
 import routes from '../../constants/routes';
 // eslint-disable-next-line import/no-named-as-default
@@ -22,8 +24,6 @@ class App extends React.Component {
   }
 
   markAsLoaded() {
-    this.main.classList.add(styles.loaded);
-    this.main.classList.add('appLoaded');
     this.setState({ loaded: true });
   }
 
@@ -39,6 +39,8 @@ class App extends React.Component {
     const explorerRoutes = allRoutes.filter(routeObj =>
       routeObj.pathPrefix && routeObj.pathPrefix === routes.explorer.path);
 
+    const routesV2Layout = allRoutes.filter(routeObj => routeObj.isV2Layout);
+
     const routesOutsideMainWrapper = [
       'registerDelegate',
       'register',
@@ -46,69 +48,97 @@ class App extends React.Component {
       'login',
     ];
 
+    const { location } = this.props;
+
     return (
       <OfflineWrapper>
         <Onboarding appLoaded={this.state.loaded} />
         <Dialog />
-        <main className={`${styles.bodyWrapper}`} ref={(el) => { this.main = el; }}>
-          <MainMenu />
-          <section>
-            <div className={styles.mainBox}>
-              <Header />
+        {
+          routesV2Layout.filter(route => route.path === location.pathname).length > 0
+          ? (
+            <main className={this.state.loaded ?
+              `${stylesV2.v2Wrapper} ${stylesV2.loaded} appLoaded` :
+              `${styles.v2Wrapper}`
+            } ref={(el) => { this.main = el; }}>
               <div id='onboardingAnchor'></div>
               <Switch>
-                {this.state.loaded ?
-                  <Route path={routes.explorer.path} component={ ({ location }) => (
-                    isPathCorrect(location, explorerRoutes) ? (
-                      <div>
-                        {explorerRoutes.map((route, key) => (
-                          <CustomRoute
-                            pathPrefix={route.pathPrefix}
-                            path={route.path}
-                            pathSuffix={route.pathSuffix}
-                            component={route.component}
-                            isPrivate={route.isPrivate}
-                            exact={true}
-                            key={key} />
-                        ))}
-                      </div>
-                    ) : <Route path='*' component={NotFound} />
-                  )} />
-                  : null
-                }
-                {this.state.loaded ?
-                  defaultRoutes.map((route, key) => (
-                    <CustomRoute
+                {this.state.loaded &&
+                  routesV2Layout.map((route, key) => (
+                    <Route
                       path={route.path}
-                      pathSuffix={route.pathSuffix}
+                      key={key}
                       component={route.component}
-                      isPrivate={route.isPrivate}
                       exact={route.exact}
-                      key={key} />
+                    />
                   ))
-                  : null
                 }
-
-                {
-                  routesOutsideMainWrapper.map((route, key) => (
-                    <CustomRoute
-                      path={routes[route].path}
-                      component={routes[route].component}
-                      isPrivate={false}
-                      exact={true}
-                      key={key} />
-                  ))
-                }
-                <Route path='*' component={NotFound} />
               </Switch>
-            </div>
-          </section>
-          <Toaster />
-        </main>
+              <Toaster />
+            </main>
+          ) : (
+            <main className={this.state.loaded ?
+              `${styles.bodyWrapper} ${styles.loaded} appLoaded` :
+              `${styles.bodyWrapper}`
+            } ref={(el) => { this.main = el; }}>
+              <MainMenu />
+              <section>
+                <div className={styles.mainBox}>
+                  <Header />
+                  <div id='onboardingAnchor'></div>
+                  <Switch>
+                    {this.state.loaded &&
+                      <Route path={routes.explorer.path} component={() => (
+                        isPathCorrect(location, explorerRoutes) && (
+                          <div>
+                            {explorerRoutes.map((route, key) => (
+                              <CustomRoute
+                                pathPrefix={route.pathPrefix}
+                                path={route.path}
+                                pathSuffix={route.pathSuffix}
+                                component={route.component}
+                                isPrivate={route.isPrivate}
+                                exact={true}
+                                key={key} />
+                            ))}
+                          </div>
+                        )
+                      )} />
+                    }
+                    {this.state.loaded &&
+                      defaultRoutes.map((route, key) => (
+                        <CustomRoute
+                          path={route.path}
+                          pathSuffix={route.pathSuffix}
+                          component={route.component}
+                          isPrivate={route.isPrivate}
+                          exact={route.exact}
+                          key={key} />
+                      ))
+                    }
+
+                    {
+                      routesOutsideMainWrapper.map((route, key) => (
+                        <CustomRoute
+                          path={routes[route].path}
+                          component={routes[route].component}
+                          isPrivate={false}
+                          exact={true}
+                          key={key} />
+                      ))
+                    }
+                    <Route path='*' component={NotFound} />
+                  </Switch>
+                </div>
+              </section>
+              <Toaster />
+            </main>
+          )
+        }
         <LoadingBar markAsLoaded={this.markAsLoaded.bind(this)} />
       </OfflineWrapper>
     );
   }
 }
 
-export default App;
+export default withRouter(App);
diff --git a/src/components/app/index.test.js b/src/components/app/index.test.js
index 8e530c3475..8cab75a9cd 100644
--- a/src/components/app/index.test.js
+++ b/src/components/app/index.test.js
@@ -8,6 +8,7 @@ import { I18nextProvider } from 'react-i18next';
 import i18n from '../../i18n'; // initialized i18next instance
 import App from './';
 import Login from '../login';
+import Splashscreen from '../splashscreen/splashscreen';
 import Transactions from '../transactionDashboard';
 import Voting from '../voting';
 import routes from '../../constants/routes';
@@ -25,6 +26,7 @@ const addRouter = Component => (props, path) =>
 
 const publicComponent = [
   { route: '/', component: Login },
+  { route: '/splashscreen', component: Splashscreen },
 ];
 
 const privateComponent = [
diff --git a/src/components/app/type.css b/src/components/app/type.css
index 96a181e5df..df7af0772b 100644
--- a/src/components/app/type.css
+++ b/src/components/app/type.css
@@ -42,6 +42,13 @@ avaialble application-wide
   font-style: normal;
 }
 
+@font-face {
+  font-family: 'gilroy-base';
+  src: url('../../assets/fonts/gilroy/gilroy-medium.otf');
+  font-weight: 400;
+  font-style: normal;
+}
+
 body {
   font-family: var(--content-font);
   font-weight: 300;
diff --git a/src/components/app/variables.css b/src/components/app/variables.css
index a6b2687a96..b4ce6c2516 100644
--- a/src/components/app/variables.css
+++ b/src/components/app/variables.css
@@ -80,7 +80,7 @@ or "warn/action" ineastd of "red/green"
   --sidebar-width: 115px;
   --sidebar-width-xl: 142px;
   --main-box-width: 1291px;
-  --main-box-height: 75vh; /* stylelint-disable-line */
+  --main-box-height: 80vh; /* stylelint-disable-line */
   --border-radius-normal: 3px;
   --header-height-m: 100px;
   --header-height-s: 67px;
diff --git a/src/components/app/variablesV2.css b/src/components/app/variablesV2.css
new file mode 100644
index 0000000000..afe983f1d4
--- /dev/null
+++ b/src/components/app/variablesV2.css
@@ -0,0 +1,133 @@
+/*****************************************
+
+Please Read the guide line
+before adding any rules here
+
+# No component specific rule
+This file is inteded to solely include
+global/common variables, every rule added here
+must be used at least in 2 different
+components.
+
+# Usecases
+Try to isolate these variables with another
+variable in the component specific stylesheet
+in order to make component-wide changes
+faster and consistent.
+
+# Avoid rules and mixins
+Please avoid defining any rules here
+In addition, mixins have their own files,
+Please prefer only variables here.
+
+# Use with :global
+Please do not define any variables ourside
+the :root scope, since then it won't be
+available application wide
+
+# naming
+variable names should correspond to the
+role of the value not th presentation
+for example, a color name can include
+the css rule it belongs to e.g. color
+or "background-color" and "primary/secondary"
+or "warn/action" ineastd of "red/green"
+
+****************************************/
+
+:root {
+  /*************************
+        Font
+  *************************/
+  --font-size-h1: 65px;
+  --font-size-h2: 32px;
+  --font-size-h3: 28px;
+  --font-size-h4: 26px;
+  --font-size-h5: 20px;
+  --font-size-h6: 16px;
+  --font-size-small: 10px;
+  --heading-font: 'Gilroy', 'Open Sans', sans-serif;
+  --content-font: 'Open Sans', sans-serif;
+  --content-font-new: 'gilroy-base', 'Open Sans', sans-serif;
+  --font-weight-normal: 400;
+  --font-weight-semi-bold: 500;
+  --font-weight-bold: 600;
+  --font-weight-very-bold: 700;
+  --subtitle-font-size: 18px;
+  --subtitle-font-size-s: 16px;
+  --paragraph-font-size-l: 15px;
+  --paragraph-font-size-s: 14px;
+  --button-font-size: var(--paragraph-font-size-s);
+  --button-font-size-s: 12px;
+
+  /*************************
+        Sizes
+  *************************/
+  --border-radius-standard: 4px;
+  --header-height-m: 100px;
+  --header-height-s: 72px;
+  --header-elements-height: 32px;
+  --header-logo-size: 56px;
+
+  /*************************
+        Padding
+  *************************/
+  --header-padding: 0 32px;
+
+  /*************************
+        Colors
+  *************************/
+  --color-primary-standard: #4e80f7;
+  --color-primary-light: #9db8fa;
+  --color-white: #fff;
+  --color-error: #ff7721;
+  --color-content: #19224d;
+  --color-content-light: #2e2c3b;
+  --color-content-lighter: rgba(46, 44, 59, 0.6);
+  --color-background-dark: #1e194d;
+  --color-dark-gray: #868ba1;
+  --color-light-gray: #e6e6e6;
+  --color-content-grayblue: #7383a7;
+  --color-background-wrapper: linear-gradient(120deg, #f7f9fb, #fbfcfd);
+  --color-background-header: #fbfcfd;
+  --color-link: var(--color-primary-standard);
+
+  /*************************
+        Box
+  *************************/
+  --box-shadow-standard: 0 4px 8px 0 rgba(72, 77, 97, 0.1);
+  --box-shadow-button: var(--box-shadow-standard);
+  --box-shadow-header: 0 2px 4px 0 rgba(15, 25, 42, 0.02);
+  --box-shadow-avatar: var(--box-shadow-standard);
+
+  /*************************
+        Animation
+  *************************/
+  --animation-speed-faster: 150ms;
+  --animation-speed-fast: 250ms;
+  --animation-speed-standard: 500ms;
+  --animation-speed-slow: 700ms;
+  --animation-speed-slowest: 1000ms;
+  --animation-delay-standard: 100ms;
+
+  /*************************
+        Transitions
+  *************************/
+  --transition-button: background-color var(--animation-speed-fast) ease-in-out, color var(--animation-speed-fast) ease-in-out;
+
+  /*************************
+        Z-Indexes
+  *************************/
+  --normal-index: 1;
+  --overlay-index: 20;
+
+  /*************************
+        Media Queries
+  *************************/
+  @custom-media --xLarge-viewport (min-width: 1400px);
+  @custom-media --large-viewport (max-width: 1400px);
+  @custom-media --medium-viewport (max-width: 1024px);
+  @custom-media --small-viewport (max-width: 768px);
+  @custom-media --xSmall-viewport (max-width: 414px);
+  @custom-media --xxSmall-viewport (max-width: 320px);
+}
diff --git a/src/components/authenticate/authenticate.js b/src/components/authenticate/authenticate.js
index 19f831dd9e..26ee54910c 100644
--- a/src/components/authenticate/authenticate.js
+++ b/src/components/authenticate/authenticate.js
@@ -3,6 +3,7 @@ import { handleChange, authStatePrefill, authStateIsValid } from '../../utils/fo
 import ActionBar from '../actionBar';
 import AuthInputs from '../authInputs';
 import InfoParagraph from '../infoParagraph';
+import Piwik from '../../utils/piwik';
 
 class Authenticate extends React.Component {
   constructor() {
@@ -25,8 +26,8 @@ class Authenticate extends React.Component {
     this.message = `${t('You are looking into a saved account. In order to {{nextAction}} you need to enter your passphrase.', { nextAction })}`;
   }
 
-  update(e) {
-    e.preventDefault();
+  update() {
+    Piwik.trackingEvent('Authenticate', 'button', 'Update');
     const data = {
       passphrase: this.state.passphrase.value,
     };
@@ -36,6 +37,12 @@ class Authenticate extends React.Component {
     this.props.accountUpdated(data);
   }
 
+  closeDialog(e) {
+    e.preventDefault();
+    Piwik.trackingEvent('Authenticate', 'button', 'Close dialog');
+    this.props.closeDialog();
+  }
+
   render() {
     return (
       <form>
@@ -50,7 +57,8 @@ class Authenticate extends React.Component {
 
         <ActionBar
           secondaryButton={{
-            onClick: this.props.closeDialog,
+            onClick: this.closeDialog.bind(this),
+            className: 'closeDialog-button',
           }}
           primaryButton={{
             label: this.props.t('Unlock account'),
diff --git a/src/components/authenticate/authenticate.test.js b/src/components/authenticate/authenticate.test.js
index c7e358ad9d..ee2ed909b3 100644
--- a/src/components/authenticate/authenticate.test.js
+++ b/src/components/authenticate/authenticate.test.js
@@ -124,4 +124,10 @@ describe('Authenticate', () => {
       passphrase,
     });
   });
+
+  it('should close dialog on click the close button', () => {
+    wrapper.find('button.closeDialog-button').simulate('click');
+    wrapper.update();
+    expect(props.closeDialog).to.have.been.calledWith();
+  });
 });
diff --git a/src/components/autoSuggest/index.js b/src/components/autoSuggest/index.js
index 2e385a5e8f..614eabbadc 100644
--- a/src/components/autoSuggest/index.js
+++ b/src/components/autoSuggest/index.js
@@ -11,6 +11,7 @@ import localJSONStorage from './../../utils/localJSONStorage';
 import regex from './../../utils/regex';
 import { saveSearch } from './../searchResult/keyAction';
 import { searchEntities } from './../../constants/search';
+import Piwik from '../../utils/piwik';
 
 class AutoSuggest extends React.Component {
   constructor(props) {
@@ -40,7 +41,9 @@ class AutoSuggest extends React.Component {
     this.setState({ resultsLength, selectedIdx, placeholder });
   }
 
+  // eslint-disable-next-line max-statements
   onResultClick(id, type, value) {
+    Piwik.trackingEvent('AutoSuggest', 'button', 'Results');
     let urlSearch;
     switch (type) {
       case searchEntities.addresses:
@@ -55,7 +58,6 @@ class AutoSuggest extends React.Component {
         break;
     }
     saveSearch(value, id);
-    this.props.searchClearSuggestions();
 
     if (!value && [searchEntities.addresses, searchEntities.transactions].filter(entity =>
       entity === type).length > 0) {
@@ -75,6 +77,7 @@ class AutoSuggest extends React.Component {
   }
 
   submitSearch() {
+    Piwik.trackingEvent('AutoSuggest', 'button', 'Search submit');
     this.onResultClick(
       this.selectedRow.dataset.id,
       this.selectedRow.dataset.type,
@@ -154,6 +157,7 @@ class AutoSuggest extends React.Component {
   }
 
   handleSubmit() {
+    Piwik.trackingEvent('AutoSuggest', 'button', 'Handle submit');
     if (this.state.value === '' && this.state.placeholder === '') {
       return;
     }
@@ -190,6 +194,7 @@ class AutoSuggest extends React.Component {
   }
 
   resetSearch() {
+    Piwik.trackingEvent('AutoSuggest', 'button', 'Clear suggestions');
     this.lastSearch = null;
     this.setState({ value: '', placeholder: '' });
     this.props.searchClearSuggestions();
@@ -201,6 +206,7 @@ class AutoSuggest extends React.Component {
   }
 
   selectInput() {
+    Piwik.trackingEvent('AutoSuggest', 'button', 'Select Input');
     this.inputRef.inputNode.select();
   }
 
@@ -254,6 +260,17 @@ class AutoSuggest extends React.Component {
     return this.recentSearches;
   }
 
+  getNoResultMessage() {
+    let noResultMessage;
+    if (this.state.value.length > 0 && this.state.value.length <= 2) {
+      noResultMessage = this.props.t('Type at least 3 characters');
+    }
+    if (this.state.value.length > 2 && this.state.resultsLength === 0) {
+      noResultMessage = this.props.t('No results found');
+    }
+    return noResultMessage;
+  }
+
   render() {
     const { t } = this.props;
 
@@ -268,28 +285,32 @@ class AutoSuggest extends React.Component {
       <div className={styles.wrapper}>
         <input
           value={placeholderValue}
-          onChange={() => {}}
+          onChange={() => {
+          }}
           className={`${styles.placeholder} autosuggest-placeholder`}
           type='text'
-          name='autosuggest-placeholder' />
+          name='autosuggest-placeholder'/>
         <Input type='text'
-          id='autosuggest-input'
-          name='searchBarInput'
-          value={this.state.value}
-          innerRef={(el) => { this.inputRef = el; }}
-          className={`${styles.input} autosuggest-input`}
-          theme={styles}
-          onClick={this.selectInput.bind(this)}
-          onFocus={() => this.setState({ show: true })}
-          onBlur={this.closeDropdown.bind(this)}
-          onKeyDown={this.handleKey.bind(this)}
-          onChange={this.search.bind(this)}
-          autoComplete='off'>
+               id='autosuggest-input'
+               name='searchBarInput'
+               value={this.state.value}
+               innerRef={(el) => {
+                 this.inputRef = el;
+               }}
+               className={`${styles.input} autosuggest-input`}
+               theme={styles}
+               onClick={this.selectInput.bind(this)}
+               onFocus={() => this.setState({ show: true })}
+               onBlur={this.closeDropdown.bind(this)}
+               onKeyDown={this.handleKey.bind(this)}
+               onChange={this.search.bind(this)}
+               autoComplete='off'>
           {
             this.state.value !== '' || this.state.placeholder !== '' ?
-              <FontIcon value='close' className={`${styles.icon} autosuggest-btn-close`} onClick={this.resetSearch.bind(this)} /> :
+              <FontIcon value='close' className={`${styles.icon} autosuggest-btn-close`}
+                        onClick={this.resetSearch.bind(this)}/> :
               <FontIcon value='search' className={`${styles.icon} ${styles.iconSearch} autosuggest-btn-search`}
-                onClick={this.submitSearch.bind(this)} />
+                        onClick={this.submitSearch.bind(this)}/>
           }
         </Input>
         <div className={`${styles.autoSuggest} ${this.state.show ? styles.show : ''} autosuggest-dropdown`}>
@@ -323,7 +344,7 @@ class AutoSuggest extends React.Component {
             onMouseDown={this.onResultClick.bind(this)}
             setSelectedRow={this.setSelectedRow.bind(this)}
           />
-          { this.state.value === '' && this.state.resultsLength === 0 ?
+          {this.state.value === '' && this.state.resultsLength === 0 ?
             <ResultsList
               key='recent'
               results={this.getRecentSearchResults()}
@@ -336,11 +357,7 @@ class AutoSuggest extends React.Component {
             />
             : null
           }
-
-          { this.state.value !== '' && this.state.resultsLength === 0 ?
-            <p className={styles.noResults}>{t('No results found')}</p>
-            : null
-          }
+          <p className={`${styles.noResults} no-result-message`}>{this.getNoResultMessage()}</p>
         </div>
       </div>
     );
diff --git a/src/components/autoSuggest/index.test.js b/src/components/autoSuggest/index.test.js
index f43ebb7d18..f322fcacc7 100644
--- a/src/components/autoSuggest/index.test.js
+++ b/src/components/autoSuggest/index.test.js
@@ -212,7 +212,6 @@ describe('AutoSuggest', () => {
       which: keyCodes.tab,
     });
     expect(submitSearchSpy).to.have.been.calledWith();
-    expect(props.searchClearSuggestions).to.have.been.calledWith();
   });
 
   it('should show recent searches and close dropdown on keyboard event {escape}', () => {
diff --git a/src/components/box/box.css b/src/components/box/box.css
index 6e48350ecb..c2c97b21b2 100644
--- a/src/components/box/box.css
+++ b/src/components/box/box.css
@@ -53,8 +53,6 @@
   .wrapper {
     padding: 0 var(--box-padding-left-M) 0 var(--box-padding-left-M);
     min-height: calc(100vh - var(--m-menu-bar-height) - var(--m-menu-bar-height)); /* stylelint-disable-line */
-    background-color: var(--color-grayscale-mobile-background);
-    box-shadow: unset;
   }
 }
 
diff --git a/src/components/confirmVotes/confirmVotes.js b/src/components/confirmVotes/confirmVotes.js
index d19b0d98bc..860452c580 100644
--- a/src/components/confirmVotes/confirmVotes.js
+++ b/src/components/confirmVotes/confirmVotes.js
@@ -4,6 +4,7 @@ import styles from './confirmVotes.css';
 import Checkbox from '../toolbox/sliderCheckbox';
 import fees from '../../constants/fees';
 import { fromRawLsk } from '../../utils/lsk';
+import Piwik from '../../utils/piwik';
 
 class ConfirmVotes extends React.Component {
   constructor(props) {
@@ -47,10 +48,24 @@ class ConfirmVotes extends React.Component {
     }, 120);
   }
 
+  onNext(data) {
+    Piwik.trackingEvent('ConfirmVotes', 'button', 'Next step');
+    this.setState({ didSend: true });
+    this.props.votePlaced(data);
+  }
+
+  onPrev() {
+    Piwik.trackingEvent('ConfirmVotes', 'button', 'Previous step');
+    this.props.prevStep({ reset: this.props.skipped });
+  }
+
   render() {
     const {
-      t, prevStep, votePlaced, skipped,
-      votes, account, secondPassphrase, passphrase,
+      t,
+      votes,
+      account,
+      secondPassphrase,
+      passphrase,
     } = this.props;
     const data = {
       account,
@@ -70,13 +85,10 @@ class ConfirmVotes extends React.Component {
           <PrimaryButton
             disabled={this.state.didSend}
             className={`${styles.confirmButton} confirm`}
-            onClick={() => {
-              this.setState({ didSend: true });
-              votePlaced(data);
-            }}>{t('Confirm (Fee: 1 LSK)')}</PrimaryButton>
+            onClick={() => this.onNext(data)}>{t('Confirm (Fee: 1 LSK)')}</PrimaryButton>
           <Button
             className={`${styles.backButton} back`}
-            onClick={() => prevStep({ reset: skipped })}>{t('Back')}</Button>
+            onClick={() => this.onPrev()}>{t('Back')}</Button>
           <Checkbox
             className={`${styles.checkbox} confirmSlider`}
             label={t(`Confirm (Fee: ${fromRawLsk(fees.vote)} LSK)`)}
diff --git a/src/components/copyToClipboard/index.js b/src/components/copyToClipboard/index.js
index 6a3f76a222..b74ec31a87 100644
--- a/src/components/copyToClipboard/index.js
+++ b/src/components/copyToClipboard/index.js
@@ -3,6 +3,7 @@ import { CopyToClipboard as ReactCopyToClipboard } from 'react-copy-to-clipboard
 import { translate } from 'react-i18next';
 import { FontIcon } from '../fontIcon';
 import styles from './copyToClipboard.css';
+import Piwik from '../../utils/piwik';
 
 class CopyToClipboard extends React.Component {
   constructor() {
@@ -13,6 +14,7 @@ class CopyToClipboard extends React.Component {
   }
 
   textIsCopied() {
+    Piwik.trackingEvent('CopyToClipboard', 'button', 'Copy');
     this.setState({
       copied: true,
     });
@@ -28,16 +30,20 @@ class CopyToClipboard extends React.Component {
       value, t, className, text, copyClassName,
     } = this.props;
     return (
-      <ReactCopyToClipboard text={value} onCopy={() => this.textIsCopied()}>
-        {this.state.copied ? <span className={`${className} copied`}>
-          <FontIcon value='copy-to-clipboard' className={copyClassName}></FontIcon> {t('Copied!')}
-        </span> :
-          <span className={`${className} ${styles.clickable} default`}>
-            <FontIcon value='copy-to-clipboard' className={copyClassName}></FontIcon>
-            <span className='copy-title'>{text || value}</span>
-          </span>
-        }
-      </ReactCopyToClipboard>
+      <div onClick={(e) => {
+        e.stopPropagation();
+      }}>
+        <ReactCopyToClipboard text={value} onCopy={() => this.textIsCopied()}>
+          {this.state.copied ? <span className={`${className} copied`}>
+            <FontIcon value='copy-to-clipboard' className={copyClassName}></FontIcon> {t('Copied!')}
+          </span> :
+            <span className={`${className} ${styles.clickable} default`}>
+              <FontIcon value='copy-to-clipboard' className={copyClassName}></FontIcon>
+              <span className='copy-title'>{text || value}</span>
+            </span>
+          }
+        </ReactCopyToClipboard>
+      </div>
     );
   }
 }
diff --git a/src/components/customRoute/customRoute.js b/src/components/customRoute/customRoute.js
index 162a7a0437..329259891a 100644
--- a/src/components/customRoute/customRoute.js
+++ b/src/components/customRoute/customRoute.js
@@ -2,13 +2,18 @@ import React from 'react';
 import { Redirect, Route } from 'react-router-dom';
 import ErrorBoundary from '../errorBoundary';
 import offlineStyle from '../offlineWrapper/offlineWrapper.css';
+import Piwik from '../../utils/piwik';
 
 const CustomRoute = ({
   path, component, isPrivate, exact,
+  settings,
   isAuthenticated, pathSuffix = '', pathPrefix = '', t, ...rest
 }) => {
   const { pathname, search } = rest.history.location;
   const fullPath = pathPrefix + path + pathSuffix;
+
+  Piwik.tracking(rest.history, settings);
+
   return ((isPrivate && isAuthenticated) || !isPrivate ?
     <main className={isPrivate ? offlineStyle.disableWhenOffline : null}>
       <ErrorBoundary errorMessage={t('An error occoured while rendering this page')}>
diff --git a/src/components/customRoute/index.js b/src/components/customRoute/index.js
index 0505a66bd7..b140c42c29 100644
--- a/src/components/customRoute/index.js
+++ b/src/components/customRoute/index.js
@@ -5,6 +5,7 @@ import CustomRoute from './customRoute';
 
 const mapStateToProps = state => ({
   isAuthenticated: !!state.account.publicKey,
+  settings: state.settings,
 });
 
 export default withRouter(connect(mapStateToProps)(translate()(CustomRoute)));
diff --git a/src/components/customRoute/index.test.js b/src/components/customRoute/index.test.js
index 983997a71e..79f7f86a98 100644
--- a/src/components/customRoute/index.test.js
+++ b/src/components/customRoute/index.test.js
@@ -18,6 +18,9 @@ describe('CustomRoute', () => {
     history: { location: { pathname: '' } },
     path: '/private',
     component: Private,
+    settings: {
+      statistics: false,
+    },
   };
   const options = {
     context: { store, history, i18n },
diff --git a/src/components/dashboard/currencyGraph.js b/src/components/dashboard/currencyGraph.js
index 68125b8074..a38e94cd83 100644
--- a/src/components/dashboard/currencyGraph.js
+++ b/src/components/dashboard/currencyGraph.js
@@ -6,6 +6,7 @@ import React from 'react';
 
 import { getCurrencyGraphData } from '../../actions/liskService';
 
+import Piwik from '../../utils/piwik';
 import EmptyState from '../emptyState';
 import styles from './currencyGraph.css';
 
@@ -159,6 +160,7 @@ class CurrencyGraph extends React.Component {
   }
 
   setStep(step) {
+    Piwik.trackingEvent('CurrencyGraph', 'button', 'Set step');
     this.setState({ step, data: undefined });
     this.props.getCurrencyGraphData(step);
   }
diff --git a/src/components/dashboard/dashboard.css b/src/components/dashboard/dashboard.css
index e380a0577a..b7fcf84f5f 100644
--- a/src/components/dashboard/dashboard.css
+++ b/src/components/dashboard/dashboard.css
@@ -3,56 +3,135 @@
 .wrapper {
   width: 100%;
   margin: 0px;
+  padding-bottom: 50px;
 }
 
-.main {
-  max-height: 75vh; /* stylelint-disable-line */
-  padding-left: 0px;
+.bannerWrapper {
+  margin: 0px;
+  padding-bottom: 20px;
+  width: 100%;
 }
 
-.seeAllLink {
-  font-size: 15px;
-  color: var(--color-primary-standard);
-  margin-left: 40px;
-  text-decoration: none;
-  font-family: var(--content-font);
-  font-weight: var(--font-weight-bold);
+.main {
+  height: auto;
+  padding: 0px;
 }
 
-.newsFeedWrapper {
-  padding-right: 0px;
-}
+.latestActivity {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  min-height: 418px;
+  height: auto;
+  margin: 0 0 20px;
+  padding: 0;
+
+  & > header {
+    box-sizing: border-box;
+    padding: 20px 48px 0;
+  }
 
-.send {
-  position: relative;
+  & :global(.transaction-results) {
+    margin: 0;
+    height: 270px;
+    overflow: hidden;
+  }
 }
 
 .bottomModuleWrapper {
-  height: 50%;
+  height: auto;
   min-height: 200px;
   padding: 0px 8px;
+
+  & > div:first-child {
+    padding-right: 10px;
+    height: auto;
+  }
+
+  & > div:last-child {
+    padding-left: 10px;
+  }
+}
+
+.following {
+  height: auto;
+  padding: 0;
+}
+
+.newsFeedWrapper {
+  padding-right: 0px;
+  padding-left: 15px;
+}
+
+.seeAllLink {
+  font-size: 15px;
+  color: var(--color-primary-standard);
+  margin-left: 40px;
+  text-decoration: none;
+  font-family: var(--content-font);
+  font-weight: var(--font-weight-bold);
 }
 
 .graph {
   overflow: hidden;
   padding: 0px;
+  height: 428px;
 }
 
-.latestActivity {
-  height: calc(50% - 20px);
-  margin: 0px 0px 20px;
+.showMore {
+  align-self: flex-end;
+  margin-top: auto;
 }
 
 @media (--medium-viewport) {
   .wrapper {
+    margin: 0;
+    min-height: unset;
+
     & .main {
-      max-width: 100%;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: center;
+      align-items: flex-start;
       flex-basis: 100%;
-      max-height: unset;
-      overflow: hidden;
+      max-width: 100%;
+      min-height: min-content;
+      padding-bottom: 50px;
     }
+  }
 
+  .latestActivity {
+    height: auto;
+    min-height: 0;
+    margin: 0 8px 20px;
+  }
+
+  .bottomModuleWrapper {
+    height: auto;
+    display: flex;
+    flex-direction: column;
+    flex-basis: 50%;
     margin: 0;
+
+    & > div {
+      max-width: 100%;
+      padding: 0;
+    }
+
+    & > div:first-child {
+      margin-bottom: 20px;
+      padding-right: 0;
+    }
+
+    & > div:last-child {
+      padding-left: 0;
+    }
+  }
+
+  .newsFeedWrapper {
+    flex-basis: 50%;
+    padding: 0 8px;
   }
 
   .graph {
@@ -65,22 +144,4 @@
     height: auto;
     min-height: 300px;
   }
-
-  .bottomModuleWrapper {
-    height: auto;
-  }
-
-  .latestActivity {
-    height: unset;
-    min-height: unset;
-    overflow: hidden;
-  }
-}
-
-@media (--small-viewport) {
-  .seeAllLink {
-    display: block;
-    margin-top: 16px;
-    margin-left: 0;
-  }
 }
diff --git a/src/components/dashboard/index.js b/src/components/dashboard/index.js
index bbf8398b79..b4a9441789 100644
--- a/src/components/dashboard/index.js
+++ b/src/components/dashboard/index.js
@@ -1,8 +1,10 @@
+// istanbul ignore file
 import { connect } from 'react-redux';
 import { Link } from 'react-router-dom';
 import { translate } from 'react-i18next';
-import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import React from 'react';
+import throttle from 'lodash.throttle';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import { FontIcon } from '../fontIcon';
 import Box from '../box';
 import { loadTransactions } from '../../actions/transactions';
@@ -13,6 +15,12 @@ import FollowedAccounts from '../followedAccounts/index';
 import QuickTips from '../quickTips';
 import NewsFeed from '../newsFeed';
 import removeDuplicateTransactions from '../../utils/transactions';
+import { fromRawLsk } from '../../utils/lsk';
+import breakpoints from './../../constants/breakpoints';
+import fees from './../../constants/fees';
+import ShowMore from '../showMore';
+import { SecondaryLightButton } from '../toolbox/buttons/button';
+import Banner from '../toolbox/banner/banner';
 
 import styles from './dashboard.css';
 
@@ -20,6 +28,11 @@ class Dashboard extends React.Component {
   constructor(props) {
     super(props);
 
+    this.state = {
+      showMore: false,
+      isDesktop: window.innerWidth > breakpoints.m,
+    };
+
     const isLoggedIn = props.account.address;
 
     if (isLoggedIn) {
@@ -28,55 +41,126 @@ class Dashboard extends React.Component {
         publicKey: props.account.publicKey,
       });
     }
+
+    this.resizeWindow = this.resizeWindow.bind(this);
+    this.shouldShowInitializatiion = this.shouldShowInitializatiion.bind(this);
+  }
+
+  componentDidMount() {
+    window.addEventListener('resize', throttle(this.resizeWindow, 1000));
+  }
+
+  shouldShowInitializatiion() {
+    const { account, transactions } = this.props;
+    const needsNoAccountInit = account.serverPublicKey
+      || account.balance === 0
+      || (transactions.pending && transactions.pending.length > 0);
+    return !needsNoAccountInit;
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('resize', this.resizeWindow);
+  }
+
+  resizeWindow() {
+    this.setState({ isDesktop: window.innerWidth > breakpoints.m });
+  }
+
+  onShowMoreToggle() {
+    this.setState({ showMore: !this.state.showMore });
   }
 
   render() {
     const {
-      transactions, t, account, loading, history,
+      account,
+      history,
+      loading,
+      t,
+      transactions,
     } = this.props;
 
     const isLoggedIn = account.address;
 
-    return <div className={`${grid.row} ${styles.wrapper}`}>
-      <div className={`${grid['col-md-8']} ${grid['col-xs-12']} ${styles.main}`}>
-        {isLoggedIn ? <Box className={`${styles.latestActivity}`}>
-          <header>
-            <h2 className={styles.title}>
-              {t('Latest activity')}
-              <Link to={`${routes.wallet.path}`} className={`${styles.seeAllLink} seeAllLink`}>
-                {t('See all transactions')}
-                <FontIcon value='arrow-right'/>
-              </Link>
-            </h2>
-          </header>
-          <TransactionsList {...{
-            transactions,
-            t,
-            address: account.address,
-            dashboard: true,
-            loading,
-            history,
-            onClick: props => history.push(`${routes.wallet.path}?id=${props.value.id}`),
-          }} />
-        </Box> :
-        <QuickTips />}
-        <div className={`${grid.row} ${styles.bottomModuleWrapper} `}>
-          <div className={`${grid['col-md-6']} ${grid['col-lg-6']} ${grid['col-xs-6']}`} style={{ paddingLeft: '0px' }}>
-            <Box className={`${styles.following}`}>
-              <FollowedAccounts history={history}/>
-            </Box>
+    return (
+      <React.Fragment>
+        { isLoggedIn && this.shouldShowInitializatiion() &&
+          <div className={`${grid.row} ${styles.bannerWrapper}`}>
+            <Banner
+              className={`${grid['col-xs-12']} initialize-banner`}
+              title={t('Initialize Lisk ID')}
+              footer={(
+                <Link to={`${routes.send.path}?initializeAccount`}>
+                  <SecondaryLightButton>{t('Create First Transaction')}</SecondaryLightButton>
+                </Link>)}>
+              <p>{t('It is recommended that you initialize your Lisk ID.')}</p>
+              <p>{t('The easiest way to do this is to send LSK to yourself by clicking this button.')}</p>
+              <p>{t('It will cost you only the usual {{fee}} LSK transaction fee.', { fee: fromRawLsk(fees.send) })}</p>
+            </Banner>
           </div>
-          <div className={`${grid['col-md-6']} ${grid['col-lg-6']} ${grid['col-xs-6']}`} style={{ paddingRight: '0px' }}>
-            <Box className={`${styles.graph}`}>
-              <CurrencyGraph />
-            </Box>
+        }
+        <div className={`${grid.row} ${styles.wrapper}`}>
+          <div className={`${grid['col-md-8']} ${grid['col-xs-12']} ${styles.main}`}>
+            {
+              isLoggedIn
+              ? <Box className={`${styles.latestActivity}`}>
+                <header>
+                  <h2 className={styles.title}>
+                    {t('Latest activity')}
+                    <Link to={`${routes.wallet.path}`} className={`${styles.seeAllLink} seeAllLink`}>
+                      {t('See all transactions')}
+                      <FontIcon value='arrow-right'/>
+                    </Link>
+                  </h2>
+                </header>
+                <TransactionsList {...{
+                  address: account.address,
+                  dashboard: true,
+                  history,
+                  loading,
+                  onClick: props => history.push(`${routes.wallet.path}?id=${props.value.id}`),
+                  showMore: this.state.showMore,
+                  t,
+                  transactions,
+                }} />
+                {
+                  transactions.length > 3 &&
+                  <ShowMore
+                    className={styles.showMore}
+                    onClick={() => this.onShowMoreToggle()}
+                    text={this.state.showMore ? t('Show Less') : t('Show More')}
+                  />
+                }
+              </Box>
+              : <QuickTips />
+            }
+            <div className={`${grid.row} ${styles.bottomModuleWrapper} `}>
+              <div className={`${grid['col-md-6']} ${grid['col-lg-6']} ${grid['col-xs-6']}`} style={{ paddingLeft: '0px' }}>
+                <Box className={`${styles.following} bookmarks`}>
+                  <FollowedAccounts history={history}/>
+                </Box>
+              </div>
+              <div className={`${grid['col-md-6']} ${grid['col-lg-6']} ${grid['col-xs-6']}`} style={{ paddingRight: '0px' }}>
+                <Box className={`${styles.graph}`}>
+                  <CurrencyGraph />
+                </Box>
+              </div>
+            </div>
+            {
+              !this.state.isDesktop &&
+              <div className={`${grid['col-md-4']} ${grid['col-xs-12']} ${styles.newsFeedWrapper}`}>
+                <NewsFeed />
+              </div>
+            }
           </div>
+          {
+            this.state.isDesktop &&
+            <div className={`${grid['col-md-4']} ${grid['col-xs-12']} ${styles.newsFeedWrapper}`}>
+              <NewsFeed />
+            </div>
+          }
         </div>
-      </div>
-      <div className={`${grid['col-md-4']} ${grid['col-xs-12']} ${styles.newsFeedWrapper}`}>
-        <NewsFeed />
-      </div>
-    </div>;
+      </React.Fragment>
+    );
   }
 }
 
@@ -84,7 +168,7 @@ const mapStateToProps = state => ({
   transactions: removeDuplicateTransactions(
     state.transactions.pending,
     state.transactions.confirmed,
-  ).slice(0, 5),
+  ),
   pendingTransactions: state.transactions.pending,
   account: state.account,
   loading: state.loading.length > 0,
diff --git a/src/components/dialog/alert.css b/src/components/dialog/alert.css
new file mode 100644
index 0000000000..22c0e3f7ed
--- /dev/null
+++ b/src/components/dialog/alert.css
@@ -0,0 +1,18 @@
+.okButton {
+  display: flex;
+  justify-content: center;
+  padding: 40px 0;
+}
+
+.description {
+  padding: 0 50px;
+  font-size: 16px !important;
+  color: #3c5068 !important;
+  font-family: "Open Sans", sans-serif;
+  line-height: 26px !important;
+  text-align: center;
+}
+
+.alertBox {
+  padding-top: 10px;
+}
diff --git a/src/components/dialog/alert.js b/src/components/dialog/alert.js
index 7310109e19..b52f3e0b8b 100644
--- a/src/components/dialog/alert.js
+++ b/src/components/dialog/alert.js
@@ -3,12 +3,13 @@ import React from 'react';
 import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import { Button } from '../toolbox/buttons/button';
 
+import styles from './alert.css';
+
 const Alert = ({ text, closeDialog, t }) => (
-  <div>
-    <p className='alert-dialog-message'>{text}</p>
+  <div className={styles.alertBox}>
+    <p className={`alert-dialog-message ${styles.description}`}>{text}</p>
     <br />
-    <section className={`${grid.row} ${grid['between-xs']}`}>
-      <span />
+    <section className={`${grid.row} ${grid['between-xs']} ${styles.okButton}`}>
       <Button label={t('Ok')} onClick={closeDialog} className='ok-button'/>
     </section>
   </div>
diff --git a/src/components/errorBoundary/index.js b/src/components/errorBoundary/index.js
index ea9668f87a..4cc9f0a6a1 100644
--- a/src/components/errorBoundary/index.js
+++ b/src/components/errorBoundary/index.js
@@ -6,6 +6,7 @@ import { FontIcon } from '../fontIcon';
 import { PrimaryButton } from './../toolbox/buttons/button';
 import styles from './errorBoundary.css';
 import EmptyState from '../emptyState';
+import Piwik from '../../utils/piwik';
 
 /* eslint-disable class-methods-use-this, no-unused-vars */
 class ErrorBoundary extends React.Component {
@@ -19,6 +20,7 @@ class ErrorBoundary extends React.Component {
   }
 
   reloadPage() {
+    Piwik.trackingEvent('ErrorBoundary', 'button', 'Reload page');
     window.location.reload();
   }
 
diff --git a/src/components/feedbackForm/feedbackForm.js b/src/components/feedbackForm/feedbackForm.js
index 9c5192ba58..ffda77435a 100644
--- a/src/components/feedbackForm/feedbackForm.js
+++ b/src/components/feedbackForm/feedbackForm.js
@@ -2,13 +2,16 @@ import React, { Component } from 'react';
 import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import styles from './feedbackForm.css';
 import Questionare from './questionare';
+import Piwik from '../../utils/piwik';
 
 class FeedbackForm extends Component {
   onCancel() {
+    Piwik.trackingEvent('FeedbackForm', 'button', 'Cancel');
     this.props.hideDialog();
   }
 
   onSubmit(feedbackState) {
+    Piwik.trackingEvent('FeedbackForm', 'button', 'Submit');
     // TODO: integrate with api
     this.props.sendFeedback(feedbackState);
     this.props.hideDialog();
diff --git a/src/components/feedbackForm/questionare.js b/src/components/feedbackForm/questionare.js
index 7825e43351..a70bbaf44f 100644
--- a/src/components/feedbackForm/questionare.js
+++ b/src/components/feedbackForm/questionare.js
@@ -5,6 +5,7 @@ import ToolBoxInput from '../toolbox/inputs/toolBoxInput';
 import { Button, PrimaryButton } from '../toolbox/buttons/button';
 import RadioSelector from './radioSelector';
 import { getDeviceMetadata } from '../../utils/app';
+import Piwik from '../../utils/piwik';
 
 const ratingValues = ['angry', 'sad', 'neutral', 'happy', 'laughing'];
 const ratingIcons = ratingValues.map(ratingVal => [ratingVal]);
@@ -48,6 +49,7 @@ class Questionare extends React.Component {
   }
 
   setFeedbackValue(evt, key) {
+    Piwik.trackingEvent('Questionare', 'button', 'Set feedback value');
     this.setState({ [key]: evt.target ? evt.target.value : evt });
 
     if (key === 'metadata' && !!evt.target.value) {
@@ -55,6 +57,16 @@ class Questionare extends React.Component {
     }
   }
 
+  onCancel() {
+    Piwik.trackingEvent('Questionare', 'button', 'Cancel');
+    this.props.onCancel();
+  }
+
+  onSubmit() {
+    Piwik.trackingEvent('Questionare', 'button', 'Submit');
+    this.props.onSubmit(this.state);
+  }
+
   render() {
     return (<div>
       <div className={styles.main}>
@@ -83,10 +95,10 @@ class Questionare extends React.Component {
       </div>
       <div className={styles.actions}>
         <Button label={this.props.t('Cancel')}
-          onClick={() => this.props.onCancel()}
+          onClick={() => this.onCancel()}
           className='cancel-button' />
         <PrimaryButton label={this.props.t('Send')} disabled={!this.state.rating}
-          onClick={() => this.props.onSubmit(this.state).bind(this)}
+          onClick={() => this.onSubmit()}
           className='send-button'/>
       </div>
     </div>);
diff --git a/src/components/followedAccounts/addAccountID.js b/src/components/followedAccounts/addAccountID.js
index 81fa3d5d0d..352fff5609 100644
--- a/src/components/followedAccounts/addAccountID.js
+++ b/src/components/followedAccounts/addAccountID.js
@@ -6,6 +6,7 @@ import { Button, TertiaryButton } from '../toolbox/buttons/button';
 import regex from '../../utils/regex';
 import styles from './followedAccounts.css';
 import AddressInput from '../addressInput/index';
+import Piwik from '../../utils/piwik';
 
 class AddAccountID extends React.Component {
   constructor() {
@@ -36,6 +37,15 @@ class AddAccountID extends React.Component {
     return undefined;
   }
 
+  onPrevStep() {
+    Piwik.trackingEvent('AddAccountID', 'button', 'Previous step');
+    this.props.prevStep();
+  }
+
+  onNextStep() {
+    Piwik.trackingEvent('AddAccountID', 'button', 'Next step');
+    this.props.nextStep({ address: this.state.address.value });
+  }
 
   render() {
     return <div className={styles.addAccount}>
@@ -53,7 +63,7 @@ class AddAccountID extends React.Component {
           <Button
             label={this.props.t('Cancel')}
             className={`${styles.cancelButton} cancel`}
-            onClick={() => this.props.prevStep()}
+            onClick={() => this.onPrevStep()}
           />
         </div>
         <div className={grid['col-xs-8']}>
@@ -61,7 +71,7 @@ class AddAccountID extends React.Component {
             label={this.props.t('Next')}
             className='next'
             disabled={(!!this.state.address.error || !this.state.address.value)}
-            onClick={() => this.props.nextStep({ address: this.state.address.value })}
+            onClick={() => this.onNextStep()}
           />
         </div>
       </footer>
diff --git a/src/components/followedAccounts/addAccountTitle.js b/src/components/followedAccounts/addAccountTitle.js
index afa6bb5210..6378ff23ef 100644
--- a/src/components/followedAccounts/addAccountTitle.js
+++ b/src/components/followedAccounts/addAccountTitle.js
@@ -6,6 +6,7 @@ import { Button, TertiaryButton } from '../toolbox/buttons/button';
 import { followedAccountAdded } from '../../actions/followedAccounts';
 import styles from './followedAccounts.css';
 import TitleInput from './accountTitleInput';
+import Piwik from '../../utils/piwik';
 
 class AddAccountTitle extends React.Component {
   constructor() {
@@ -22,12 +23,24 @@ class AddAccountTitle extends React.Component {
     });
   }
 
+  onCancel() {
+    Piwik.trackingEvent('AddAccountTitle', 'button', 'Cancel');
+    this.props.prevStep({ reset: true });
+  }
+
+  onAddToList() {
+    Piwik.trackingEvent('AddAccountTitle', 'button', 'Add to list');
+
+    const { addAccount, address, prevStep } = this.props;
+    const title = this.state.title.value;
+
+    addAccount({ title, address });
+    prevStep({ reset: true });
+  }
+
   render() {
-    const {
-      t, prevStep, addAccount, address,
-    } = this.props;
+    const { t } = this.props;
 
-    const title = this.state.title.value || address;
     return <div className={styles.addAccount}>
       <header><h2>{t('How would you call it?')}</h2></header>
       <div>
@@ -40,7 +53,7 @@ class AddAccountTitle extends React.Component {
           <Button
             label={t('Cancel')}
             className={`${styles.cancelButton} cancel`}
-            onClick={() => prevStep({ reset: true })}
+            onClick={() => this.onCancel()}
           />
         </div>
         <div className={grid['col-xs-8']}>
@@ -48,10 +61,7 @@ class AddAccountTitle extends React.Component {
             label={t('Add to list')}
             disabled={!!this.state.title.error || this.state.title.value === ''}
             className='next'
-            onClick={() => {
-              addAccount({ title, address });
-              prevStep({ reset: true });
-            }}
+            onClick={() => this.onAddToList()}
           />
         </div>
       </footer>
diff --git a/src/components/followedAccounts/followedAccounts.css b/src/components/followedAccounts/followedAccounts.css
index 2bac494bf2..94fbf397a2 100644
--- a/src/components/followedAccounts/followedAccounts.css
+++ b/src/components/followedAccounts/followedAccounts.css
@@ -22,7 +22,12 @@
 }
 
 .followedAccountsWrapper {
-  height: 100%;
+  height: auto;
+  min-height: 428px;
+
+  @media (--medium-viewport) {
+    min-height: 398px;
+  }
 }
 
 .cancelButton {
@@ -35,20 +40,53 @@
   flex-direction: column;
   justify-content: space-between;
   width: 100%;
-  height: 100%;
+  height: 410px;
   box-sizing: border-box;
+
+  & > header {
+    box-sizing: border-box;
+    padding: 20px 48px 0;
+  }
+
+  & > div {
+    padding: 0 48px;
+    box-sizing: border-box;
+  }
+
+  & > footer {
+    padding: 0 48px 20px;
+    box-sizing: border-box;
+  }
 }
 
 header {
   & .edit {
+    height: 40px;
+    min-width: 120px;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
     color: var(--color-primary-standard);
     font-weight: var(--font-weight-bold);
-    font-size: 16px;
-    line-height: 40px;
+    font-size: 14px;
     float: right;
+
+    & > span:last-child {
+      margin-left: 16px;
+    }
+
+    & > span > span {
+      font-size: 20px;
+    }
   }
 }
 
+.bookmarkHeader {
+  padding: 20px 48px 0;
+  box-sizing: border-box;
+  height: 119px;
+}
+
 .addAccountLink {
   color: var(--color-primary-standard) !important;
   font-weight: var(--font-weight-bold);
@@ -56,6 +94,8 @@ header {
 }
 
 .emptyList {
+  padding: 0 48px;
+
   & p {
     color: var(--color-grayscale-dark);
     font-size: 16px;
@@ -69,6 +109,10 @@ header {
 }
 
 .accounts {
+  width: 100%;
+  overflow: hidden;
+  height: 279px;
+
   & .list {
     overflow-y: initial;
 
@@ -80,6 +124,7 @@ header {
       margin-left: 0;
       line-height: var(--main-row-line-height);
       white-space: nowrap;
+      padding: 0 48px;
 
       &:nth-of-type(even) {
         background: var(--row-background-color);
@@ -151,54 +196,55 @@ header {
   }
 }
 
-@media (--xLarge-viewport) {
-  .accounts {
-    & .list {
-      overflow-y: auto;
-      margin: 0px calc(0 - var(--box-padding-left-XL));
-    }
-
-    & .rows {
-      padding: 0px var(--box-padding-left-XL);
-    }
-  }
+.showMore {
+  margin-top: auto;
 }
 
-@media (--large-viewport) {
-  .accounts {
-    & .list {
-      overflow-y: auto;
-      margin: 0px calc(0 - var(--box-padding-left-L));
+@media (--medium-viewport) {
+  .addAccount {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 100%;
+    height: 398px;
+    box-sizing: border-box;
+
+    & > div {
+      padding: 0 48px;
+      box-sizing: border-box;
     }
 
-    & .rows {
-      padding: 0px var(--box-padding-left-L);
+    & > footer {
+      padding: 0 48px 20px;
+      box-sizing: border-box;
     }
   }
-}
-
-@media (--medium-viewport) {
-  .addAccount {
-    display: block;
-  }
 
   .accounts {
     & .list {
-      overflow-y: initial;
-      padding-bottom: 100px;
-      margin: 0px calc(0 - var(--box-padding-left-M));
-    }
+      overflow: hidden;
 
-    & .rows {
-      padding: 0px var(--box-padding-left-M);
+      & .rows {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
 
-      &:nth-of-type(even) {
-        background: var(--gradient-greyscale-mobile);
-      }
+        & .accountInformation {
+          margin: 0;
+        }
 
-      &:nth-of-type(odd) {
-        background: var(--color-grayscale-mobile-background);
+        &:nth-of-type(even) {
+          background: var(--gradient-greyscale-mobile);
+        }
+
+        &:nth-of-type(odd) {
+          background: var(--color-grayscale-mobile-background);
+        }
       }
     }
   }
 }
+
+.showMoreToggle {
+  height: auto;
+}
diff --git a/src/components/followedAccounts/viewAccounts.js b/src/components/followedAccounts/viewAccounts.js
index 5e327b4b1c..ebd1f04d30 100644
--- a/src/components/followedAccounts/viewAccounts.js
+++ b/src/components/followedAccounts/viewAccounts.js
@@ -9,39 +9,84 @@ import styles from './followedAccounts.css';
 import routes from '../../constants/routes';
 import TitleInput from './titleInputForList';
 import { followedAccountRemoved } from '../../actions/followedAccounts';
+import Piwik from '../../utils/piwik';
+import ShowMore from '../showMore';
 
 class ViewAccounts extends React.Component {
   constructor() {
     super();
-    this.state = { edit: false };
+    this.state = {
+      edit: false,
+      showMore: false,
+    };
+  }
+
+  onShowMoreToggle() {
+    this.setState({ showMore: !this.state.showMore });
+  }
+
+  onEditAccount() {
+    Piwik.trackingEvent('ViewAccounts', 'button', 'Edit account');
+    this.setState({ edit: !this.state.edit });
+  }
+
+  onFollowedAccount(account) {
+    Piwik.trackingEvent('ViewAccounts', 'button', 'Followed account');
+
+    const { history } = this.props;
+    if (!this.state.edit) history.push(`${routes.explorer.path}${routes.accounts.path}/${account.address}`);
+  }
+
+  onRemoveAccount(account) {
+    Piwik.trackingEvent('ViewAccounts', 'button', 'Remove account');
+    this.props.removeAccount(account);
+  }
+
+  onAddAccount() {
+    Piwik.trackingEvent('ViewAccounts', 'button', 'Add account');
+    this.props.nextStep();
   }
 
   render() {
     const {
-      t, accounts, history, nextStep, removeAccount,
+      t,
+      accounts,
     } = this.props;
 
     return <div>
-      <header><h2>
+      <header className={`${styles.bookmarkHeader}`}>
+        <h2>
         {t('Bookmarks')}
-        {accounts.length > 0
-          ? <div className={`${styles.clickable} ${styles.edit} edit-accounts`}
-            onClick={() => this.setState({ edit: !this.state.edit })}>
-            {this.state.edit ? <span>{t('Done')}</span> : <FontIcon value='edit'/>}
-          </div>
-          : null
+        {
+          accounts.length > 0 &&
+          (
+            <div
+              className={`${styles.clickable} ${styles.edit} edit-accounts`}
+              onClick={() => this.setState({ edit: !this.state.edit })}
+            >
+            {
+              !this.state.edit &&
+              <span className={'add-account-button'} onClick={() => this.onAddAccount()}>Add <FontIcon value='add'/></span>
+            }
+            {
+              this.state.edit
+              ? <span>{t('Done')}</span>
+              : <span>Edit <FontIcon value='edit'/></span>
+            }
+            </div>
+          )
         }
-      </h2></header>
-      {accounts.length
-        ? <div className={`${styles.accounts} followed-accounts-list`}>
+        </h2>
+      </header>
+      {
+        accounts.length
+        ? <div className={`${styles.accounts} ${this.state.showMore && styles.showMoreToggle} followed-accounts-list`}>
           <div className={styles.list}>
             {accounts.map((account, i) =>
               (<div
                 key={i}
                 className={`${grid.row} ${styles.rows} ${styles.clickable} followed-account`}
-                onClick={() => {
-                  if (!this.state.edit) history.push(`${routes.explorer.path}${routes.accounts.path}/${account.address}`);
-                }}
+                onClick={() => this.onFollowedAccount(account)}
               >
                 <div className={`${styles.leftText} ${grid['col-md-2']}`}>
                   <AccountVisual
@@ -67,7 +112,7 @@ class ViewAccounts extends React.Component {
                   </div>
                   {this.state.edit
                     ? <div className={`${styles.removeAccount} remove-account`}
-                      onClick={() => removeAccount(account) }>
+                      onClick={() => this.onRemoveAccount(account)}>
                       <FontIcon value='remove'/>
                     </div>
                     : null
@@ -75,19 +120,32 @@ class ViewAccounts extends React.Component {
                 </div>
               </div>))
             }
-            <div className={`${styles.addAccountLink} ${styles.rows} ${styles.clickable} add-account-button`} onClick={() => nextStep()}>
-              {t('Add a Lisk ID')} <FontIcon value='arrow-right'/>
-            </div>
+            {
+              !accounts.length &&
+              (
+                <div className={`${styles.addAccountLink} ${styles.rows} ${styles.clickable} add-account-button`} onClick={() => this.onAddAccount()}>
+                  {t('Add a Lisk ID')} <FontIcon value='arrow-right'/>
+                </div>
+              )
+            }
           </div>
         </div>
         : <div className={`${styles.emptyList} followed-accounts-empty-list`}>
           <p>{t('Keep track of any Lisk ID balance. Only you will see who you bookmarked.')}</p>
 
-          <div className={`${styles.addAccountLink} ${styles.clickable} add-account-button`} onClick={() => nextStep()}>
+          <div className={`${styles.addAccountLink} ${styles.clickable} add-account-button`} onClick={() => this.onAddAccount()}>
             {t('Add a Lisk ID')} <FontIcon value='arrow-right'/>
           </div>
         </div>
       }
+      {
+        accounts.length > 4 &&
+        <ShowMore
+          className={`${styles.showMore} show-more`}
+          onClick={() => this.onShowMoreToggle()}
+          text={ this.state.showMore ? t('Show Less') : t('Show More')}
+        />
+      }
     </div>;
   }
 }
diff --git a/src/components/followedAccounts/viewAccounts.test.js b/src/components/followedAccounts/viewAccounts.test.js
index 2634c6ba87..a299ab6227 100644
--- a/src/components/followedAccounts/viewAccounts.test.js
+++ b/src/components/followedAccounts/viewAccounts.test.js
@@ -55,6 +55,9 @@ describe('Followed accounts list Component', () => {
           accounts: [
             { address: '123L', balance: 0, title: 'bob' },
             { address: '567L', balance: 100000, title: '' },
+            { address: '23467L', balance: 30000, title: '' },
+            { address: '23464567L', balance: 3000, title: '' },
+            { address: '2346456347L', balance: 3000, title: '' },
           ],
         },
       });
@@ -138,5 +141,16 @@ describe('Followed accounts list Component', () => {
         address: '567L', balance: 100000, title: 'my friend',
       });
     });
+
+    it('should render showMore button propery', () => {
+      expect(wrapper.find('.show-more').exists()).to.equal(true);
+      expect(wrapper.find('.showMoreToggle').exists()).to.equal(false);
+      wrapper.find('.show-more').at(0).simulate('click');
+      wrapper.update();
+      expect(wrapper.find('.showMoreToggle').exists()).to.equal(true);
+      wrapper.find('.show-more').at(0).simulate('click');
+      wrapper.update();
+      expect(wrapper.find('.showMoreToggle').exists()).to.equal(false);
+    });
   });
 });
diff --git a/src/components/header/customCountDown.css b/src/components/header/customCountDown.css
index 93f7aa9989..c661716fb0 100644
--- a/src/components/header/customCountDown.css
+++ b/src/components/header/customCountDown.css
@@ -1,4 +1,5 @@
 @import '../app/variables.css';
+@import '../app/variablesV2.css';
 
 .reset {
   margin-right: 15px;
@@ -7,7 +8,8 @@
   padding-bottom: 3px;
   cursor: pointer;
   color: var(--color-primary-standard);
-  display: inline;
+  display: flex;
+  align-items: center;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 12px;
@@ -17,6 +19,10 @@
   color: var(--color-grayscale-medium);
 }
 
+.time {
+  color: var(--color-content-light);
+}
+
 .timeout {
   color: var(--color-error);
 }
@@ -29,6 +35,12 @@
   font-family: 'Open Sans', sans-serif;
 }
 
+.timerRow > p {
+  font-weight: 600;
+  font-size: 12px;
+  font-family: 'Open Sans', sans-serif;
+}
+
 @media (--medium-viewport) {
   .default {
     color: var(--color-grayscale-medium);
diff --git a/src/components/header/customCountDown.js b/src/components/header/customCountDown.js
index bd1d462517..4e7e3a1a55 100644
--- a/src/components/header/customCountDown.js
+++ b/src/components/header/customCountDown.js
@@ -1,6 +1,7 @@
 import React, { Fragment } from 'react';
 import Options from '../dialog/options';
 import routes from './../../constants/routes';
+import Piwik from '../../utils/piwik';
 import styles from './customCountDown.css';
 
 class CustomCountDown extends React.Component {
@@ -54,23 +55,36 @@ class CustomCountDown extends React.Component {
     this.props.closeDialog();
   }
 
+  onResetTimer() {
+    Piwik.trackingEvent('CustomCountDown', 'button', 'Reset timer');
+    this.props.resetTimer();
+  }
+
   render() {
     const {
-      minutes, autoLog, seconds, resetTimer, t,
+      minutes,
+      autoLog,
+      seconds,
+      t,
     } = this.props;
-    const min = minutes < 10 ? `0${minutes}` : minutes;
-    const sec = seconds < 10 ? `0${seconds}` : seconds;
+    const min = `0${minutes}`.slice(-2);
+    const sec = `0${seconds}`.slice(-2);
 
     const resetCondition = (minutes < 5);
     const timeoutCondition = (minutes === 0 && seconds === 0);
 
-    const resetButton = resetCondition && !timeoutCondition ? <div onClick={() => {
-      resetTimer();
-    }} className={`${styles.reset} reset`}> {t('Reset')} </div> : <div></div>;
+    const resetButton = resetCondition && !timeoutCondition ?
+      <div
+        onClick={() => this.onResetTimer()}
+        className={`${styles.reset} reset`}
+      >
+      {t('Reset')}
+      </div> :
+      <div></div>;
 
-    const resetStyle = resetCondition ? styles.timeout : styles.default;
+    const resetStyle = resetCondition ? styles.timeout : styles.time;
     const timer = !timeoutCondition &&
-      <span className={resetStyle}>{t('Session timeout in')} {min}:{sec}</span>;
+      <p className={styles.default}>{t('Session timeout in')} <span className={resetStyle}>{min}:{sec}</span></p>;
 
     const renderComponent = autoLog ? (<div className={styles.timerRow}>
       {resetButton}
diff --git a/src/components/header/customCountDown.test.js b/src/components/header/customCountDown.test.js
index dded666904..98342fe550 100644
--- a/src/components/header/customCountDown.test.js
+++ b/src/components/header/customCountDown.test.js
@@ -24,12 +24,12 @@ describe('customCountDown', () => {
   });
 
   it('should render "Session timeout in 10:25"', () => {
-    expect(wrapper.find('span').text()).to.be.equal('Session timeout in 10:25');
+    expect(wrapper.find('p').text()).to.be.equal('Session timeout in 10:25');
   });
 
   it('should render reset button', () => {
     wrapper.setProps({ minutes: 0, seconds: 59 });
-    expect(wrapper.find('span').text()).to.be.equal('Session timeout in 00:59');
+    expect(wrapper.find('p').text()).to.be.equal('Session timeout in 00:59');
     expect(wrapper).to.have.descendants('.reset');
   });
 
diff --git a/src/components/header/header.css b/src/components/header/header.css
index 4b17992da1..03a9262a1f 100644
--- a/src/components/header/header.css
+++ b/src/components/header/header.css
@@ -20,6 +20,8 @@
   align-items: center;
   justify-content: space-between;
   height: 138px;
+  box-sizing: border-box;
+  padding-top: 15px;
 
   & .noPadding {
     padding: 0px;
diff --git a/src/components/header/header.js b/src/components/header/header.js
index 482e0ca4fe..88901f2592 100644
--- a/src/components/header/header.js
+++ b/src/components/header/header.js
@@ -14,6 +14,7 @@ import styles from './header.css';
 import CustomCountDown from './customCountDown';
 import Options from '../dialog/options';
 import routes from './../../constants/routes';
+import Piwik from '../../utils/piwik';
 
 class Header extends React.Component {
   /* istanbul ignore next */
@@ -39,6 +40,8 @@ class Header extends React.Component {
   }
 
   openLogoutDialog() {
+    Piwik.trackingEvent('Header', 'button', 'Open logout dialog');
+
     this.props.setActiveDialog({
       childComponent: Options,
       childComponentProps: {
@@ -126,7 +129,7 @@ class Header extends React.Component {
                   />
                   <div
                     className={`${styles.logout} logout`}
-                    onClick={() => this.openLogoutDialog() }>
+                    onClick={() => this.openLogoutDialog()}>
                     {this.props.t('Logout')}
                     <FontIcon value='logout' className={styles.logoutIcon} />
                   </div>
diff --git a/src/components/headerV2/headerV2.css b/src/components/headerV2/headerV2.css
new file mode 100644
index 0000000000..24cb3c881b
--- /dev/null
+++ b/src/components/headerV2/headerV2.css
@@ -0,0 +1,83 @@
+@import '../toolbox/buttons/css/base.css';
+@import '../app/variablesV2.css';
+
+.wrapper {
+  align-items: center;
+  background: var(--color-background-header);
+  border-bottom: 1px solid var(--color-light-gray);
+  box-shadow: var(--box-shadow-header);
+  box-sizing: border-box;
+  display: flex;
+  height: var(--header-height-m);
+  justify-content: space-between;
+  padding: var(--header-padding);
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.logo {
+  height: var(--header-logo-size);
+  width: var(--header-logo-size);
+
+  & > img {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+}
+
+.buttonsHolder {
+  display: flex;
+  justify-content: space-between;
+
+  & > * {
+    margin-left: 24px;
+  }
+}
+
+.settingButton > button {
+  font-size: var(--button-font-size-s);
+  height: var(--header-elements-height);
+  letter-spacing: 0.5px;
+  line-height: var(--header-elements-height);
+  min-height: var(--header-elements-height);
+  width: 144px;
+}
+
+.dropdownHandler {
+  align-items: center;
+  background-color: var(--color-white);
+  border: 1px solid var(--color-light-gray);
+  border-radius: var(--border-radius-standard);
+  box-shadow: var(--box-shadow-standard);
+  box-sizing: border-box;
+  color: var(--color-content-light);
+  cursor: pointer;
+  display: flex;
+  font-family: var(--heading-font);
+  font-size: var(--button-font-size-s);
+  font-weight: var(--font-weight-bold);
+  height: var(--header-elements-height);
+  justify-content: space-between;
+  letter-spacing: 0.5px;
+  line-height: var(--header-elements-height);
+  min-height: var(--header-elements-height);
+  min-width: 144px;
+  padding: 0 24px;
+  position: relative;
+  width: auto;
+
+  &::after {
+    border: 5px solid transparent;
+    border-bottom: 0;
+    border-top-color: var(--color-content-light);
+    content: '';
+  }
+}
+
+@media (--small-viewport) {
+  .wrapper {
+    height: var(--header-height-s);
+  }
+}
diff --git a/src/components/headerV2/headerV2.js b/src/components/headerV2/headerV2.js
new file mode 100644
index 0000000000..4f43ba69bf
--- /dev/null
+++ b/src/components/headerV2/headerV2.js
@@ -0,0 +1,61 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { translate } from 'react-i18next';
+import { SecondaryButtonV2 } from '../toolbox/buttons/button';
+import logo from '../../assets/images/lisk-logo-v2.svg';
+import routes from '../../constants/routes';
+import styles from './headerV2.css';
+import DropdownV2 from '../toolbox/dropdownV2/dropdownV2';
+
+class HeaderV2 extends React.Component {
+  constructor() {
+    super();
+
+    this.state = {
+      showDropdown: false,
+    };
+
+    this.toggleDropdown = this.toggleDropdown.bind(this);
+  }
+
+  toggleDropdown() {
+    const showDropdown = !this.state.showDropdown;
+    this.setState({ showDropdown });
+  }
+
+  render() {
+    const {
+      t, showSettings, showNetwork, networkList,
+      selectedNetwork, handleNetworkSelect,
+    } = this.props;
+    return (
+      <header className={`${styles.wrapper} mainHeader`}>
+        <div className={`${styles.logo}`}>
+          <img src={logo} />
+        </div>
+        <div className={`${styles.buttonsHolder}`}>
+          {showSettings
+            && <Link className={styles.settingButton} to={routes.setting.path}>
+              <SecondaryButtonV2>{t('Settings')}</SecondaryButtonV2>
+            </Link>
+          }
+          {showNetwork
+            && <span className={`${styles.dropdownHandler}`}
+              onClick={this.toggleDropdown}>
+              { networkList[selectedNetwork].label }
+              <DropdownV2 showDropdown={this.state.showDropdown}>
+                {networkList && networkList.map((network, key) => (
+                  <span
+                    onClick={() => handleNetworkSelect(network.value)}
+                    key={key}>{network.label}</span>
+                ))}
+              </DropdownV2>
+            </span>
+          }
+        </div>
+      </header>
+    );
+  }
+}
+
+export default translate()(HeaderV2);
diff --git a/src/components/headerV2/headerV2.test.js b/src/components/headerV2/headerV2.test.js
new file mode 100644
index 0000000000..f8153c4556
--- /dev/null
+++ b/src/components/headerV2/headerV2.test.js
@@ -0,0 +1,64 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { spy } from 'sinon';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { MemoryRouter } from 'react-router-dom';
+import i18n from '../../i18n';
+import HeaderV2 from './headerV2';
+
+describe('V2 Header', () => {
+  let wrapper;
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  const props = {
+    showSettings: true,
+    showNetwork: true,
+    selectedNetwork: 0,
+    networkList: [
+      { label: 'Mainnet', value: 0 },
+      { label: 'Testnet', value: 1 },
+      { label: 'Custom Node', value: 2 },
+    ],
+    handleNetworkSelect: spy(),
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<MemoryRouter>
+      <HeaderV2 {...props} />
+    </MemoryRouter>, options);
+  });
+
+  it('Should render Logo, Settings Button and Network Switcher dropdown', () => {
+    expect(wrapper.find('.logo')).to.be.present();
+    expect(wrapper.find('.settingButton')).to.be.present();
+    expect(wrapper.find('.dropdownHandler')).to.be.present();
+  });
+
+  it('Should not render Network switcher dropdown and Settings Button', () => {
+    wrapper.setProps({
+      children: React.cloneElement(wrapper.props().children, {
+        showSettings: false,
+        showNetwork: false,
+      }),
+    });
+    expect(wrapper.find('.dropdownHandler')).to.not.be.present();
+    expect(wrapper.find('.settingButton')).to.not.be.present();
+  });
+
+  it('Should open dropdown on Network switcher click and close and call handler on option click', () => {
+    const { networkList, handleNetworkSelect } = props;
+    const randomNetwork = Math.floor(Math.random() * networkList.length);
+    expect(wrapper.find('.dropdownHandler')).to.be.present();
+    wrapper.find('.dropdownHandler').simulate('click');
+    expect(wrapper.find('DropdownV2')).to.have.prop('showDropdown', true);
+    wrapper.find('DropdownV2 .optionsHolder').children().at(randomNetwork).simulate('click');
+    expect(handleNetworkSelect).to.have.been.calledWith(networkList[randomNetwork].value);
+    expect(wrapper.find('DropdownV2')).to.have.prop('showDropdown', false);
+  });
+});
diff --git a/src/components/help/help.js b/src/components/help/help.js
index 38d474f4de..00ed6d96aa 100644
--- a/src/components/help/help.js
+++ b/src/components/help/help.js
@@ -4,11 +4,13 @@ import Box from '../box';
 import { FontIcon } from '../fontIcon';
 import { Button } from './../toolbox/buttons/button';
 import styles from './help.css';
-import links from './../../constants/help';
+import links from './../../constants/externalLinks';
+import Piwik from '../../utils/piwik';
 
 /* eslint-disable class-methods-use-this */
 class Help extends React.Component {
   initOnboarding() {
+    Piwik.trackingEvent('Help', 'button', 'Init onboarding');
     this.props.settingsUpdated({ onBoarding: true });
   }
 
diff --git a/src/components/help/help.test.js b/src/components/help/help.test.js
index 282c9fe477..fcc95b6353 100644
--- a/src/components/help/help.test.js
+++ b/src/components/help/help.test.js
@@ -3,7 +3,7 @@ import { expect } from 'chai';
 import { shallow } from 'enzyme';
 import { spy, mock } from 'sinon';
 import Help from './help';
-import links from './../../constants/help';
+import links from './../../constants/externalLinks';
 
 describe('Help Page', () => {
   let wrapper;
diff --git a/src/components/hwWallet/accountCard.css b/src/components/hwWallet/accountCard.css
index d10e9734dd..b4c8ac8f6a 100644
--- a/src/components/hwWallet/accountCard.css
+++ b/src/components/hwWallet/accountCard.css
@@ -7,6 +7,7 @@
   background-color: #fff;
   box-shadow: 0 8px 16px 0 rgba(29, 72, 119, 0.16);
   margin: 10px;
+  cursor: pointer;
 
   & div {
     width: 100%;
@@ -16,7 +17,6 @@
 }
 
 .accountVisualWrapper {
-  cursor: pointer;
   margin: 30px 0;
 }
 
diff --git a/src/components/hwWallet/accountCard.js b/src/components/hwWallet/accountCard.js
index d95abf2a82..143aac09a2 100644
--- a/src/components/hwWallet/accountCard.js
+++ b/src/components/hwWallet/accountCard.js
@@ -4,17 +4,20 @@ import { fromRawLsk } from '../../utils/lsk';
 import ToolBoxInput from '../toolbox/inputs/toolBoxInput';
 import AccountVisual from '../accountVisual';
 import CopyToClipboard from '../copyToClipboard';
+import keyCodes from './../../constants/keyCodes';
 
 import styles from './accountCard.css';
 
 const AccountCard = ({
   account, hardwareAccountName, isEditMode,
-  changeInput, onClickHandler, index,
+  changeInput, onClickHandler, index, saveAccountNames,
 }) => (
-  <div className={styles.card}>
-    <div
-      className={`${styles.accountVisualWrapper} accountVisualWrapper`}
-      onClick={() => { onClickHandler(account, index); }}>
+  <div
+    className={styles.card}
+    onClick={() => {
+      onClickHandler(account, index);
+    }}>
+    <div className={`${styles.accountVisualWrapper} accountVisualWrapper`}>
       <AccountVisual
         address={account.address}
         size={100} sizeS={60}
@@ -24,11 +27,18 @@ const AccountCard = ({
       {fromRawLsk(account.balance)}<p>LSK</p>
     </div>
     {isEditMode ?
-      <div className={styles.edit}>
+      <div
+        className={styles.edit}
+        onClick={/* istanbul ignore next */(e) => {
+        e.stopPropagation();
+      }}>
         <ToolBoxInput
-          placeholder={'Account Name'}
+          placeholder={'Title'}
           onChange={value => changeInput(value, account.address)}
           theme={styles}
+          onKeyDown={/* istanbul ignore next */(event) => {
+            if (event.keyCode === keyCodes.enter) saveAccountNames();
+          }}
           value={hardwareAccountName}></ToolBoxInput>
       </div> :
       null}
diff --git a/src/components/hwWallet/hwWallet.js b/src/components/hwWallet/hwWallet.js
index aa12db455f..b4071a422f 100644
--- a/src/components/hwWallet/hwWallet.js
+++ b/src/components/hwWallet/hwWallet.js
@@ -6,8 +6,10 @@ import UnlockWallet from './unlockWallet';
 import LedgerLogin from './ledgerLoginHOC';
 import getNetwork from '../../utils/getNetwork';
 import { getAccountFromLedgerIndex } from '../../utils/ledger';
+import Piwik from '../../utils/piwik';
 
 import { loginType } from '../../constants/hwConstants';
+import routes from '../../constants/routes';
 
 import styles from './unlockWallet.css';
 
@@ -24,11 +26,13 @@ class HwWallet extends React.Component {
   }
 
   handleOnClick() {
+    Piwik.trackingEvent('HwWallet', 'button', 'Continue');
     this.ledgerLogin();
   }
 
   cancelLedgerLogin() {
-    this.setState({ isLedgerLogin: false });
+    Piwik.trackingEvent('HwWallet', 'button', 'Cancel Ledger');
+    this.props.history.push(`${routes.loginV2.path}`);
   }
 
   async ledgerLogin() { // eslint-disable-line max-statements
diff --git a/src/components/hwWallet/index.js b/src/components/hwWallet/index.js
index 19ea19f303..e84ca78f3f 100644
--- a/src/components/hwWallet/index.js
+++ b/src/components/hwWallet/index.js
@@ -3,11 +3,13 @@ import { withRouter } from 'react-router';
 
 import { loadingStarted, loadingFinished } from '../../actions/loading';
 import { liskAPIClientSet } from '../../actions/peers';
+import networks from '../../constants/networks';
+
 import HwWallet from './hwWallet';
 
 const mapStateToProps = state => ({
-  network: state.settings.network,
-  liskAPIClient: state.peers && state.peers.liskAPIClient,
+  network: state.settings.network || networks.mainnet.code,
+  peers: state.peers,
 });
 
 const mapDispatchToProps = {
diff --git a/src/components/hwWallet/ledgerLogin.css b/src/components/hwWallet/ledgerLogin.css
index ec081b191c..594bc511a3 100644
--- a/src/components/hwWallet/ledgerLogin.css
+++ b/src/components/hwWallet/ledgerLogin.css
@@ -78,7 +78,7 @@
 @for $i from 1 to 4 {
   .cube-$i {
     animation: float 2000ms 0.5ms infinite ease-in;
-    animation-delay: calc($i * 0.2) s;
+    animation-delay: calc($i * 0.2)s;
     z-index: calc(5 - $i);
     position: absolute;
 
diff --git a/src/components/hwWallet/ledgerLogin.js b/src/components/hwWallet/ledgerLogin.js
index fbdc9403fa..0fe7113223 100644
--- a/src/components/hwWallet/ledgerLogin.js
+++ b/src/components/hwWallet/ledgerLogin.js
@@ -4,6 +4,7 @@ import AccountCard from './accountCard';
 import AddAccountCard from './addAccountCard';
 import { FontIcon } from '../fontIcon';
 import routes from '../../constants/routes';
+import Piwik from '../../utils/piwik';
 
 import cubeImage from '../../assets/images/dark-blue-cube.svg';
 import styles from './ledgerLogin.css';
@@ -36,7 +37,14 @@ class LedgerLogin extends React.Component {
     }, 2000);
   }
 
+  componentDidUpdate() {
+    if (this.props.account && this.props.account.address) {
+      this.props.history.replace(routes.dashboard.path);
+    }
+  }
+
   selectAccount(ledgerAccount, index) {
+    Piwik.trackingEvent('LedgerLogin', 'button', 'Select account');
     // set active peer
     this.props.liskAPIClientSet({
       publicKey: ledgerAccount.publicKey,
@@ -46,10 +54,10 @@ class LedgerLogin extends React.Component {
         derivationIndex: index,
       },
     });
-    this.props.history.replace(routes.dashboard.path);
   }
 
   async addAccount() {
+    Piwik.trackingEvent('LedgerLogin', 'button', 'Add account');
     if (this.state.hwAccounts[this.state.hwAccounts.length - 1].isInitialized) {
       const output = await displayAccounts({
         liskAPIClient: this.props.liskAPIClient,
@@ -67,21 +75,23 @@ class LedgerLogin extends React.Component {
   }
 
   turnOnEditMode() {
+    Piwik.trackingEvent('LedgerLogin', 'button', 'Turn on edit mode');
     this.setState({ isEditMode: true });
   }
 
   saveAccountNames() {
+    Piwik.trackingEvent('LedgerLogin', 'button', 'Save account names');
     this.props.settingsUpdated({
       hardwareAccounts: this.state.hardwareAccountsName,
     });
     this.setState({ isEditMode: !this.state.isEditMode });
   }
 
-  changeAccountNameInput(value, account) {
+  changeAccountNameInput(value = '', account) {
     const newHardwareAccountsName = Object.assign(
       {},
       this.state.hardwareAccountsName,
-      { [account]: value },
+      { [account]: value.length < 20 ? value : value.substr(0, 20) },
     );
     this.setState({ hardwareAccountsName: newHardwareAccountsName });
   }
@@ -117,6 +127,7 @@ class LedgerLogin extends React.Component {
                     key={`accountCard-${index}`}
                     index={index}
                     account={account}
+                    saveAccountNames={this.saveAccountNames.bind(this)}
                     changeInput={this.changeAccountNameInput.bind(this)}
                     onClickHandler={this.selectAccount.bind(this)} />
                 ))}
diff --git a/src/components/hwWallet/ledgerLogin.test.js b/src/components/hwWallet/ledgerLogin.test.js
index 77c54fb0a8..9dbf72b9b2 100644
--- a/src/components/hwWallet/ledgerLogin.test.js
+++ b/src/components/hwWallet/ledgerLogin.test.js
@@ -38,6 +38,7 @@ describe('LedgerLogin', () => {
       loginType: loginType.ledger,
       settings: {},
       t: () => {},
+      history: { replace: () => {}, push: spy() },
     };
 
     wrapper = mount(<LedgerLogin {...props} />, { storeState: store });
@@ -86,7 +87,7 @@ describe('LedgerLogin', () => {
     wrapper.find('AccountCard').props().changeInput();
     expect(wrapper.state().hardwareAccountsName).to.eql({
       '123L': 'test',
-      undefined,
+      undefined: '',
     });
   });
 
diff --git a/src/components/login/login.css b/src/components/login/login.css
index b7ce93b2fc..ca6b9735da 100644
--- a/src/components/login/login.css
+++ b/src/components/login/login.css
@@ -19,7 +19,24 @@
 
 .hardwareWalletLink {
   cursor: pointer;
-  text-decoration: underline;
+  color: var(--color-primary-standard);
+  margin-left: 10px;
+  font-weight: 600;
+}
+
+.feedback {
+  margin-top: 10px;
+}
+
+.link {
+  color: var(--color-primary-standard);
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.ledgerRow {
+  display: flex;
+  justify-content: space-between;
 }
 
 .login {
diff --git a/src/components/login/login.js b/src/components/login/login.js
index f0232ab76c..e5dce66206 100644
--- a/src/components/login/login.js
+++ b/src/components/login/login.js
@@ -13,6 +13,7 @@ import PassphraseInput from '../passphraseInput';
 import styles from './login.css';
 import networks from '../../constants/networks';
 import routes from '../../constants/routes';
+import feedbackLinks from '../../constants/feedbackLinks';
 import getNetwork from '../../utils/getNetwork';
 import { parseSearchParams } from './../../utils/searchParams';
 import Box from '../box';
@@ -20,6 +21,7 @@ import Box from '../box';
 import SignUp from './signUp';
 import { validateUrl, addHttp, getAutoLogInData, findMatchingLoginNetwork } from '../../utils/login';
 import { FontIcon } from '../fontIcon';
+import Piwik from '../../utils/piwik';
 
 /**
  * The container component containing login
@@ -108,6 +110,7 @@ class Login extends React.Component {
   }
 
   onLoginSubmission(passphrase) {
+    Piwik.trackingEvent('Login', 'button', 'Login submission');
     const network = this.getNetwork(this.state.network);
     this.secondIteration = true;
     if (this.alreadyLoggedWithThisAddress(extractAddress(passphrase), network)) {
@@ -166,19 +169,21 @@ class Login extends React.Component {
     return showNetworkParam === 'true' || (showNetwork && showNetworkParam !== 'false');
   }
 
-  validateCorrectNode() {
+  validateCorrectNode(nextPath) {
     const { address } = this.state;
     const nodeURL = address !== '' ? addHttp(address) : address;
-
     if (this.state.network === networks.customNode.code) {
       const liskAPIClient = new Lisk.APIClient([nodeURL], {});
       liskAPIClient.node.getConstants()
         .then((res) => {
           if (res.data) {
             this.props.liskAPIClientSet({
-              network: this.getNetwork(this.state.network),
+              network: {
+                ...this.getNetwork(this.state.network),
+                address: nodeURL,
+              },
             });
-            this.props.history.push(routes.register.path);
+            this.props.history.push(nextPath);
           } else {
             throw new Error();
           }
@@ -188,7 +193,7 @@ class Login extends React.Component {
     } else {
       const network = this.getNetwork(this.state.network);
       this.props.liskAPIClientSet({ network });
-      this.props.history.push(routes.register.path);
+      this.props.history.push(nextPath);
     }
   }
 
@@ -235,13 +240,30 @@ class Login extends React.Component {
                   error={this.state.passphraseValidity}
                   value={this.state.passphrase}
                   onChange={this.changeHandler.bind(this, 'passphrase')} />
-                {localStorage.getItem('ledger') ?
-                  <div className={`${styles.hardwareWalletLink} hardwareWalletLink`} onClick={() => {
-                    this.props.history.replace(routes.hwWallet.path);
-                  }}>
-                    Ledger Nano S
-                    <FontIcon className={styles.singUpArrow} value='arrow-right' />
-                  </div> : null}
+                {this.props.settings && this.props.settings.isHarwareWalletConnected ?
+                  <div>
+                    <div className={styles.ledgerRow}>
+                      <div>
+                        <FontIcon className={styles.singUpArrow} value='usb-stick' />
+                        {this.props.t('Hardware wallet login (beta):')}
+                      </div>
+                      <div className={`${styles.hardwareWalletLink} hardwareWalletLink`}
+                        onClick={this.validateCorrectNode.bind(this, routes.hwWallet.path)}>
+                        Ledger Nano S
+                        <FontIcon className={styles.singUpArrow} value='arrow-right' />
+                      </div>
+                    </div>
+                    <div className={styles.feedback}>
+                      <a
+                        className={styles.link}
+                        target='_blank'
+                        href={feedbackLinks.ledger}
+                        rel='noopener noreferrer'>
+                        {this.props.t('Give feedback about this feature')}
+                        <FontIcon className={styles.singUpArrow} value='external-link' />
+                      </a>
+                    </div>
+                  </div> : null }
                 <footer className={ `${grid.row} ${grid['center-xs']}` }>
                   <div className={grid['col-xs-12']}>
                     <PrimaryButton label={this.props.t('Log in')}
@@ -259,7 +281,7 @@ class Login extends React.Component {
         <SignUp
           t={this.props.t}
           passInputState={this.state.passInputState}
-          validateCorrectNode={this.validateCorrectNode.bind(this)}/>
+          validateCorrectNode={this.validateCorrectNode.bind(this, routes.register.path)}/>
       </Box>
     );
   }
diff --git a/src/components/loginV2/index.js b/src/components/loginV2/index.js
new file mode 100644
index 0000000000..5ec0262f5f
--- /dev/null
+++ b/src/components/loginV2/index.js
@@ -0,0 +1,34 @@
+/* istanbul ignore file */
+import { connect } from 'react-redux';
+import { setDefaults, translate } from 'react-i18next';
+import LoginV2 from './loginV2';
+import { liskAPIClientSet } from '../../actions/peers';
+import { errorToastDisplayed } from '../../actions/toaster';
+import { settingsUpdated } from '../../actions/settings';
+
+setDefaults({
+  wait: true,
+  withRef: false,
+  bindI18n: 'languageChanged loaded',
+  bindStore: 'added removed',
+  nsMode: 'default',
+  translateFuncName: 't',
+});
+
+const mapStateToProps = state => ({
+  account: state.account,
+  peers: state.peers,
+  settings: state.settings,
+  liskAPIClient: state.peers && state.peers.liskAPIClient,
+});
+
+const mapDispatchToProps = {
+  liskAPIClientSet,
+  settingsUpdated,
+  errorToastDisplayed,
+};
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(translate()(LoginV2));
diff --git a/src/components/loginV2/loginV2.css b/src/components/loginV2/loginV2.css
new file mode 100644
index 0000000000..bffe0331e1
--- /dev/null
+++ b/src/components/loginV2/loginV2.css
@@ -0,0 +1,226 @@
+@import './../app/variablesV2.css';
+
+:root {
+  --login-title-font-size: 24px;
+}
+
+.login {
+  align-items: center;
+  display: flex;
+  margin: 0;
+  min-height: 100%;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+}
+
+.wrapper {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  padding: 20px 24px;
+
+  & form {
+    width: 100%;
+  }
+
+  & .button {
+    margin-top: 12px;
+    width: 100%;
+
+    & > button {
+      width: 100%;
+    }
+  }
+}
+
+.titleHolder {
+  color: var(--color-content);
+  font-family: var(--heading-font);
+  text-align: center;
+
+  & > h1 {
+    display: flex;
+    font-size: var(--login-title-font-size);
+    font-weight: var(--font-weight-bold);
+    justify-content: center;
+    letter-spacing: 0.1px;
+    line-height: 50px;
+    margin: 0;
+
+    & > img {
+      margin-right: 16px;
+    }
+  }
+
+  & > p {
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    margin: 0;
+  }
+}
+
+.buttonsHolder {
+  justify-content: center;
+  width: 100%;
+
+  & .icon {
+    font-size: var(--paragraph-font-size-s);
+    font-weight: bold;
+  }
+}
+
+.inputsHolder {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  margin: 60px 0 70px;
+  width: 100%;
+
+  & .customNode {
+    max-height: 0;
+    overflow: hidden;
+    transform: scale(0);
+    transform-origin: top center;
+    transition:
+      max-height var(--animation-speed-fast) linear,
+      transform var(--animation-speed-fast) linear;
+    width: 100%;
+
+    &.showInput {
+      max-height: 150px;
+      overflow: initial;
+      transform: scale(1);
+    }
+  }
+
+  & .inputLabel {
+    align-items: center;
+    color: var(--color-content-light);
+    display: flex;
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    font-weight: var(--font-weight-semi-bold);
+    line-height: 1.47;
+    margin: 0;
+  }
+
+  & input {
+    background-color: var(--color-white);
+    border: 1px solid var(--color-dark-gray);
+    border-radius: var(--border-radius-standard);
+    box-sizing: border-box;
+    color: var(--color-content-light);
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    font-weight: var(--font-weight-semi-bold);
+    height: 46px;
+    line-height: 1.47;
+    padding: 8px 16px;
+    text-align: left;
+    transition:
+      border var(--animation-speed-fast) linear,
+      color var(--animation-speed-fast) linear,
+      outline var(--animation-speed-fast) linear;
+    width: 100%;
+
+    &:global(.error) {
+      border-color: var(--color-error);
+      color: var(--color-error);
+      outline-color: var(--color-error);
+      outline-style: auto;
+      outline-width: 5px;
+      outline-offset: -2px;
+    }
+
+    &:focus {
+      border-color: var(--color-primary-standard);
+      outline-color: var(--color-primary-standard);
+      outline-style: auto;
+      outline-width: 5px;
+      outline-offset: -2px;
+    }
+
+    &::placeholder {
+      color: var(--color-content-lighter);
+    }
+  }
+
+  & .addressInput {
+    margin: 8px 0;
+    width: 100%;
+
+    & input {
+      margin: 16px 0;
+    }
+
+    & .errorMessage {
+      color: var(--color-error);
+      display: block;
+      font-family: var(--content-font);
+      font-size: var(--paragraph-font-size-l);
+      font-weight: var(--font-weight-semi-bold);
+      line-height: 1.47;
+      min-height: 22px;
+      opacity: 0;
+      text-align: right;
+      transition: opacity var(--animation-speed-fast) linear;
+      width: 100%;
+
+      &.showError {
+        opacity: 1;
+      }
+    }
+  }
+}
+
+.hardwareHolder {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-top: 0;
+  max-height: 0;
+  transform: scale(0);
+  transform-origin: left center;
+  transition:
+    margin var(--animation-speed-fast) linear,
+    max-height var(--animation-speed-fast) linear,
+    transform var(--animation-speed-fast) linear;
+  width: 100%;
+
+  &.show {
+    margin-top: 40px;
+    max-height: 72px;
+    transform: scale(1);
+  }
+
+  & .label {
+    color: var(--color-content-light);
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    font-weight: var(--font-weight-semi-bold);
+    height: 22px;
+    line-height: 1.47;
+    margin-bottom: 8px;
+  }
+}
+
+.link {
+  color: var(--color-link);
+  cursor: pointer;
+  display: inline-block;
+  font-family: var(--heading-font);
+  font-size: var(--paragraph-font-size-l);
+  font-weight: var(--font-weight-bold);
+  line-height: 1.47;
+  margin-bottom: 20px;
+  text-align: center;
+  text-decoration: underline;
+}
+
+.tooltip {
+  & :global(.tooltip-window) {
+    max-width: 464px;
+  }
+}
diff --git a/src/components/loginV2/loginV2.js b/src/components/loginV2/loginV2.js
new file mode 100644
index 0000000000..dd3cecbe00
--- /dev/null
+++ b/src/components/loginV2/loginV2.js
@@ -0,0 +1,308 @@
+// eslint-disable-line
+import React from 'react';
+import i18next from 'i18next';
+import Lisk from 'lisk-elements';
+
+import { translate } from 'react-i18next';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
+import { Link } from 'react-router-dom';
+import routes from '../../constants/routes';
+import { FontIcon } from '../fontIcon';
+import { parseSearchParams } from './../../utils/searchParams';
+import { extractAddress } from '../../utils/account';
+import { validateUrl, addHttp, getAutoLogInData, findMatchingLoginNetwork } from '../../utils/login';
+import getNetwork from '../../utils/getNetwork';
+import networks from '../../constants/networks';
+import { PrimaryButtonV2, SecondaryButtonV2 } from '../toolbox/buttons/button';
+import links from '../../constants/externalLinks';
+import feedbackLinks from '../../constants/feedbackLinks';
+import Tooltip from '../toolbox/tooltip/tooltip';
+import HeaderV2 from '../headerV2/headerV2';
+import PassphraseInputV2 from '../passphraseInputV2/passphraseInputV2';
+import lock from '../../assets/images/icons-v2/lock.svg';
+import styles from './loginV2.css';
+import Piwik from '../../utils/piwik';
+
+class LoginV2 extends React.Component {
+  constructor() { // eslint-disable-line max-statements
+    super();
+    const { liskCoreUrl } = getAutoLogInData();
+    let loginNetwork = findMatchingLoginNetwork();
+    let address = '';
+
+    if (loginNetwork) {
+      loginNetwork = loginNetwork.slice(-1).shift();
+    } else if (!loginNetwork) {
+      loginNetwork = liskCoreUrl ? networks.customNode : networks.default;
+      address = liskCoreUrl;
+    }
+
+    this.state = {
+      isValid: false,
+      passphrase: '',
+      network: loginNetwork.code,
+      address,
+    };
+
+    this.secondIteration = false;
+
+    this.getNetworksList();
+
+    this.checkPassphrase = this.checkPassphrase.bind(this);
+    this.changeNetwork = this.changeNetwork.bind(this);
+    this.changeAddress = this.changeAddress.bind(this);
+    this.onFormSubmit = this.onFormSubmit.bind(this);
+    this.onLoginSubmission = this.onLoginSubmission.bind(this);
+    this.validateCorrectNode = this.validateCorrectNode.bind(this);
+  }
+
+  componentDidMount() {
+    i18next.on('languageChanged', this.getNetworksList);
+  }
+
+  componentDidUpdate(prevProps) {
+    const params = parseSearchParams(prevProps.history.location.search);
+    const showNetworkParam = params.showNetwork
+      || params.shownetwork
+      || (this.props.settings && this.props.settings.showNetwork);
+
+    if (this.props.account &&
+      this.props.account.address && (showNetworkParam !== 'true' || this.secondIteration) &&
+      !this.alreadyLoggedWithThisAddress(prevProps.account.address, prevProps.peers.options)) {
+      this.redirectToReferrer();
+    }
+  }
+
+  getReferrerRoute() {
+    const search = parseSearchParams(this.props.history.location.search);
+    const dashboardRoute = `${routes.dashboard.path}`;
+    const referrerRoute = search.referrer ? search.referrer : dashboardRoute;
+    return referrerRoute;
+  }
+
+  redirectToReferrer() {
+    const tem = this.getReferrerRoute();
+    this.props.history.replace(tem);
+  }
+
+  alreadyLoggedWithThisAddress(address, network) {
+    return this.props.account &&
+      this.props.peers.options &&
+      this.props.account.address === address &&
+      this.props.peers.options.code === network.code &&
+      this.props.peers.options.address === network.address;
+  }
+
+  getNetworksList() {
+    this.networks = Object.keys(networks)
+      .filter(network => network !== 'default')
+      .map((network, index) => ({
+        label: i18next.t(networks[network].name),
+        value: index,
+      }));
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  showNetworkOptions() {
+    const showNetwork = this.props.settings && this.props.settings.showNetwork;
+    const params = parseSearchParams(this.props.history.location.search);
+    const showNetworkParam = params.showNetwork || params.shownetwork;
+
+    return showNetworkParam === 'true' || (showNetwork && showNetworkParam !== 'false');
+  }
+
+  checkPassphrase(passphrase, validationError) {
+    this.setState({
+      passphrase,
+      isValid: !validationError,
+    });
+  }
+
+  changeAddress({ target }) {
+    const address = target.value;
+    this.setState({
+      address,
+      ...validateUrl(address),
+    });
+  }
+
+  changeNetwork(network) {
+    this.setState({ network });
+    this.props.settingsUpdated({ network });
+  }
+
+  getNetwork(chosenNetwork) {
+    const network = { ...getNetwork(chosenNetwork) };
+    if (chosenNetwork === networks.customNode.code) {
+      network.address = addHttp(this.state.address);
+    }
+    return network;
+  }
+
+  onFormSubmit(e) {
+    e.preventDefault();
+    this.onLoginSubmission(this.state.passphrase);
+  }
+
+  onLoginSubmission(passphrase) {
+    Piwik.trackingEvent('Login V2', 'button', 'Login submission');
+    const network = this.getNetwork(this.state.network);
+    this.secondIteration = true;
+    if (this.alreadyLoggedWithThisAddress(extractAddress(passphrase), network)) {
+      this.redirectToReferrer();
+    } else {
+      this.props.liskAPIClientSet({
+        passphrase,
+        network,
+      });
+    }
+  }
+
+  validateCorrectNode(nextPath) {
+    const { address } = this.state;
+    const nodeURL = address !== '' ? addHttp(address) : address;
+    if (this.state.network === networks.customNode.code) {
+      const liskAPIClient = new Lisk.APIClient([nodeURL], {});
+      liskAPIClient.node.getConstants()
+        .then((res) => {
+          if (res.data) {
+            this.props.liskAPIClientSet({
+              network: {
+                ...this.getNetwork(this.state.network),
+                address: nodeURL,
+              },
+            });
+            this.props.history.push(nextPath);
+          } else {
+            throw new Error();
+          }
+        }).catch(() => {
+          this.props.errorToastDisplayed({ label: i18next.t('Unable to connect to the node') });
+        });
+    } else {
+      const network = this.getNetwork(this.state.network);
+      this.props.liskAPIClientSet({ network });
+      this.props.history.push(nextPath);
+    }
+  }
+
+  render() {
+    const { t } = this.props;
+    return (
+      <React.Fragment>
+        <HeaderV2
+          networkList={this.networks}
+          selectedNetwork={this.state.network}
+          handleNetworkSelect={this.changeNetwork}
+          showSettings={true}
+          showNetwork={this.showNetworkOptions()} />
+        <div className={`${styles.login} ${grid.row}`}>
+          <div
+            className={`${styles.wrapper} ${grid['col-xs-12']} ${grid['col-md-10']} ${grid['col-lg-8']}`}>
+
+            <div className={`${styles.titleHolder} ${grid['col-xs-10']}`}>
+              <h1>
+                <img src={lock} />
+                {t('Sign in with a Passphrase')}
+              </h1>
+              <p>
+                {t('New to Lisk? ')}
+                <Link className={`${styles.link}`}
+                  to={routes.registration.path}>
+                  {t('Create an Account')}
+                </Link>
+              </p>
+            </div>
+
+            <form onSubmit={this.onFormSubmit}>
+
+              <div className={`${styles.inputsHolder}`}>
+                <div className={`${styles.customNode} ${this.state.network === networks.customNode.code ? styles.showInput : ''}`}>
+                  <h2 className={`${styles.inputLabel}`}>{t('Enter IP or domain address of the node')}</h2>
+                  <div className={`${styles.addressInput}`}>
+                    <input
+                      className={`${this.state.addressValidity ? 'error' : ''}`}
+                      type="url"
+                      value={this.state.address}
+                      onChange={this.changeAddress} />
+                    <span className={`${styles.errorMessage} ${this.state.addressValidity ? styles.showError : ''}`}>
+                      { this.state.addressValidity }
+                    </span>
+                  </div>
+                </div>
+
+                <h2 className={`${styles.inputLabel}`}>
+                  {t('Type or insert your passphrase')}
+                  <Tooltip
+                    className={`${styles.tooltip}`}
+                    title={t('What is passphrase?')}
+                    footer={
+                      <a href={links.whatIsAnPassphrase}
+                        rel="noopener noreferrer"
+                        target="_blank">
+                          {t('Read More')}
+                      </a>}>
+                    <p>
+                      {t('Passphrase is both ')}
+                      <strong>{t('your login and passphrase ')}</strong>
+                      {t('combined. You saved your passphrase when registering your account.')}
+                    </p>
+                    <p>
+                      {t('You can use ')}
+                      <strong>{t('tab or space ')}</strong>
+                      {t('to go to the next field.')}
+                    </p>
+                  </Tooltip>
+                </h2>
+
+                <PassphraseInputV2
+                  inputsLength={12}
+                  onFill={this.checkPassphrase} />
+
+                  <div className={`${styles.hardwareHolder} ${(this.props.settings && this.props.settings.isHarwareWalletConnected) ? styles.show : ''}`}>
+                    <div className={`${styles.label}`}>
+                      {t('Hardware login (beta): ')}
+                      <span className={`${styles.link} hardwareWalletLink`}
+                        onClick={() => this.validateCorrectNode(routes.hwWallet.path)}>
+                        Ledger Nano S
+                      </span>
+                    </div>
+                    <a
+                      className={styles.link}
+                      target='_blank'
+                      href={feedbackLinks.ledger}
+                      rel='noopener noreferrer'>
+                      {t('Give feedback about this feature')}
+                    </a>
+                  </div>
+
+              </div>
+
+              <div className={`${styles.buttonsHolder} ${grid.row}`}>
+                <Link className={`${styles.button} ${grid['col-xs-4']}`} to={routes.splashscreen.path}>
+                  <SecondaryButtonV2>
+                    <FontIcon className={`${styles.icon}`}>arrow-left</FontIcon>
+                    {t('Go Back')}
+                  </SecondaryButtonV2>
+                </Link>
+                <span className={`${styles.button} ${grid['col-xs-4']}`}>
+                  <PrimaryButtonV2
+                    type='submit'
+                    disabled={(this.state.network === networks.customNode.code
+                      && !!this.state.addressValidity)
+                      || !this.state.isValid
+                      || this.state.passphrase === ''}>
+                    {t('Confirm')}
+                    <FontIcon className={`${styles.icon}`}>arrow-right</FontIcon>
+                  </PrimaryButtonV2>
+                </span>
+              </div>
+            </form>
+          </div>
+        </div>
+      </React.Fragment>
+    );
+  }
+}
+
+export default translate()(LoginV2);
diff --git a/src/components/loginV2/loginV2.test.js b/src/components/loginV2/loginV2.test.js
new file mode 100644
index 0000000000..fc23f70e40
--- /dev/null
+++ b/src/components/loginV2/loginV2.test.js
@@ -0,0 +1,160 @@
+import React from 'react';
+import { expect } from 'chai';
+import { spy, stub } from 'sinon';
+import { mount } from 'enzyme';
+import configureMockStore from 'redux-mock-store';
+import { MemoryRouter } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import i18n from '../../i18n';
+import LoginV2 from './loginV2';
+import accounts from '../../../test/constants/accounts';
+import routes from '../../constants/routes';
+
+describe('LoginV2', () => {
+  let wrapper;
+  const account = {
+    isDelegate: false,
+    address: '16313739661670634666L',
+    username: 'lisk-hub',
+  };
+  const peers = {
+    data: {},
+    options: {},
+  };
+  const store = configureMockStore([])({
+    peers,
+    account,
+    settings: {},
+  });
+  const history = {
+    location: {
+      pathname: '',
+      search: '',
+    },
+    push: spy(),
+    replace: spy(),
+  };
+
+  const props = {
+    peers,
+    account,
+    history,
+    accountsRetrieved: spy(),
+    t: data => data,
+    onAccountUpdated: () => {},
+    liskAPIClientSet: spy(),
+    settingsUpdated: spy(),
+  };
+
+  const options = {
+    context: {
+      store, history, i18n, router: { route: history, history },
+    },
+    childContextTypes: {
+      store: PropTypes.object.isRequired,
+      history: PropTypes.object.isRequired,
+      i18n: PropTypes.object.isRequired,
+      router: PropTypes.object.isRequired,
+    },
+    lifecycleExperimental: true,
+  };
+
+  const { passphrase } = accounts.genesis;
+  let localStorageStub;
+
+  beforeEach(() => {
+    localStorageStub = stub(localStorage, 'getItem');
+    localStorageStub.withArgs('showNetwork').returns(JSON.stringify(undefined));
+
+    wrapper = mount(<MemoryRouter><LoginV2 {...props}/></MemoryRouter>, options);
+  });
+
+  afterEach(() => {
+    history.location.search = '';
+    localStorageStub.restore();
+  });
+
+  describe('Generals', () => {
+    it('should show error about passphrase length if passphrase have wrong length', () => {
+      const expectedError = 'Passphrase should have 12 words, entered passphrase has 11';
+      const lastIndex = passphrase.lastIndexOf(' ');
+      wrapper.find('passphraseInputV2 input').first().simulate('change', { target: { value: passphrase.substring(0, lastIndex), dataset: { index: 0 } } });
+      expect(wrapper.find('passphraseInputV2 .errorMessage')).to.contain(expectedError);
+    });
+
+    it('Should show the address input when custom node is selected', () => {
+      history.location.search = '?showNetwork=true';
+      wrapper.setProps({ history });
+      wrapper.find('HeaderV2 .option').at(2).simulate('click');
+      expect(wrapper.find('.customNode')).to.have.className('showInput');
+    });
+
+    it('Should show error message and put error style on custom node input', () => {
+      const customNode = wrapper.find('.customNode');
+      history.location.search = '?showNetwork=true';
+      wrapper.setProps({ history });
+      wrapper.find('HeaderV2 .option').at(2).simulate('click');
+      expect(customNode.find('.errorMessage')).to.not.have.className('showError');
+      customNode.find('input').simulate('change', { target: { value: 'localhost' } });
+      expect(customNode.find('.errorMessage')).to.have.className('showError');
+      customNode.find('input').simulate('change', { target: { value: 'localhost:4000' } });
+      expect(customNode.find('.errorMessage')).to.not.have.className('showError');
+    });
+
+    it('Should show hardware login if hardware is connected and should go to hwWallet on click', () => {
+      wrapper.setProps({
+        children: React.cloneElement(wrapper.props().children, {
+          settings: { isHarwareWalletConnected: true },
+        }),
+      });
+      expect(wrapper).to.have.exactly(1).descendants('.hardwareHolder');
+      wrapper.find('.hardwareWalletLink').simulate('click');
+      expect(props.history.push).to.have.been.calledWith(`${routes.hwWallet.path}`);
+    });
+  });
+
+  describe('History management', () => {
+    it('calls this.props.history.replace(\'/dashboard\')', () => {
+      wrapper.setProps({
+        history,
+        children: React.cloneElement(wrapper.props().children, {
+          account: { address: 'dummy' },
+        }),
+      });
+      expect(props.history.replace).to.have.been.calledWith(`${routes.dashboard.path}`);
+    });
+
+    it('calls this.props.history.replace with referrer address', () => {
+      props.history.replace.reset();
+      history.location.search = `?referrer=${routes.delegates.path}`;
+      wrapper.setProps({
+        children: React.cloneElement(wrapper.props().children, {
+          history, account: { address: 'dummy' },
+        }),
+      });
+      expect(props.history.replace).to.have.been.calledWith(`${routes.delegates.path}`);
+    });
+
+    it('hides network options by default', () => {
+      props.history.replace.reset();
+      wrapper.setProps({ history });
+      expect(wrapper.find('HeaderV2')).to.not.have.prop('showNetwork');
+    });
+
+    it('shows network options when url param showNetwork is true', () => {
+      props.history.replace.reset();
+      history.location.search = '?showNetwork=true';
+      wrapper.setProps({ history });
+      expect(wrapper.find('HeaderV2')).to.have.prop('showNetwork');
+    });
+  });
+
+  describe('After submission', () => {
+    it('it should call liskAPIClientSet if not already logged with given passphrase', () => {
+      wrapper.find('passphraseInputV2 input').first().simulate('change', { target: { value: passphrase, dataset: { index: 0 } } });
+      wrapper.update();
+      wrapper.find('form').simulate('submit');
+      expect(props.liskAPIClientSet).to.have.been.calledWith();
+    });
+  });
+});
diff --git a/src/components/mainMenu/mainMenu.js b/src/components/mainMenu/mainMenu.js
index 6d6bea3936..56544c4061 100644
--- a/src/components/mainMenu/mainMenu.js
+++ b/src/components/mainMenu/mainMenu.js
@@ -10,6 +10,7 @@ import * as menuLogos from '../../assets/images/main-menu-icons/*.svg'; //eslint
 import { FontIcon } from '../fontIcon';
 import routes from '../../constants/routes';
 import feedbackLinks from '../../constants/feedbackLinks';
+import Piwik from '../../utils/piwik';
 
 const getIndex = (history, tabs) => {
   let index = -1;
@@ -44,6 +45,7 @@ class MainMenu extends React.Component {
   }
 
   menuToggle() {
+    Piwik.trackingEvent('MainMenu', 'link', 'Menu toggle');
     const setting = !this.state.active ? false : this.state.setting;
     this.setState({ active: !this.state.active, setting });
   }
diff --git a/src/components/newsFeed/newsFeed.css b/src/components/newsFeed/newsFeed.css
index 6959660e6c..b37abca79e 100644
--- a/src/components/newsFeed/newsFeed.css
+++ b/src/components/newsFeed/newsFeed.css
@@ -7,6 +7,7 @@
 
 .newsFeedBox {
   padding: 0;
+  height: auto;
 }
 
 .settingsButton {
@@ -40,8 +41,13 @@
 }
 
 .container {
+  min-height: 670px;
+  overflow: hidden;
+  height: 705px;
+
   & .newsWrapper {
     padding: 0 32px;
+    height: 182px;
   }
 
   & .newsWrapper:nth-child(odd) {
@@ -50,16 +56,44 @@
 }
 
 .newsFeed {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
   width: 100%;
+  height: 866px;
 }
 
 @media (--medium-viewport) {
+  .newsFeed {
+    width: 100%;
+    height: 748px;
+  }
+
   .liskLogo {
     display: none;
   }
 
   .newsFeedBox {
     height: auto;
-    margin-bottom: var(--footer-height-m);
+    min-height: 0;
   }
+
+  .container {
+    min-height: 500px;
+    height: 587px;
+
+    & .newsWrapper {
+      padding: 0 32px;
+      height: 147px;
+    }
+  }
+}
+
+.showMoreAlign {
+  margin-top: auto;
+  align-self: flex-end;
+}
+
+.showMore {
+  height: auto;
 }
diff --git a/src/components/newsFeed/newsFeed.js b/src/components/newsFeed/newsFeed.js
index f4222cb819..e68e9ff01d 100644
--- a/src/components/newsFeed/newsFeed.js
+++ b/src/components/newsFeed/newsFeed.js
@@ -5,22 +5,27 @@ import Box from '../box';
 import { FontIcon } from '../fontIcon';
 import SettingsNewsFeed from './settingsNewsFeed';
 import logo from '../../assets/images/Lisk-Logo.svg';
+import Piwik from '../../utils/piwik';
+import ShowMore from '../showMore';
 
 class NewsFeed extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
       showSettings: false,
+      showMore: false,
     };
 
     props.getNewsFeed();
   }
 
   openSettings() {
+    Piwik.trackingEvent('NewsFeed', 'button', 'Open settings');
     this.setState({ showSettings: true });
   }
 
   hideSettings() {
+    Piwik.trackingEvent('NewsFeed', 'button', 'Hide settings');
     this.setState({ showSettings: false });
   }
 
@@ -28,7 +33,11 @@ class NewsFeed extends React.Component {
     this.props.settingsUpdated(data);
   }
 
-  render() {
+  onShowMore() {
+    this.setState({ showMore: !this.state.showMore });
+  }
+
+  render() { // eslint-disable-line complexity
     const settingsButton = this.state.showSettings ?
       (<div className={`settingsButton ${styles.settingsButton}`} onClick={() => { this.hideSettings(); }}>
         <span>{this.props.t('Done')}</span>
@@ -37,43 +46,56 @@ class NewsFeed extends React.Component {
         <FontIcon className='online' value='edit' />
       </div>);
 
+    const onShowMore = this.state.showMore ? styles.showMore : '';
+
     const filteredNewsFeed =
       this.props.newsFeed.filter(feed => this.props.channels[feed.source]) || [];
 
     return (
       <Box className={`newsFeed-box ${styles.newsFeedBox}`}>
-        <div className={styles.newsFeed}>
+        <div className={`${styles.newsFeed} ${onShowMore}`}>
           <div className={styles.header}>
             <header className={styles.headerWrapper}>
               <h2>{this.props.t('News')}</h2>
             </header>
             {settingsButton}
           </div>
-          <div className={styles.container}>
-            {this.state.showSettings ?
+          <div className={`${styles.container} ${onShowMore}`}>
+            {
+              this.state.showSettings ?
               <SettingsNewsFeed
                 t={this.props.t}
                 channels={this.props.channels}
                 hideSettings={this.hideSettings.bind(this)}
                 setNewsChannels={this.setNewsChannels.bind(this)} /> :
               <div>
-                {filteredNewsFeed.length > 0 ? filteredNewsFeed.map((news, index) => (
-                  <div className={styles.newsWrapper} key={`newsWrapper-${index}`}>
-                    <News
-                      t={this.props.t}
-                      {...news} />
-                  </div>
-                )) : null}
-                {this.props.showNewsFeedEmptyState && filteredNewsFeed.length === 0 ?
-                  <div className={styles.emptyNews}>
+                {
+                  filteredNewsFeed.length > 0 &&
+                  filteredNewsFeed.map((news, index) =>
+                    <div className={styles.newsWrapper} key={`newsWrapper-${index}`}>
+                      <News
+                        t={this.props.t}
+                        {...news} />
+                    </div>)
+                }
+                {
+                  this.props.showNewsFeedEmptyState && filteredNewsFeed.length === 0 &&
+                  (<div className={styles.emptyNews}>
                     {this.props.t('No newsfeed chosen – click on edit in the top right corner to add a feed.')}
                     <img className={styles.liskLogo} src={logo} />
-                  </div> : null}
+                  </div>)
+                }
               </div>
             }
           </div>
-          <footer>
-          </footer>
+          {
+            filteredNewsFeed.length > 4 && !this.state.showSettings &&
+            <ShowMore
+              className={`${styles.showMoreAlign} show-more`}
+              onClick={() => this.onShowMore()}
+              text={this.state.showMore ? this.props.t('Show Less') : this.props.t('Show More')}
+            />
+          }
         </div>
       </Box>
     );
diff --git a/src/components/newsFeed/newsFeed.test.js b/src/components/newsFeed/newsFeed.test.js
index 727c2916f7..414b6f4d1c 100644
--- a/src/components/newsFeed/newsFeed.test.js
+++ b/src/components/newsFeed/newsFeed.test.js
@@ -26,12 +26,38 @@ describe('NewsFeed', () => {
     channels: { test: true },
     t,
     getNewsFeed: () => {},
-    newsFeed: [{
-      source: 'test',
-      content: '',
-      timestamp: '',
-      url: '',
-    }],
+    newsFeed: [
+      {
+        source: 'test',
+        content: '',
+        timestamp: '',
+        url: '',
+      },
+      {
+        source: 'test',
+        content: '',
+        timestamp: '',
+        url: '',
+      },
+      {
+        source: 'test',
+        content: '',
+        timestamp: '',
+        url: '',
+      },
+      {
+        source: 'test',
+        content: '',
+        timestamp: '',
+        url: '',
+      },
+      {
+        source: 'test',
+        content: '',
+        timestamp: '',
+        url: '',
+      },
+    ],
   };
   const timestampNow = 1483228800000;
   const newsFeed = [
@@ -47,6 +73,24 @@ describe('NewsFeed', () => {
       timestamp: new Date(),
       url: 'test',
     },
+    {
+      source: 'test3',
+      content: 'test',
+      timestamp: new Date(),
+      url: 'test',
+    },
+    {
+      source: 'test4',
+      content: 'test',
+      timestamp: new Date(),
+      url: 'test',
+    },
+    {
+      source: 'test5',
+      content: 'test',
+      timestamp: new Date(),
+      url: 'test',
+    },
   ];
 
   beforeEach(() => {
@@ -106,4 +150,18 @@ describe('NewsFeed', () => {
 
     expect(wrapper).to.have.descendants('.news-item');
   });
+
+  it('should render showMore button properly', () => {
+    const wrapper = mount(<MemoryRouter>
+      <NewsFeed {...props} />
+    </MemoryRouter>, options);
+    expect(wrapper.find('.show-more').exists()).to.equal(true);
+    expect(wrapper.find('.showMore').exists()).to.equal(false);
+    wrapper.find('.show-more').at(0).simulate('click');
+    wrapper.update();
+    expect(wrapper.find('.showMore').exists()).to.equal(true);
+    wrapper.find('.show-more').at(0).simulate('click');
+    wrapper.update();
+    expect(wrapper.find('.showMore').exists()).to.equal(false);
+  });
 });
diff --git a/src/components/onboarding/index.js b/src/components/onboarding/index.js
index 11fcd7ed09..1c310527c0 100644
--- a/src/components/onboarding/index.js
+++ b/src/components/onboarding/index.js
@@ -20,6 +20,8 @@ class Onboarding extends React.Component {
       skip: false,
       steps: [],
     };
+
+    this.resizeWindow = this.resizeWindow.bind(this);
   }
 
   componentWillReceiveProps(nextProps) {
@@ -30,7 +32,7 @@ class Onboarding extends React.Component {
   }
 
   componentDidMount() {
-    window.addEventListener('resize', throttle(this.resizeWindow.bind(this), 1000));
+    window.addEventListener('resize', throttle(this.resizeWindow, 1000));
 
     if (this.props.appLoaded) {
       this.addSteps(this.props.showDelegates);
@@ -38,7 +40,7 @@ class Onboarding extends React.Component {
   }
 
   componentWillUnmount() {
-    window.removeEventListener('resize', this.resizeWindow.bind(this));
+    window.removeEventListener('resize', this.resizeWindow);
   }
 
   resizeWindow() {
diff --git a/src/components/passphrase/ConfirmSecond/confirmSecond.js b/src/components/passphrase/ConfirmSecond/confirmSecond.js
index c528a6d47d..bb3b68a75b 100644
--- a/src/components/passphrase/ConfirmSecond/confirmSecond.js
+++ b/src/components/passphrase/ConfirmSecond/confirmSecond.js
@@ -10,6 +10,7 @@ import SliderCheckbox from '../../toolbox/sliderCheckbox';
 // eslint-disable-next-line import/no-named-as-default
 import PassphraseInput from '../../passphraseInput';
 import routes from '../../../constants/routes';
+import Piwik from '../../../utils/piwik';
 
 class ConfirmSecond extends React.Component {
   constructor() {
@@ -23,6 +24,7 @@ class ConfirmSecond extends React.Component {
       error: false,
     };
   }
+
   onChange(name, value, error) {
     const { publicKey } = this.props.account;
     if (!error && extractPublicKey(value) !== publicKey) {
@@ -35,19 +37,24 @@ class ConfirmSecond extends React.Component {
       },
     });
   }
+
   login() {
+    Piwik.trackingEvent('Passphrase_ConfirmSecond', 'button', 'Login');
     this.setState({
       step: 'confirm',
     });
   }
+
   componentDidMount() {
     if (this.props.account.passphrase) {
       this.setState({ step: 'confirm' });
     }
   }
+
   componentWillUnmount() {
     this.props.secondPassphraseRegisteredFailureReset();
   }
+
   componentWillReceiveProps(nextProps) {
     if (nextProps.account.secondPublicKey && !nextProps.error) {
       this.setState({ step: 'done' });
@@ -58,7 +65,15 @@ class ConfirmSecond extends React.Component {
       });
     }
   }
+
+  /* istanbul ignore next */
+  onRedirectToDashboard() {
+    Piwik.trackingEvent('Passphrase_ConfirmSecond', 'button', 'Redirect to dashboard');
+    this.props.history.push(`${routes.dashboard.path}`);
+  }
+
   confirm() {
+    Piwik.trackingEvent('Passphrase_ConfirmSecond', 'button', 'Confirm');
     const { finalCallback, account } = this.props;
     const passphrase = this.state.passphrase.value || account.passphrase;
     finalCallback(passphrase);
@@ -66,12 +81,14 @@ class ConfirmSecond extends React.Component {
       step: 'pending',
     });
   }
+
   redirectToFirstStep() {
+    Piwik.trackingEvent('Passphrase_ConfirmSecond', 'button', 'Redirect to first step');
     this.props.secondPassphraseRegisteredFailureReset();
     this.props.history.goBack();
   }
   render() {
-    const { hidden, t, history } = this.props;
+    const { hidden, t } = this.props;
     const status = hidden ? styles.hidden : '';
     const doneClass = (this.state.step === 'done' ||
       this.state.step === 'pending' ||
@@ -174,7 +191,7 @@ class ConfirmSecond extends React.Component {
           <Button
             label={this.props.t('Go back to Dashboard')}
             className={`${styles.resultButton} get-to-your-dashboard-button`}
-            onClick={() => history.push(`${routes.dashboard.path}`) }
+            onClick={() => this.onRedirectToDashboard()}
           />
         </TransitionWrapper>
       </div>}
diff --git a/src/components/passphrase/confirm/index.js b/src/components/passphrase/confirm/index.js
index 0140da922a..56e3917d12 100644
--- a/src/components/passphrase/confirm/index.js
+++ b/src/components/passphrase/confirm/index.js
@@ -7,6 +7,7 @@ import TransitionWrapper from '../../toolbox/transitionWrapper';
 import AccountVisual from '../../accountVisual';
 import SecondPassphraseSteps from '../ConfirmSecond';
 import Form from './form';
+import Piwik from '../../../utils/piwik';
 
 class Confirm extends React.Component {
   constructor() {
@@ -173,6 +174,7 @@ class Confirm extends React.Component {
   }
 
   selectFieldset(e) {
+    Piwik.trackingEvent('Passphrase_Confirm', 'button', 'Select fieldset');
     const selectedFieldset = parseInt(e.nativeEvent.target.getAttribute('field'), 10);
     this.setState({ selectedFieldset });
   }
@@ -186,6 +188,11 @@ class Confirm extends React.Component {
     return extractAddress(this.props.passphrase);
   }
 
+  onFinalCallback() {
+    Piwik.trackingEvent('Passphrase_Confirm', 'button', 'Final callback');
+    this.props.finalCallback(this.state.words.join(' '));
+  }
+
   render() {
     const {
       missing, words, wordOptions, step,
@@ -233,7 +240,7 @@ class Confirm extends React.Component {
                   disabled={this.state.step !== 'done'}
                   label={this.props.t('Get to your Dashboard')}
                   className={`${styles.button} get-to-your-dashboard-button`}
-                  onClick={() => this.props.finalCallback(words.join(' '))}
+                  onClick={() => this.onFinalCallback()}
                 />
               </div>
             </section>
diff --git a/src/components/passphrase/create/create.js b/src/components/passphrase/create/create.js
index 0b3fda6448..d282e080b7 100644
--- a/src/components/passphrase/create/create.js
+++ b/src/components/passphrase/create/create.js
@@ -5,6 +5,7 @@ import { PrimaryButton, Button } from '../../toolbox/buttons/button';
 import TransitionWrapper from '../../toolbox/transitionWrapper';
 import AccountVisual from '../../accountVisual';
 import Shapes from './shapes';
+import Piwik from '../../../utils/piwik';
 
 class CreateFirst extends React.Component {
   constructor() {
@@ -17,12 +18,22 @@ class CreateFirst extends React.Component {
   }
 
   showHint() {
+    Piwik.trackingEvent('Passphrase_CreateFirst', 'button', 'Show hint');
     this.setState({ showHint: !this.state.showHint });
   }
 
+  onNextStep() {
+    Piwik.trackingEvent('Passphrase_CreateFirst', 'button', 'Next step');
+    this.props.nextStep({
+      passphrase: this.props.passphrase,
+      header: this.props.t('Your passphrase is used to access your Lisk ID.'),
+      message: this.props.t('I am responsible for keeping my passphrase safe. No one can reset it, not even Lisk.'),
+    });
+  }
+
   render() {
     const {
-      t, percentage, address, hintTitle, step, nextStep, passphrase,
+      t, percentage, address, hintTitle, step,
     } = this.props;
     const modifyID = (id) => {
       const substring = id.slice(3, id.length - 1);
@@ -72,11 +83,7 @@ class CreateFirst extends React.Component {
               theme={styles}
               label={t('Get passphrase')}
               className="get-passphrase-button"
-              onClick={() => nextStep({
-                passphrase,
-                header: t('Your passphrase is used to access your Lisk ID.'),
-                message: t('I am responsible for keeping my passphrase safe. No one can reset it, not even Lisk.'),
-              })}
+              onClick={() => this.onNextStep()}
             />
           </Fragment>
           : ''}
diff --git a/src/components/passphrase/createSecond/create.js b/src/components/passphrase/createSecond/create.js
index 489073c166..7e4dc4dc51 100644
--- a/src/components/passphrase/createSecond/create.js
+++ b/src/components/passphrase/createSecond/create.js
@@ -6,6 +6,7 @@ import TransitionWrapper from '../../toolbox/transitionWrapper';
 import { PrimaryButton } from '../../toolbox/buttons/button';
 import { fromRawLsk } from '../../../utils/lsk';
 import fees from '../../../constants/fees';
+import Piwik from '../../../utils/piwik';
 
 class Create extends React.Component {
   constructor() {
@@ -14,6 +15,7 @@ class Create extends React.Component {
   }
 
   next() {
+    Piwik.trackingEvent('Passphrase_SecondPassphrase_Create', 'button', 'Next step');
     this.props.addEventListener();
     this.setState({ step: 'generate' });
   }
diff --git a/src/components/passphrase/safekeeping/index.js b/src/components/passphrase/safekeeping/index.js
index ed389ea284..0f790c8b32 100644
--- a/src/components/passphrase/safekeeping/index.js
+++ b/src/components/passphrase/safekeeping/index.js
@@ -4,6 +4,7 @@ import styles from './safekeeping.css';
 // eslint-disable-next-line import/no-named-as-default
 import SliderCheckbox from '../../toolbox/sliderCheckbox';
 import TransitionWrapper from '../../toolbox/transitionWrapper';
+import Piwik from '../../../utils/piwik';
 
 class Safekeeping extends React.Component {
   constructor() {
@@ -20,6 +21,7 @@ class Safekeeping extends React.Component {
   }
 
   next(e) {
+    Piwik.trackingEvent('SafeKeeping', 'button', 'Next step');
     clearTimeout(this.timeout);
     this.timeout = setTimeout(() => {
       if (e.value === 'introduction-step' && e.checked) {
@@ -30,7 +32,13 @@ class Safekeeping extends React.Component {
     }, 500);
   }
 
+  onPrevStep() {
+    Piwik.trackingEvent('SafeKeeping', 'button', 'Previous step');
+    this.props.prevStep({ jump: 2 });
+  }
+
   done() {
+    Piwik.trackingEvent('SafeKeeping', 'button', 'Done');
     this.setState({ step: 'done-step' });
     setTimeout(() => {
       this.props.nextStep({ passphrase: this.props.passphrase });
@@ -39,7 +47,7 @@ class Safekeeping extends React.Component {
 
   render() {
     const {
-      t, passphrase, prevStep, header, message,
+      t, passphrase, header, message,
     } = this.props;
 
     return (
@@ -109,7 +117,7 @@ class Safekeeping extends React.Component {
               secondaryButton={{
                 label: t('Back'),
                 className: `${styles.hidden} back-button`,
-                onClick: () => prevStep({ jump: 2 }),
+                onClick: this.onPrevStep.bind(this),
               }}
               primaryButton={{
                 disabled: this.state.step === 'done-step',
diff --git a/src/components/passphraseInput/index.js b/src/components/passphraseInput/index.js
index a941e5c897..191887a045 100644
--- a/src/components/passphraseInput/index.js
+++ b/src/components/passphraseInput/index.js
@@ -6,6 +6,7 @@ import ToolBoxInput from '../toolbox/inputs/toolBoxInput';
 import { isValidPassphrase, getPassphraseValidationErrors } from '../../utils/passphrase';
 import styles from './passphraseInput.css';
 import keyCodes from './../../constants/keyCodes';
+import Piwik from '../../utils/piwik';
 
 class PassphraseInput extends React.Component {
   constructor(props) {
@@ -60,6 +61,7 @@ class PassphraseInput extends React.Component {
   }
 
   toggleInputType() {
+    Piwik.trackingEvent('PassphraseInput', 'button', 'Toggle input type');
     this.setState({ inputType: this.state.inputType === 'password' ? 'text' : 'password' });
   }
 
@@ -75,6 +77,7 @@ class PassphraseInput extends React.Component {
   }
 
   setFocused() {
+    Piwik.trackingEvent('PassphraseInput', 'button', 'Set focused');
     if (this.props.onFocus) this.props.onFocus();
     this.setState({ isFocused: true });
   }
diff --git a/src/components/passphraseInputV2/passphraseInputV2.css b/src/components/passphraseInputV2/passphraseInputV2.css
new file mode 100644
index 0000000000..c9a2dd98e4
--- /dev/null
+++ b/src/components/passphraseInputV2/passphraseInputV2.css
@@ -0,0 +1,75 @@
+@import './../app/variablesV2.css';
+
+.inputs {
+  flex-wrap: wrap;
+  margin-top: 12px;
+
+  & > span {
+    margin: 12px 0;
+
+    & input {
+      text-align: center;
+    }
+  }
+}
+
+.errorMessage {
+  color: var(--color-error);
+  display: block;
+  font-family: var(--content-font);
+  font-size: var(--paragraph-font-size-l);
+  font-weight: var(--font-weight-semi-bold);
+  line-height: 1.47;
+  min-height: 22px;
+  opacity: 0;
+  text-align: right;
+  transition: opacity var(--animation-speed-fast) linear;
+  width: 100%;
+
+  &.showError {
+    opacity: 1;
+  }
+}
+
+.showPassphrase {
+  display: flex;
+
+  & > input {
+    display: none;
+
+    &:checked + .fakeCheckbox {
+      background-color: var(--color-primary-standard);
+      border-color: var(--color-primary-standard);
+    }
+  }
+
+  & .fakeCheckbox {
+    align-items: center;
+    background-color: var(--color-white);
+    border: 1px solid var(--color-dark-gray);
+    border-radius: var(--border-radius-standard);
+    box-sizing: border-box;
+    color: var(--color-white);
+    display: flex;
+    justify-content: center;
+    height: 24px;
+    transition:
+      background var(--animation-speed-fast) linear,
+      border var(--animation-speed-fast) linear,
+      color var(--animation-speed-fast) linear;
+    width: 24px;
+
+    & > .icon {
+      font-size: var(--paragraph-font-size-s);
+    }
+  }
+
+  & .label {
+    color: var(--color-content-light);
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    font-weight: var(--font-weight-semi-bold);
+    line-height: 1.47;
+    margin-left: 8px;
+  }
+}
diff --git a/src/components/passphraseInputV2/passphraseInputV2.js b/src/components/passphraseInputV2/passphraseInputV2.js
new file mode 100644
index 0000000000..814d058a6d
--- /dev/null
+++ b/src/components/passphraseInputV2/passphraseInputV2.js
@@ -0,0 +1,139 @@
+import React from 'react';
+import { translate } from 'react-i18next';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
+import { FontIcon } from '../fontIcon';
+import { isValidPassphrase, getPassphraseValidationErrors } from '../../utils/passphrase';
+import keyCodes from './../../constants/keyCodes';
+import styles from './passphraseInputV2.css';
+
+class passphraseInputV2 extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      showPassphrase: false,
+      partialPassphraseError: [],
+      values: [],
+      focus: 0,
+      validationError: '',
+      passphraseIsInvalid: false,
+    };
+
+    this.handleToggleShowPassphrase = this.handleToggleShowPassphrase.bind(this);
+    this.setFocusedField = this.setFocusedField.bind(this);
+    this.removeFocusedField = this.removeFocusedField.bind(this);
+    this.handleValueChange = this.handleValueChange.bind(this);
+    this.keyAction = this.keyAction.bind(this);
+  }
+
+  keyAction(event) {
+    let { focus } = this.state;
+    const index = parseInt(event.target.dataset.index, 10);
+    const value = this.state.values[focus];
+    if (event.which === keyCodes.space || event.which === keyCodes.arrowRight) {
+      focus = index + 1 > this.props.inputsLength - 1 ? index : index + 1;
+      event.preventDefault();
+    }
+    if ((event.which === keyCodes.delete && !value) || event.which === keyCodes.arrowLeft) {
+      focus = index - 1 < 0 ? index : index - 1;
+    }
+    this.setState({ focus });
+  }
+
+  // eslint-disable-next-line max-statements
+  handleValueChange({ target }) {
+    let { values, focus } = this.state;
+    const index = target.dataset.index;
+    const insertedValue = target.value.trim().replace(/\W+/g, ' ');
+    const insertedValueAsArray = insertedValue.split(' ');
+
+    values[index] = insertedValue;
+    focus = index;
+
+    if (insertedValueAsArray.length > 1) {
+      values = insertedValueAsArray;
+      focus = insertedValueAsArray.length - 1;
+    }
+
+    let errorState = { validationError: '', partialPassphraseError: [], passphraseIsInvalid: false };
+    const passphrase = values.join(' ');
+    if (!isValidPassphrase(passphrase)) {
+      errorState = getPassphraseValidationErrors(passphrase);
+      errorState.passphraseIsInvalid = errorState.validationError === this.props.t('Passphrase is not valid');
+    }
+
+    if (!passphrase.trim().length) {
+      errorState = {
+        ...errorState,
+        passphraseIsInvalid: true,
+        validationError: this.props.t('Required'),
+      };
+    }
+
+    this.setState({
+      values,
+      focus,
+      ...errorState,
+    });
+
+    this.props.onFill(passphrase, errorState.validationError);
+  }
+
+  removeFocusedField() {
+    this.setState({ focus: null });
+  }
+
+  setFocusedField({ target }) {
+    const focus = parseInt(target.dataset.index, 10);
+    this.setState({ focus });
+  }
+
+  handleToggleShowPassphrase() {
+    const showPassphrase = !this.state.showPassphrase;
+    this.setState({ showPassphrase });
+  }
+
+  render() {
+    const { t, inputsLength } = this.props;
+    const { values } = this.state;
+
+    return (
+      <React.Fragment>
+        <div className={`${styles.inputs} ${grid.row}`}>
+          {[...Array(inputsLength)].map((x, i) => (
+            <span key={i} className={`${grid['col-xs-2']}`}>
+              <input
+                ref={ref => ref !== null && this.state.focus === i && ref.focus() }
+                placeholder={this.state.focus === i ? '' : i + 1 }
+                className={`${this.state.partialPassphraseError[i] || this.state.passphraseIsInvalid ? 'error' : ''} ${this.state.focus === i ? 'selected' : ''}`}
+                value={values[i] || ''}
+                type={this.state.showPassphrase ? 'text' : 'password'}
+                autoComplete='off'
+                onBlur={this.removeFocusedField}
+                onFocus={this.setFocusedField}
+                onChange={this.handleValueChange}
+                onKeyDown={this.keyAction}
+                data-index={i}
+              />
+            </span>
+          ))}
+        </div>
+
+        <span className={`${styles.errorMessage} ${this.state.validationError ? styles.showError : ''}`}>
+          { this.state.validationError }
+        </span>
+
+        <label className={`${styles.showPassphrase}`}>
+          <input checked={this.state.showPassphrase}
+            type='checkbox' onChange={this.handleToggleShowPassphrase}/>
+          <span className={`${styles.fakeCheckbox}`}>
+            <FontIcon className={`${styles.icon}`}>checkmark</FontIcon>
+          </span>
+          <span className={`${styles.label}`}>{t('Show passphrase')}</span>
+        </label>
+      </React.Fragment>
+    );
+  }
+}
+
+export default translate()(passphraseInputV2);
diff --git a/src/components/passphraseInputV2/passphraseInputV2.test.js b/src/components/passphraseInputV2/passphraseInputV2.test.js
new file mode 100644
index 0000000000..c1ed079f3e
--- /dev/null
+++ b/src/components/passphraseInputV2/passphraseInputV2.test.js
@@ -0,0 +1,136 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { spy } from 'sinon';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import i18n from '../../i18n';
+import PassphraseInputV2 from './passphraseInputV2';
+import keyCodes from '../../constants/keyCodes';
+import accounts from '../../../test/constants/accounts';
+
+describe('V2 passphraseInput validations, rendering and functionalities', () => {
+  let wrapper;
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  const props = {
+    onFill: spy(),
+    inputsLength: 12,
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<PassphraseInputV2 {...props}/>, options);
+  });
+
+  it('Should render as many input as the amount passed to prop inputsLength', () => {
+    expect(wrapper.find('.inputs')).to.have.exactly(props.inputsLength).descendants('input');
+  });
+
+  it('Should be able to toggle show/hide password', () => {
+    expect(wrapper.find('input').first()).to.have.prop('type', 'password');
+    wrapper.find('.showPassphrase input').simulate('change');
+    expect(wrapper.find('input').first()).to.have.prop('type', 'text');
+    wrapper.find('.showPassphrase input').simulate('change');
+    expect(wrapper.find('input').first()).to.have.prop('type', 'password');
+  });
+
+  it('Should call props.onFill with passphrase and empty error if passphrase is valid', () => {
+    const { passphrase } = accounts.genesis;
+    wrapper.find('input').first().simulate('change', { target: { value: passphrase, dataset: { index: 0 } } });
+    expect(wrapper.props().onFill).to.have.been.calledWith(passphrase, '');
+  });
+
+  it('Should call props.onFill with error="Required" if an empty passphrase is entered', () => {
+    const passphrase = '';
+    wrapper.find('input').first().simulate('change', { target: { value: passphrase, dataset: { index: 0 } } });
+    expect(wrapper.props().onFill).to.have.been.calledWith(passphrase, 'Required');
+  });
+
+  const ONLY_ONE_WORD_ERROR = 'Passphrase should have 12 words, entered passphrase has 1';
+  it(`should call props.onFill with error="${ONLY_ONE_WORD_ERROR}" if an "test" passphrase is entered`, () => {
+    const passphrase = 'test';
+    wrapper.find('input').first().simulate('change', { target: { value: passphrase, dataset: { index: 0 } } });
+    wrapper.setProps({ value: passphrase });
+    expect(wrapper.props().onFill).to.have.been.calledWith(passphrase, ONLY_ONE_WORD_ERROR);
+  });
+
+  const NOT_VALID_ERROR = 'Passphrase is not valid';
+  it(`should call props.onFill with error="${NOT_VALID_ERROR}" if an otherwise invalid passphrase is entered`, () => {
+    const passphrase = 'stock wagon borrow episode laundry kitten salute link globe zero feed marble';
+    wrapper.find('input').first().simulate('change', { target: { value: passphrase, dataset: { index: 0 } } });
+    expect(wrapper.props().onFill).to.have.been.calledWith(passphrase, NOT_VALID_ERROR);
+  });
+});
+
+describe('V2 passphraseInput change focus with keypresses', () => {
+  let wrapper;
+  let firstField;
+  let nextField;
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  const props = {
+    onFill: spy(),
+    inputsLength: 12,
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<PassphraseInputV2 {...props}/>, options);
+    firstField = wrapper.find('input').first();
+    nextField = wrapper.find('input').at(1);
+  });
+
+  it('Should remove selected class from inputs on blur', () => {
+    firstField.simulate('click');
+    expect(firstField).to.have.className('selected');
+    firstField.simulate('blur');
+    expect(firstField).to.not.have.className('selected');
+  });
+
+  it('should focus next element on space press', () => {
+    firstField.simulate('click');
+    firstField.simulate('keyDown', {
+      keyCode: keyCodes.space,
+      which: keyCodes.space,
+    });
+    expect(nextField).to.have.className('selected');
+  });
+
+  it('should focus next element on arrow right and previous element on left press', () => {
+    firstField.simulate('click');
+    expect(firstField).to.have.className('selected');
+    firstField.simulate('keyDown', {
+      keyCode: keyCodes.arrowRight,
+      which: keyCodes.arrowRight,
+    });
+    expect(nextField).to.have.className('selected');
+    nextField.simulate('keyDown', {
+      keyCode: keyCodes.arrowLeft,
+      which: keyCodes.arrowLeft,
+    });
+    expect(firstField).to.have.className('selected');
+  });
+
+  it('should focus previous element on backspace press', () => {
+    firstField.simulate('click');
+    expect(firstField).to.have.className('selected');
+    firstField.simulate('keyDown', {
+      keyCode: keyCodes.arrowRight,
+      which: keyCodes.arrowRight,
+    });
+    expect(nextField).to.have.className('selected');
+    nextField.simulate('keyDown', {
+      keyCode: keyCodes.delete,
+      which: keyCodes.delete,
+    });
+    expect(firstField).to.have.className('selected');
+  });
+});
diff --git a/src/components/passphraseSteps/index.js b/src/components/passphraseSteps/index.js
index 3b94f7e6e7..088c00494d 100644
--- a/src/components/passphraseSteps/index.js
+++ b/src/components/passphraseSteps/index.js
@@ -7,6 +7,7 @@ import { Button } from './../toolbox/buttons/button';
 // eslint-disable-next-line import/no-named-as-default
 import PassphraseInput from '../passphraseInput';
 import { passphraseIsValid, authStatePrefill } from '../../utils/form';
+import Piwik from '../../utils/piwik';
 import styles from './passphraseSteps.css';
 
 class PassphraseSteps extends React.Component {
@@ -90,10 +91,20 @@ class PassphraseSteps extends React.Component {
   }
 
   setDone(step) {
+    Piwik.trackingEvent('PassphraseSteps', 'button', 'Next step');
     const done = Object.assign(this.state.done, { [step]: true });
     this.setState({ done });
   }
 
+  onPrevStep() {
+    Piwik.trackingEvent('PassphraseSteps', 'button', 'Previous step');
+    this.props.prevStep({
+      recipient: this.props.recipient,
+      amount: this.props.amount,
+      reset: this.props.accountInit,
+    });
+  }
+
   getCurrentStep() {
     if (this.props.account.secondPublicKey &&
       (this.state.done.passphrase || this.props.account.passphrase)) {
@@ -164,11 +175,7 @@ class PassphraseSteps extends React.Component {
           <div className={updatedValues.footer.firstGrid}>
             <Button
               label={this.props.t('Back')}
-              onClick={() => this.props.prevStep({
-                recipient: this.props.recipient,
-                amount: this.props.amount,
-                reset: this.props.accountInit,
-              })}
+              onClick={() => this.onPrevStep()}
               type='button'
               theme={updatedStyles}
             />
diff --git a/src/components/pricedButton/pricedButton.js b/src/components/pricedButton/pricedButton.js
index b7d5d07688..d3b09662a7 100644
--- a/src/components/pricedButton/pricedButton.js
+++ b/src/components/pricedButton/pricedButton.js
@@ -1,12 +1,19 @@
 import React from 'react';
 import { PrimaryButton } from '../toolbox/buttons/button';
 import { fromRawLsk } from '../../utils/lsk';
+import Piwik from '../../utils/piwik';
 import styles from './pricedButton.css';
 
 const PricedButton = ({
   balance, fee, label, customClassName, onClick, disabled, type, t,
 }) => {
   const hasFunds = balance >= fee;
+
+  function onHandleClick() {
+    Piwik.trackingEvent('PricedButton', 'button', 'Handle click');
+    onClick();
+  }
+
   return (
     <div className='primary-button'>
       {
@@ -24,7 +31,7 @@ const PricedButton = ({
         type={type || 'button'}
         className={`next-button ${customClassName}`}
         disabled={disabled || (fee && !hasFunds)}
-        onClick={onClick} />
+        onClick={onHandleClick} />
     </div>
   );
 };
diff --git a/src/components/quickTips/index.css b/src/components/quickTips/index.css
index 8503ca5f00..06552dde00 100644
--- a/src/components/quickTips/index.css
+++ b/src/components/quickTips/index.css
@@ -1,7 +1,7 @@
 @import '../app/variables.css';
 
 .quickTips {
-  height: calc(50% - 20px);
+  height: 418px;
   margin: 0px 0px 20px;
   overflow: hidden;
 }
diff --git a/src/components/quickTips/index.js b/src/components/quickTips/index.js
index fce853c2ee..af4253b615 100644
--- a/src/components/quickTips/index.js
+++ b/src/components/quickTips/index.js
@@ -4,7 +4,7 @@ import Box from '../box';
 import quickTips from '../../constants/quickTips';
 import { FontIcon } from '../fontIcon';
 import TransitionWrapper from '../toolbox/transitionWrapper';
-
+import Piwik from '../../utils/piwik';
 import styles from './index.css';
 
 class QuickTips extends React.Component {
@@ -16,6 +16,7 @@ class QuickTips extends React.Component {
   }
 
   nextStep() {
+    Piwik.trackingEvent('QuickTips', 'button', 'Next step');
     const { currentIndex } = this.state;
     const nextIndex = currentIndex + 1;
 
@@ -23,6 +24,7 @@ class QuickTips extends React.Component {
   }
 
   previousStep() {
+    Piwik.trackingEvent('QuickTips', 'button', 'Previous step');
     const { currentIndex } = this.state;
     const nextIndex = currentIndex - 1;
 
@@ -70,13 +72,13 @@ class QuickTips extends React.Component {
 
                 <div className={styles.steps}>
                   <div
-                    onClick={() => { this.previousStep(); }}
+                    onClick={() => this.previousStep()}
                     className={`previousStep ${styles.previousStep}
                       ${currentIndex === 0 ? `${styles.disabled} disabled` : ''}`}
                   ><FontIcon className={styles.arrow} value='arrow-left'/>{this.props.t('Previous')}</div>
                     <div className="pagination">{`${currentIndex + 1}  /  ${quickTips(this.props.t).length}`}</div>
                   <div
-                    onClick={() => { this.nextStep(); }}
+                    onClick={() => this.nextStep()}
                     className={`nextStep ${styles.nextStep}
                       ${currentIndex + 1 === quickTips(this.props.t).length ? `${styles.disabled} disabled` : ''}`}
                   >{this.props.t('Next')}<FontIcon className={styles.arrow} value='arrow-right'/></div>
diff --git a/src/components/registerDelegate/steps/choose/choose.js b/src/components/registerDelegate/steps/choose/choose.js
index 49d8aad011..66cff96b25 100644
--- a/src/components/registerDelegate/steps/choose/choose.js
+++ b/src/components/registerDelegate/steps/choose/choose.js
@@ -5,7 +5,7 @@ import { fromRawLsk } from '../../../../utils/lsk';
 import { PrimaryButton } from '../../../toolbox/buttons/button';
 import ToolBoxInput from '../../../toolbox/inputs/toolBoxInput';
 import { FontIcon } from '../../../fontIcon';
-
+import Piwik from '../../../../utils/piwik';
 import stepStyles from '../steps.css';
 import styles from './choose.css';
 
@@ -29,6 +29,7 @@ class Choose extends React.Component {
   }
 
   checkSufficientFunds(evt) {
+    Piwik.trackingEvent('RegisterDelegate_Choose', 'button', 'Choose a name');
     if (!this.hasEnoughLSK()) {
       evt.preventDefault();
       return;
@@ -67,6 +68,11 @@ class Choose extends React.Component {
     }, 250);
   }
 
+  onNextStep() {
+    Piwik.trackingEvent('RegisterDelegate_Choose', 'button', 'Next step');
+    this.props.nextStep({ delegateName: this.state.delegateName.value });
+  }
+
   render() { // eslint-disable-line
     const { t, account } = this.props;
     const hasEnoughLSK = this.hasEnoughLSK();
@@ -160,8 +166,7 @@ class Choose extends React.Component {
                   disabled={disableSubmitButton}
                   label={t('Next')}
                   className={`${stepStyles.chooseNameBtn} submit-delegate-name`}
-                  onClick={() =>
-                    this.props.nextStep({ delegateName: this.state.delegateName.value })}
+                  onClick={() => this.onNextStep()}
                 />
               </form>
             </div>
diff --git a/src/components/registerDelegate/steps/confirm/confirm.js b/src/components/registerDelegate/steps/confirm/confirm.js
index 653b3d0de1..cb5803367a 100644
--- a/src/components/registerDelegate/steps/confirm/confirm.js
+++ b/src/components/registerDelegate/steps/confirm/confirm.js
@@ -10,7 +10,7 @@ import { PrimaryButton } from '../../../toolbox/buttons/button';
 // eslint-disable-next-line import/no-named-as-default
 import SliderCheckbox from '../../../toolbox/sliderCheckbox';
 import { FontIcon } from '../../../fontIcon';
-
+import Piwik from '../../../../utils/piwik';
 import stepStyles from '../steps.css';
 import styles from './confirm.css';
 
@@ -35,10 +35,12 @@ class Confirm extends React.Component {
   }
 
   redirectToDashboard() {
+    Piwik.trackingEvent('RegisterDelegagte_Confirm', 'button', 'Redirect to dashboard');
     this.props.history.replace(routes.dashboard.path);
   }
 
   redirectToFirstStep() {
+    Piwik.trackingEvent('RegisterDelegagte_Confirm', 'button', 'Redirect to first step');
     this.props.prevStep({ reset: true });
   }
 
diff --git a/src/components/registerV2/accountCreated.css b/src/components/registerV2/accountCreated.css
new file mode 100644
index 0000000000..5c669a0f6f
--- /dev/null
+++ b/src/components/registerV2/accountCreated.css
@@ -0,0 +1,35 @@
+@import '../app/variablesV2.css';
+
+:root {
+  --avatar-padding: 3px;
+  --avatar-size: calc(96px - var(--avatar-padding));
+}
+
+.accountHolder {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: 80px 0;
+
+  & .avatar {
+    background: var(--color-white);
+    border-radius: 50%;
+    box-shadow: var(--box-shadow-avatar);
+    box-sizing: border-box;
+    display: flex;
+    height: var(--avatar-size);
+    padding: var(--avatar-padding);
+    width: var(--avatar-size);
+  }
+
+  & .address {
+    color: var(--color-content);
+    font-family: var(--heading-font);
+    font-size: var(--subtitle-font-size);
+    font-weight: var(--font-weight-bold);
+    letter-spacing: 0.1px;
+    margin: 40px 0;
+    text-align: center;
+  }
+}
diff --git a/src/components/registerV2/accountCreated.js b/src/components/registerV2/accountCreated.js
new file mode 100644
index 0000000000..7c38e88c01
--- /dev/null
+++ b/src/components/registerV2/accountCreated.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import { translate } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
+import routes from '../../constants/routes';
+import { PrimaryButtonV2 } from '../toolbox/buttons/button';
+import AccountVisual from '../accountVisual';
+import check from '../../assets/images/icons-v2/check.svg';
+import registerStyles from './registerV2.css';
+import styles from './accountCreated.css';
+
+const AccountCreated = ({ t, account }) => (
+  <React.Fragment>
+    <span className={`${registerStyles.stepsLabel}`}>{t('Step 4 / 4')}</span>
+    <div className={`${registerStyles.titleHolder}`}>
+      <h1>
+        <img src={check} />
+        {t('Your Account is created!')}
+      </h1>
+      <p>{t('You can now manage and secure your LSK tokens.')}</p>
+    </div>
+
+    <div className={`${styles.accountHolder}`}>
+      <span className={`${styles.avatar}`}>
+        <AccountVisual
+          address={account.address}
+          size={87}
+          />
+      </span>
+      <p className={`${styles.address}`}>{account.address}</p>
+    </div>
+
+    <div className={`${registerStyles.buttonsHolder} ${grid.row}`}>
+      <Link className={`${registerStyles.button} ${grid['col-xs-5']}`} to={routes.loginV2.path}>
+        <PrimaryButtonV2>
+          {t('Sign In')}
+        </PrimaryButtonV2>
+      </Link>
+    </div>
+  </React.Fragment>
+);
+
+export default translate()(AccountCreated);
diff --git a/src/components/registerV2/accountCreated.test.js b/src/components/registerV2/accountCreated.test.js
new file mode 100644
index 0000000000..92e235873e
--- /dev/null
+++ b/src/components/registerV2/accountCreated.test.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { MemoryRouter } from 'react-router-dom';
+import i18n from '../../i18n';
+import { generatePassphrase } from '../../utils/passphrase';
+import { extractAddress } from '../../utils/account';
+import AccountCreated from './accountCreated';
+
+describe('V2 Register Process - Account created', () => {
+  let wrapper;
+
+  const crypotObj = window.crypto || window.msCrypto;
+  const passphrase = generatePassphrase({
+    seed: [...crypotObj.getRandomValues(new Uint16Array(16))].map(x => (`00${(x % 256).toString(16)}`).slice(-2)),
+  });
+  const account = {
+    address: extractAddress(passphrase),
+    passphrase,
+  };
+
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  const props = {
+    account,
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<MemoryRouter>
+      <AccountCreated {...props} />
+    </MemoryRouter>, options);
+  });
+
+  it('Should render with correct avatar and address', () => {
+    expect(wrapper).to.have.exactly(1).descendants('AccountVisual');
+    expect(wrapper.find('AccountVisual')).to.have.prop('address', account.address);
+    expect(wrapper.find('.address')).to.have.text(account.address);
+  });
+});
diff --git a/src/components/registerV2/backupPassphrase.css b/src/components/registerV2/backupPassphrase.css
new file mode 100644
index 0000000000..45afdd4609
--- /dev/null
+++ b/src/components/registerV2/backupPassphrase.css
@@ -0,0 +1,75 @@
+@import '../app/variablesV2.css';
+
+.optionsHolder {
+  justify-content: center;
+  margin: 50px 0 75px;
+  width: 100%;
+
+  & .option {
+    display: flex;
+    justify-content: space-between;
+    margin: 20px 0;
+    width: 100%;
+  }
+}
+
+.optionIcon {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin: 0 24px;
+}
+
+.optionContent {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  & > h2 {
+    align-items: center;
+    color: var(--color-content-light);
+    display: flex;
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    font-weight: var(--font-weight-semi-bold);
+    line-height: 1.47;
+    margin: 0;
+  }
+
+  & > p {
+    color: var(--color-content);
+    font-family: var(--heading-font);
+    font-size: var(--paragraph-font-size-s);
+    font-weight: var(--font-weight-bold);
+    letter-spacing: 0.1px;
+    margin: 15px 0;
+    text-align: left;
+    word-spacing: 8px;
+  }
+
+  & .action {
+    color: var(--color-primary-standard);
+    cursor: pointer;
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    font-weight: var(--font-weight-semi-bold);
+    line-height: 1.47;
+    transition: color var(--animation-speed-fast) linear;
+    text-decoration: underline;
+
+    &.copied {
+      color: var(--color-primary-light);
+      cursor: default;
+      text-decoration: none;
+    }
+  }
+}
+
+@media (--medium-viewport) {
+  .optionContent {
+    & > p {
+      word-spacing: 2px;
+    }
+  }
+}
diff --git a/src/components/registerV2/backupPassphrase.js b/src/components/registerV2/backupPassphrase.js
new file mode 100644
index 0000000000..dc8fd15c6f
--- /dev/null
+++ b/src/components/registerV2/backupPassphrase.js
@@ -0,0 +1,140 @@
+import React from 'react';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { translate } from 'react-i18next';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
+import { FontIcon } from '../fontIcon';
+import { PrimaryButtonV2, SecondaryButtonV2 } from '../toolbox/buttons/button';
+import links from '../../constants/externalLinks';
+import Tooltip from '../toolbox/tooltip/tooltip';
+import key from '../../assets/images/icons-v2/key.svg';
+import lock from '../../assets/images/icons-v2/circle-lock.svg';
+// import pdf from '../../assets/images/icons-v2/pdf.svg';
+import registerStyles from './registerV2.css';
+import styles from './backupPassphrase.css';
+
+class BackupPassphrase extends React.Component {
+  constructor() {
+    super();
+
+    this.state = {
+      passphraseCopied: false,
+    };
+  }
+
+  textIsCopied() {
+    this.setState({
+      passphraseCopied: true,
+    });
+
+    this.timeout = setTimeout(() => {
+      this.setState({
+        passphraseCopied: false,
+      });
+    }, 3000);
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timeout);
+  }
+
+  render() {
+    const {
+      t, account, prevStep, nextStep,
+    } = this.props;
+    const { passphraseCopied } = this.state;
+
+    return (
+      <React.Fragment>
+        <span className={`${registerStyles.stepsLabel}`}>{t('Step 2 / 4')}</span>
+        <div className={`${registerStyles.titleHolder}`}>
+          <h1>
+            <img src={key} />
+            {t('Backup your Passphrase')}
+          </h1>
+          <p>{t('Passphrase is both your login and password combined')}</p>
+          <p>{t('Keep it safe is only way to access the wallet')}</p>
+        </div>
+
+        <div className={`${styles.optionsHolder} ${grid['col-sm-11']}`}>
+          <div className={`${styles.option}`}>
+            <div className={`${styles.optionIcon}`}>
+              <img src={lock} />
+            </div>
+            <div className={`${styles.optionContent}`}>
+              <h2>
+                {t('Passphrase')}
+
+                <Tooltip
+                  title={'Save the passphrase'}
+                  footer={
+                    <a href={links.howToStorePassphrase}
+                      rel="noopener noreferrer"
+                      target="_blank">
+                        {t('Read More')}
+                    </a>}>
+                  <p>
+                    {t(`We strongly recommend to store passphrase in a safe place.
+                    You can use a password manager or paperwallet.`)}
+                  </p>
+                </Tooltip>
+
+              </h2>
+              <p className='option-value'>{account.passphrase}</p>
+              <CopyToClipboard
+                text={account.passphrase}
+                onCopy={() => this.textIsCopied()}>
+                <span className={`${styles.action} ${passphraseCopied && styles.copied}`}>
+                  { !passphraseCopied ? t('Copy passphrase') : t('Copied!') }
+                </span>
+              </CopyToClipboard>
+            </div>
+          </div>
+          {/*
+            <div className={`${styles.option}`}>
+              <div className={`${styles.optionIcon}`}>
+                <img src={pdf} />
+              </div>
+              <div className={`${styles.optionContent}`}>
+                <h2>
+                  {t('Paper version')}
+                  <Tooltip
+                    title={'Paperwallet'}
+                    footer={
+                      <a href="http://lisk.io"
+                        rel="noopener noreferrer"
+                        target="_blank">
+                          {t('Read More')}
+                      </a>}>
+                    <p>
+                      {t(`You can print your passphrase to store in a safe place.
+                      It is highly recommended to delete PDF file after printing.`)}
+                    </p>
+                  </Tooltip>
+                </h2>
+                <p className='option-value'>{'Lisk.pdf'}</p>
+                <a className={`${styles.action}`} href='#'>{t('Download PDF')}</a>
+              </div>
+            </div>
+        */}
+        </div>
+
+        <div className={`${registerStyles.buttonsHolder} ${grid.row}`}>
+          <span className={`${registerStyles.button} ${grid['col-xs-4']}`}>
+            <SecondaryButtonV2 onClick={prevStep}>
+              <FontIcon className={registerStyles.icon}>arrow-left</FontIcon>
+              {t('Go Back')}
+            </SecondaryButtonV2>
+          </span>
+          <span className={`${registerStyles.button} ${grid['col-xs-4']}`}>
+            <PrimaryButtonV2 onClick={() => nextStep({ account })}>
+              {t('Continue')}
+              <FontIcon className={registerStyles.icon}>arrow-right</FontIcon>
+            </PrimaryButtonV2>
+          </span>
+        </div>
+      </React.Fragment>
+    );
+  }
+}
+
+export default translate()(BackupPassphrase);
diff --git a/src/components/registerV2/backupPassphrase.test.js b/src/components/registerV2/backupPassphrase.test.js
new file mode 100644
index 0000000000..af71b2b2a0
--- /dev/null
+++ b/src/components/registerV2/backupPassphrase.test.js
@@ -0,0 +1,67 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { spy, useFakeTimers } from 'sinon';
+import { generatePassphrase } from '../../utils/passphrase';
+import { extractAddress } from '../../utils/account';
+import i18n from '../../i18n';
+import BackupPassphrase from './backupPassphrase';
+
+
+describe('V2 Register Process - Backup Passphrase', () => {
+  let wrapper;
+  let clock;
+
+  const crypotObj = window.crypto || window.msCrypto;
+  const passphrase = generatePassphrase({
+    seed: [...crypotObj.getRandomValues(new Uint16Array(16))].map(x => (`00${(x % 256).toString(16)}`).slice(-2)),
+  });
+  const account = {
+    address: extractAddress(passphrase),
+    passphrase,
+  };
+
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  const props = {
+    account,
+    nextStep: spy(),
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<BackupPassphrase {...props} />, options);
+
+    clock = useFakeTimers({
+      now: new Date(2018, 1, 1),
+      toFake: ['setTimeout', 'clearTimeout'],
+    });
+  });
+
+  afterEach(() => {
+    clock.restore();
+  });
+
+  it('Should render with passphrase of selected account', () => {
+    expect(wrapper.find('.option p.option-value').at(0)).to.have.text(account.passphrase);
+  });
+
+  it('Should copy passphrase when clicking copy passphrase and reset after 3 seconds', () => {
+    expect(wrapper.find('CopyToClipboard .action')).not.to.have.className('copied');
+    wrapper.find('CopyToClipboard').simulate('click');
+    expect(wrapper.find('CopyToClipboard .action')).to.have.className('copied');
+    clock.tick(3000);
+    expect(wrapper.find('CopyToClipboard .action')).not.to.have.className('copied');
+  });
+
+  it('Should go to next step when clicking confirm after copying or saving the passphrase', () => {
+    wrapper.find('CopyToClipboard').simulate('click');
+    wrapper.find('.buttonsHolder Button').at(1).simulate('click');
+    expect(props.nextStep).to.have.been.calledWith();
+  });
+});
diff --git a/src/components/registerV2/chooseAvatar.css b/src/components/registerV2/chooseAvatar.css
new file mode 100644
index 0000000000..023918a253
--- /dev/null
+++ b/src/components/registerV2/chooseAvatar.css
@@ -0,0 +1,122 @@
+@import './../app/variablesV2.css';
+
+:root {
+  --box-shadow-color: rgba(213, 224, 247, 1);
+}
+
+@keyframes avatarBounceBack {
+  0% { transform: scale(1.6); }
+  100% { transform: scale(1); }
+}
+
+@keyframes avatarBounce {
+  0% { transform: scale(1.3); }
+  70% { transform: scale(1.8); }
+  100% { transform: scale(1.6); }
+}
+
+@keyframes avatarAnimate {
+  0% { transform: scale(1); }
+  50% { transform: scale(1.4); }
+  100% { transform: scale(1); }
+}
+
+@keyframes glowing {
+  from { box-shadow: 0px 0px 10px 2px var(--box-shadow-color); }
+  to { box-shadow: 0px 0px 10px 4px var(--box-shadow-color); }
+}
+
+.animate > span > div {
+  animation-duration: var(--animation-speed-slow);
+  animation-iteration-count: 1;
+  animation-name: avatarAnimate;
+  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+@for $i from 1 to 5 {
+  .animate > span:nth-child($i) > div {
+    animation-delay: calc(var(--animation-delay-standard) * $i);
+  }
+}
+
+.avatarsHolder {
+  align-items: center;
+  display: flex;
+  margin: 130px 0 180px;
+  justify-content: space-between;
+  width: 100%;
+
+  &.avatarSelected {
+    & > span:not(.selected) {
+      opacity: 0.45;
+    }
+  }
+
+  & > span {
+    animation-direction: normal;
+    animation-timing-function: linear;
+    background: transparent;
+    cursor: pointer;
+    display: flex;
+    border-radius: 50%;
+    position: relative;
+    transition:
+      opacity var(--animation-speed-fast) ease-in,
+      transform var(--animation-speed-fast) linear;
+
+    &::before,
+    &::after {
+      border-radius: 50%;
+      content: '';
+      height: 100%;
+      left: 0;
+      position: absolute;
+      transform: scale(0.9);
+      transition: transform var(--animation-speed-fast) ease-in-out;
+      top: 0;
+      width: 100%;
+    }
+
+    &::before {
+      background: var(--color-white);
+      z-index: -1;
+    }
+
+    &::after {
+      box-shadow: 0px 0px 10px 2px var(--box-shadow-color);
+      z-index: -2;
+    }
+
+    &:hover {
+      opacity: 1 !important;
+      transform: scale(1.3);
+    }
+  }
+
+  & > span.deselect {
+    animation-name: avatarBounceBack;
+    animation-duration: var(--animation-speed-fast);
+    animation-iteration-count: 1;
+  }
+
+  & > span.selected {
+    animation-name: avatarBounce;
+    animation-duration: var(--animation-speed-standard);
+    animation-fill-mode: both;
+    animation-iteration-count: 1;
+
+    &::before,
+    &::after {
+      transform: scale(1.3);
+      transition: transform var(--animation-speed-fast) ease-in-out;
+    }
+
+    &::after {
+      animation-delay: var(--animation-speed-standard);
+      animation-direction: alternate;
+      animation-duration: var(--animation-speed-slowest);
+      animation-iteration-count: infinite;
+      animation-name: glowing;
+    }
+  }
+}
diff --git a/src/components/registerV2/chooseAvatar.js b/src/components/registerV2/chooseAvatar.js
new file mode 100644
index 0000000000..79eff10922
--- /dev/null
+++ b/src/components/registerV2/chooseAvatar.js
@@ -0,0 +1,101 @@
+import React from 'react';
+import { translate } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
+import routes from '../../constants/routes';
+import { FontIcon } from '../fontIcon';
+import { PrimaryButtonV2, SecondaryButtonV2 } from '../toolbox/buttons/button';
+import AccountVisual from '../accountVisual';
+import registerStyles from './registerV2.css';
+import styles from './chooseAvatar.css';
+import avatar from '../../assets/images/icons-v2/avatar.svg';
+
+class ChooseAvatar extends React.Component {
+  constructor() {
+    super();
+
+    this.state = {
+      deselect: {},
+    };
+
+    this.getAvatarAnimationClassName = this.getAvatarAnimationClassName.bind(this);
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  getAvatarAnimationClassName({ address, selected, previous }) {
+    return selected === address
+      ? styles.selected
+      : (previous === address && styles.deselect) || '';
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.selected !== this.props.selected) {
+      this.setState({
+        deselect: prevProps.selected,
+      });
+    }
+  }
+
+  render() {
+    const {
+      t, handleSelectAvatar, accounts, selected, nextStep,
+    } = this.props;
+    const { deselect } = this.state;
+
+    return (
+      <React.Fragment>
+        <span className={`${registerStyles.stepsLabel}`}>{t('Step 1 / 4')}</span>
+        <div className={`${registerStyles.titleHolder} ${grid['col-xs-10']}`}>
+          <h1>
+            <img src={avatar} />
+            {t('Choose your Avatar')}
+          </h1>
+          <p>{
+            t('Each Avatar is a visual representation of the address, making it unique.')
+          }</p>
+        </div>
+        <div className={`
+          ${styles.avatarsHolder} ${grid['col-xs-10']}
+          ${selected.address ? styles.avatarSelected : styles.animate}`}>
+          {
+            accounts.map((account, key) => (
+              <span
+                className={
+                  this.getAvatarAnimationClassName({
+                    address: account.address,
+                    selected: selected.address,
+                    previous: deselect.address,
+                  })
+                }
+                onClick={() => handleSelectAvatar(account)}
+                key={key}>
+                <AccountVisual
+                  address={account.address}
+                  size={56}
+                  />
+              </span>
+            ))
+          }
+        </div>
+        <div className={`${registerStyles.buttonsHolder} ${grid.row}`}>
+          <Link className={`${registerStyles.button} ${grid['col-xs-4']}`} to={routes.splashscreen.path}>
+            <SecondaryButtonV2>
+              <FontIcon className={registerStyles.icon}>arrow-left</FontIcon>
+              {t('Go Back')}
+            </SecondaryButtonV2>
+          </Link>
+          <span className={`${registerStyles.button} ${grid['col-xs-4']}`}>
+            <PrimaryButtonV2
+              onClick={() => nextStep({ accounts })}
+              disabled={!selected.address}>
+              {t('Confirm')}
+              <FontIcon className={registerStyles.icon}>arrow-right</FontIcon>
+            </PrimaryButtonV2>
+          </span>
+        </div>
+      </React.Fragment>
+    );
+  }
+}
+
+export default translate()(ChooseAvatar);
diff --git a/src/components/registerV2/chooseAvatar.test.js b/src/components/registerV2/chooseAvatar.test.js
new file mode 100644
index 0000000000..01b16db66c
--- /dev/null
+++ b/src/components/registerV2/chooseAvatar.test.js
@@ -0,0 +1,64 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { MemoryRouter } from 'react-router-dom';
+import sinon from 'sinon';
+import { generatePassphrase } from '../../utils/passphrase';
+import { extractAddress } from '../../utils/account';
+import i18n from '../../i18n';
+import ChooseAvatar from './chooseAvatar';
+
+describe('V2 Register Process - Choose Avatar', () => {
+  let wrapper;
+
+  const crypotObj = window.crypto || window.msCrypto;
+  const passphrases = [...Array(5)].map(() =>
+    generatePassphrase({
+      seed: [...crypotObj.getRandomValues(new Uint16Array(16))].map(x => (`00${(x % 256).toString(16)}`).slice(-2)),
+    }));
+  const accounts = passphrases.map(pass => ({
+    address: extractAddress(pass),
+    passphrase: pass,
+  }));
+
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  const props = {
+    handleSelectAvatar: sinon.spy(),
+    selected: '',
+    accounts,
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<MemoryRouter>
+      <ChooseAvatar {...props} />
+    </MemoryRouter>, options);
+  });
+
+  it('Should render with five avatars and confirm button disabled', () => {
+    expect(wrapper.find('AccountVisual')).to.have.length(5);
+    expect(wrapper.find('Button').at(1).prop('disabled'));
+  });
+
+  it('Should pass selected address to handler function', () => {
+    const randomAvatar = Math.floor(Math.random() * 5);
+    const confirmButton = wrapper.find('Button').at(1);
+    expect(confirmButton.prop('disabled'));
+    wrapper.find('AccountVisual').at(randomAvatar).simulate('click');
+    expect(props.handleSelectAvatar).to.have.been.calledWith(accounts[randomAvatar]);
+
+    wrapper.setProps({
+      children: React.cloneElement(wrapper.props().children, {
+        selected: accounts[randomAvatar],
+      }),
+    });
+
+    expect(wrapper.find('ChooseAvatar').prop('selected')).to.be.eql(accounts[randomAvatar]);
+  });
+});
diff --git a/src/components/registerV2/confirmPassphrase.css b/src/components/registerV2/confirmPassphrase.css
new file mode 100644
index 0000000000..91f562efa5
--- /dev/null
+++ b/src/components/registerV2/confirmPassphrase.css
@@ -0,0 +1,206 @@
+@import './../app/variablesV2.css';
+
+:root {
+  --word-choice-height: 36px;
+  --checkmark-size: 24px;
+}
+
+@keyframes optionsAppear {
+  from { transform: scale(0); }
+  to { transform: scale(1); }
+}
+
+@keyframes optionsDisappear {
+  from { transform: scale(1); }
+  to { transform: scale(0); }
+}
+
+@for $i from 1 to 3 {
+  .confirmHolder .options span:nth-child($i) {
+    animation-delay: calc(var(--animation-delay-standard) * $i);
+  }
+}
+
+.confirmHolder {
+  align-items: flex-start;
+  display: flex;
+  font-size: var(--subtitle-font-size);
+  min-height: 210px;
+  margin: 70px 0;
+  justify-content: space-evenly;
+  position: relative;
+  width: 100%;
+
+  & .word {
+    color: var(--color-content);
+    font-family: var(--heading-font);
+    font-size: inherit;
+    font-weight: var(--font-weight-bold);
+    letter-spacing: 0.1px;
+    line-height: var(--word-choice-height);
+    text-align: center;
+  }
+
+  & .optionsHolder {
+    display: flex;
+    flex-direction: column;
+    margin: -8px 0;
+
+    & .answer {
+      height: var(--word-choice-height);
+      margin: 8px 0;
+      min-width: 90px;
+      position: relative;
+
+      &::before {
+        border: 1px dashed var(--color-content);
+        border-radius: 5px;
+        box-sizing: border-box;
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+      }
+    }
+
+    & .checkmark {
+      align-items: center;
+      background-color: var(--color-white);
+      border-radius: 50%;
+      box-shadow: var(--box-shadow-standard);
+      display: flex;
+      height: var(--checkmark-size);
+      justify-content: center;
+      position: absolute;
+      right: calc(var(--checkmark-size) / -2);
+      top: calc(var(--checkmark-size) / -2);
+      transition: transform var(--animation-speed-fast) linear;
+      transform: scale(0);
+      width: var(--checkmark-size);
+
+      & > span {
+        font-size: var(--paragraph-font-size-s);
+      }
+    }
+
+    & .choice {
+      align-items: center;
+      background-color: var(--color-white);
+      border-radius: var(--border-radius-standard);
+      box-shadow: var(--box-shadow-standard);
+      box-sizing: border-box;
+      color: var(--color-content);
+      cursor: pointer;
+      display: flex;
+      height: 100%;
+      justify-content: center;
+      padding: 0 10px;
+      position: relative;
+      transition: transform var(--animation-speed-fast) linear, opacity var(--animation-speed-fast) linear, color var(--animation-speed-fast) linear;
+      transform: scale(0);
+      width: 100%;
+    }
+  }
+
+  & .answered {
+    & .choice {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    & .options .option {
+      animation-name: optionsDisappear;
+      animation-delay: var(--animation-delay-standard);
+      animation-duration: var(--animation-speed-standard);
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+      transform: scale(1);
+
+      &.selected {
+        animation-delay: 0ms;
+      }
+    }
+  }
+
+  & .hasErrors {
+    & .choice {
+      background-color: var(--color-error);
+      box-shadow: var(--box-shadow-standard);
+      color: var(--color-white);
+      cursor: initial;
+      transition: background var(--animation-speed-fast) linear var(--animation-delay-standard), box-shadow var(--animation-speed-fast) linear var(--animation-delay-standard);
+    }
+  }
+
+  & .isCorrect {
+    & .choice {
+      cursor: initial;
+    }
+
+    & .checkmark {
+      transform: scale(1);
+    }
+  }
+
+  & .options {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  & .option {
+    animation-name: optionsAppear;
+    animation-duration: var(--animation-speed-standard);
+    animation-fill-mode: forwards;
+    animation-iteration-count: 1;
+    display: flex;
+    height: var(--word-choice-height);
+    margin: 8px 0;
+    transform: scale(0);
+
+    & > button {
+      font-family: var(--heading-font);
+      font-size: inherit;
+      min-height: var(--word-choice-height);
+      height: var(--word-choice-height);
+      width: 100%;
+    }
+  }
+
+  & .errorMessage {
+    background-color: var(--color-white);
+    border-radius: var(--border-radius-standard);
+    box-shadow: var(--box-shadow-standard);
+    max-width: 50%;
+    padding: 20px;
+    position: absolute;
+    transition: transform var(--animation-speed-standard) ease-in;
+    transform: scale(0);
+    top: 20%;
+
+    &.showError {
+      transform: scale(1);
+    }
+
+    & > span {
+      color: var(--color-error);
+      font-family: var(--content-font);
+      font-size: var(--paragraph-font-size-l);
+      line-height: 1.47;
+    }
+  }
+}
+
+@media (--medium-viewport) {
+  .confirmHolder {
+    font-size: var(--subtitle-font-size-s);
+  }
+}
+
+@media (--small-viewport) {
+  .confirmHolder {
+    font-size: var(--paragraph-font-size-s);
+  }
+}
diff --git a/src/components/registerV2/confirmPassphrase.js b/src/components/registerV2/confirmPassphrase.js
new file mode 100644
index 0000000000..7c1685aec9
--- /dev/null
+++ b/src/components/registerV2/confirmPassphrase.js
@@ -0,0 +1,181 @@
+import React from 'react';
+import fillWordsList from 'bitcore-mnemonic/lib/words/english';
+import { translate } from 'react-i18next';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
+import { FontIcon } from '../fontIcon';
+import { PrimaryButtonV2, SecondaryButtonV2 } from '../toolbox/buttons/button';
+import registerStyles from './registerV2.css';
+import styles from './confirmPassphrase.css';
+import lock from '../../assets/images/icons-v2/lock.svg';
+import Options from './confirmPassphraseOptions';
+
+class ConfirmPassphrase extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      words: [2, 9],
+      tries: 0,
+      answers: [],
+      options: [],
+      hasErrors: false,
+      isCorrect: false,
+      outOfTries: false,
+    };
+
+    this.handleSelect = this.handleSelect.bind(this);
+    this.handleConfirm = this.handleConfirm.bind(this);
+    this.verifyChoices = this.verifyChoices.bind(this);
+  }
+
+  componentWillMount() {
+    const options = this.assembleWordOptions(this.props.passphrase, this.state.words);
+    this.setState({ options });
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timeout);
+  }
+
+  getRandomIndexesFromPassphrase(passphrase, qty) {
+    let indexes = passphrase.split(/\s/).map((w, index) => index);
+    const words = [...Array(qty)].map(() => {
+      const index = indexes[Math.floor(Math.random() * indexes.length)];
+      indexes = [...indexes.slice(0, index), ...indexes.slice(index + 1)];
+      return index;
+    }).sort((a, b) => a - b);
+
+    const options = this.assembleWordOptions(this.props.passphrase, words);
+    this.setState({
+      options,
+      words,
+      answers: [],
+      hasErrors: false,
+    });
+  }
+
+  verifyChoices() {
+    const { answers, words } = this.state;
+    const passphrase = this.props.passphrase.split(/\s/);
+    const corrects = answers.filter((answer, index) => answer === passphrase[words[index]]);
+    return corrects.length === answers.length;
+  }
+
+  handleConfirm(status) {
+    const { tries } = this.state;
+    const numberOfWords = 2;
+    const maxTries = 3;
+    const triesCount = status ? tries : tries + 1;
+    const state = {
+      tries: triesCount,
+      isCorrect: status,
+      hasErrors: !status,
+      outOfTries: !(triesCount < maxTries),
+    };
+    const cb = status
+      ? () => this.props.nextStep({ passphrase: this.props.passphrase })
+      : () => !state.outOfTries &&
+        this.getRandomIndexesFromPassphrase(this.props.passphrase, numberOfWords);
+    this.setState(state);
+    this.timeout = setTimeout(cb, 1500);
+  }
+
+  enableConfirmButton() {
+    const {
+      answers, words, hasErrors, isCorrect,
+    } = this.state;
+    return answers.filter(answer => !!answer).length === words.length && !hasErrors && !isCorrect;
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  assembleWordOptions(passphrase, missing) {
+    const words = passphrase.split(/\s/);
+    const wordsList = fillWordsList.filter(word => !passphrase.includes(word));
+    const numberOfOptions = 3;
+
+    const mixWithMissingWords = options =>
+      options.map((list, listIndex) => {
+        const rand = Math.floor(Math.random() * 0.99 * list.length);
+        list[rand] = words[missing[listIndex]];
+        return list;
+      });
+
+    const wordOptions = [...Array(missing.length)].map(() =>
+      [...Array(numberOfOptions)].map(() =>
+        wordsList[Math.floor(Math.random() * wordsList.length)]));
+
+    return mixWithMissingWords(wordOptions);
+  }
+
+  handleSelect(answer, index) {
+    const { answers } = this.state;
+    answers[index] = answer;
+    this.setState({
+      answers,
+    });
+  }
+
+  render() {
+    const { t, passphrase, prevStep } = this.props;
+    const {
+      words, options, hasErrors, answers, isCorrect, outOfTries,
+    } = this.state;
+    let optionIndex = 0;
+
+    return (
+      <React.Fragment>
+        <span className={`${registerStyles.stepsLabel}`}>{t('Step 3 / 4')}</span>
+        <div className={`${registerStyles.titleHolder} ${grid['col-xs-10']}`}>
+          <h1>
+            <img src={lock} />
+            {t('Confirm your passphrase')}
+          </h1>
+          <p>{t('Choose the rights word missing from your Passphrase.')}</p>
+          <p>{t('It was given in a previous step')}</p>
+        </div>
+
+        <div className={`${styles.confirmHolder}`}>
+          {passphrase.split(/\s/).map((word, key) =>
+            <span className={styles.word} key={key}>
+              { !words.includes(key)
+                ? word
+                : <Options
+                  isCorrect={isCorrect}
+                  hasErrors={hasErrors}
+                  options={options[optionIndex]}
+                  answers={answers}
+                  handleSelect={this.handleSelect}
+                  enabled={optionIndex === 0 || answers[optionIndex - 1]}
+                  optionIndex={optionIndex++} />
+              }
+            </span>)
+          }
+          {
+            <div className={`${styles.errorMessage} ${outOfTries ? styles.showError : ''}`}>
+              {outOfTries && <span>{t('Please go back and check your passphrase again.')}</span>}
+            </div>
+          }
+        </div>
+
+
+        <div className={`${registerStyles.buttonsHolder} ${grid.row}`}>
+          <span className={`${registerStyles.button} ${grid['col-xs-4']}`}>
+            <SecondaryButtonV2 onClick={prevStep}>
+              <FontIcon className={registerStyles.icon}>arrow-left</FontIcon>
+              {t('Go Back')}
+            </SecondaryButtonV2>
+          </span>
+          <span className={`${registerStyles.button} ${grid['col-xs-4']}`}>
+            <PrimaryButtonV2
+              onClick={() => this.handleConfirm(this.verifyChoices())}
+              disabled={!this.enableConfirmButton()}>
+              {t('Confirm')}
+              <FontIcon className={registerStyles.icon}>arrow-right</FontIcon>
+            </PrimaryButtonV2>
+          </span>
+        </div>
+      </React.Fragment>
+    );
+  }
+}
+
+export default translate()(ConfirmPassphrase);
diff --git a/src/components/registerV2/confirmPassphrase.test.js b/src/components/registerV2/confirmPassphrase.test.js
new file mode 100644
index 0000000000..4afce39406
--- /dev/null
+++ b/src/components/registerV2/confirmPassphrase.test.js
@@ -0,0 +1,91 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { expect } from 'chai';
+import { spy, useFakeTimers } from 'sinon';
+import { mount } from 'enzyme';
+import i18n from '../../i18n';
+import ConfirmPassphrase from './confirmPassphrase';
+
+describe('V2 Register Process - Confirm Passphrase', () => {
+  let wrapper;
+  let clock;
+
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  const props = {
+    passphrase: 'barely feature filter inmate exotic sister dog boil crush build canvas latin',
+    nextStep: spy(),
+  };
+
+  const selectWrongWords = (comp, shouldUpdate = false) => {
+    comp.find('ConfirmPassphraseOptions').forEach((optionsHolder) => {
+      optionsHolder.find('.option').forEach(option =>
+        !props.passphrase.includes(option.text()) && option.find('Button').simulate('click'));
+    });
+    if (shouldUpdate) {
+      comp.find('.buttonsHolder Button').at(1).simulate('click');
+      clock.tick(1500);
+      comp.update();
+    }
+  };
+
+  const selectRightWords = (comp) => {
+    comp.find('ConfirmPassphraseOptions').forEach((optionsHolder) => {
+      optionsHolder.find('.option').forEach(option =>
+        props.passphrase.includes(option.text()) && option.find('Button').simulate('click'));
+    });
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<ConfirmPassphrase {...props} />, options);
+    clock = useFakeTimers({
+      now: new Date(2018, 1, 1),
+      toFake: ['setTimeout', 'clearTimeout', 'Date', 'setInterval'],
+    });
+  });
+
+  afterEach(() => {
+    clock.restore();
+  });
+
+  it('Should render with two words missing from given passphrase', () => {
+    expect(wrapper.find('.word')).to.have.length(12);
+    expect(wrapper.find('ConfirmPassphraseOptions')).to.have.length(2);
+    expect(wrapper.find('.option')).to.have.length(6);
+  });
+
+  it('Should update style based on choices', () => {
+    selectWrongWords(wrapper);
+    expect(wrapper.find('.answered')).to.have.length(2);
+
+    expect(wrapper.find('.buttonsHolder Button').at(1).prop('disabled')).to.be.equal(false);
+    wrapper.find('.buttonsHolder Button').at(1).simulate('click');
+
+    expect(wrapper.find('.hasErrors')).to.have.length(2);
+    clock.tick(1500);
+    wrapper.update();
+
+    expect(wrapper.find('.answered')).to.have.length(0);
+
+    selectRightWords(wrapper);
+    wrapper.find('.buttonsHolder Button').at(1).simulate('click');
+
+    expect(wrapper.find('.isCorrect')).to.have.length(2);
+    clock.tick(1500);
+    expect(props.nextStep).to.have.been.calledWith({ passphrase: props.passphrase });
+  });
+
+  it('Should show error message if user pick wrong words 3 times in a row', () => {
+    selectWrongWords(wrapper, true);
+    selectWrongWords(wrapper, true);
+    selectWrongWords(wrapper, true);
+
+    expect(wrapper.find('.answered')).to.have.length(2);
+    expect(wrapper.find('.errorMessage')).to.have.className('showError');
+  });
+});
diff --git a/src/components/registerV2/confirmPassphraseOptions.js b/src/components/registerV2/confirmPassphraseOptions.js
new file mode 100644
index 0000000000..e79bbb077f
--- /dev/null
+++ b/src/components/registerV2/confirmPassphraseOptions.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import { FontIcon } from '../fontIcon';
+import { PrimaryButtonV2 } from '../toolbox/buttons/button';
+import styles from './confirmPassphrase.css';
+
+const ConfirmPassphraseOptions = ({
+  optionIndex, options, answers, handleSelect, hasErrors, isCorrect, enabled = null,
+}) => (
+  <span className={`${styles.optionsHolder} ${answers[optionIndex] ? styles.answered : ''} ${hasErrors ? styles.hasErrors : ''} ${isCorrect ? styles.isCorrect : ''}`}>
+    <span
+      className={`${styles.answer}`}
+      onClick={() => !!answers[optionIndex] && !hasErrors
+        && !isCorrect && handleSelect(null, optionIndex)}>
+      <span className={`${styles.choice}`}>
+        {answers[optionIndex]}
+        <span className={`${styles.checkmark}`}>
+          <FontIcon value='checkmark' />
+        </span>
+      </span>
+    </span>
+    <span className={`${styles.options}`}>
+      {options.map((option, optionKey) =>
+        <span
+          className={`${styles.option} ${answers[optionIndex] === option ? styles.selected : ''}`}
+          key={optionKey}>
+          <PrimaryButtonV2
+            onClick={() => handleSelect(option, optionIndex)}
+            disabled={!enabled}>
+            { option }
+          </PrimaryButtonV2>
+        </span>)}
+    </span>
+  </span>
+);
+
+export default ConfirmPassphraseOptions;
diff --git a/src/components/registerV2/confirmPassphraseOptions.test.js b/src/components/registerV2/confirmPassphraseOptions.test.js
new file mode 100644
index 0000000000..ba3888b086
--- /dev/null
+++ b/src/components/registerV2/confirmPassphraseOptions.test.js
@@ -0,0 +1,67 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import sinon from 'sinon';
+import i18n from '../../i18n';
+import Options from './confirmPassphraseOptions';
+
+describe('V2 Register Process - Confirm Passphrase Options', () => {
+  let wrapper;
+  const handleSelect = sinon.spy();
+
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  const props = {
+    optionIndex: 0,
+    options: ['alarm', 'easily', 'filter'],
+    answers: [],
+    handleSelect,
+    hasErrors: false,
+    isCorrect: false,
+    enabled: true,
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<Options {...props} />, options);
+  });
+
+  it('Should render with three options and enabled', () => {
+    expect(wrapper.prop('enabled')).to.equal(true);
+    expect(wrapper.find('.option')).to.have.length(3);
+  });
+
+  it('Should call handler with selected choice when clicked', () => {
+    const randomChoice = wrapper.find('.option Button').at(Math.floor(Math.random() * 2));
+    randomChoice.simulate('click');
+    expect(props.handleSelect).to.have.been.calledWith(randomChoice.text(), props.optionIndex);
+  });
+
+  it('Should render with chosen answer', () => {
+    const answer = 'alarm';
+    wrapper.setProps({ answers: [answer] });
+    expect(wrapper.find('.answered')).to.have.length(1);
+    expect(wrapper.find('.answer').text()).to.equal(answer);
+  });
+
+  it('Should call handler with empty choice when clicking on answered', () => {
+    wrapper.setProps({ answers: ['alarm'] });
+    wrapper.find('.answer').simulate('click');
+    expect(props.handleSelect).to.have.been.calledWith(null, props.optionIndex);
+  });
+
+  it('Should render with error', () => {
+    wrapper.setProps({ answers: ['alarm'], hasErrors: true });
+    expect(wrapper.find('.hasErrors')).to.have.length(1);
+  });
+
+  it('Should render with correct icon', () => {
+    wrapper.setProps({ answers: ['alarm'], isCorrect: true });
+    expect(wrapper.find('.isCorrect')).to.have.length(1);
+  });
+});
diff --git a/src/components/registerV2/registerV2.css b/src/components/registerV2/registerV2.css
new file mode 100644
index 0000000000..1ff62e3d87
--- /dev/null
+++ b/src/components/registerV2/registerV2.css
@@ -0,0 +1,81 @@
+@import './../app/variablesV2.css';
+
+:root {
+  --registration-title-font-size: 24px;
+}
+
+.register {
+  align-items: center;
+  display: flex;
+  margin: 0;
+  min-height: 100%;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+}
+
+.wrapper {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  padding: 20px 0;
+
+  & .button {
+    margin-top: 12px;
+    width: 100%;
+
+    & > button {
+      width: 100%;
+    }
+  }
+}
+
+.stepsLabel {
+  color: var(--color-content-light);
+  font-size: var(--font-size-small);
+  font-weight: var(--font-weight-bold);
+  height: 18px;
+  letter-spacing: 0.4px;
+  line-height: 1.8;
+  text-transform: uppercase;
+}
+
+.titleHolder {
+  color: var(--color-content);
+  font-family: var(--heading-font);
+  text-align: center;
+
+  & > h1 {
+    display: flex;
+    font-size: var(--registration-title-font-size);
+    font-weight: var(--font-weight-bold);
+    justify-content: center;
+    letter-spacing: 0.1px;
+    line-height: 50px;
+    margin: 0;
+
+    & > img {
+      margin-right: 16px;
+    }
+  }
+
+  & > p {
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    margin: 0;
+  }
+}
+
+.buttonsHolder {
+  justify-content: center;
+  width: 100%;
+
+  & .icon {
+    font-size: var(--paragraph-font-size-s);
+    font-weight: bold;
+  }
+}
+
+.disabledLink {
+  pointer-events: none;
+}
diff --git a/src/components/registerV2/registerV2.js b/src/components/registerV2/registerV2.js
new file mode 100644
index 0000000000..14c27e33c6
--- /dev/null
+++ b/src/components/registerV2/registerV2.js
@@ -0,0 +1,70 @@
+import React from 'react';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
+import { generatePassphrase } from '../../utils/passphrase';
+import { extractAddress } from '../../utils/account';
+import HeaderV2 from '../headerV2/headerV2';
+import MultiStep from '../multiStep';
+import ChooseAvatar from './chooseAvatar';
+import BackupPassphrase from './backupPassphrase';
+import ConfirmPassphrase from './confirmPassphrase';
+import AccountCreated from './accountCreated';
+import styles from './registerV2.css';
+
+class RegisterV2 extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      accounts: [],
+      selectedAccount: {},
+    };
+
+    this.handleSelectAvatar = this.handleSelectAvatar.bind(this);
+  }
+
+  componentDidMount() {
+    /* istanbul ignore next */
+    const crypotObj = window.crypto || window.msCrypto;
+    const passphrases = [...Array(5)].map(() =>
+      generatePassphrase({
+        seed: [...crypotObj.getRandomValues(new Uint16Array(16))].map(x => (`00${(x % 256).toString(16)}`).slice(-2)),
+      }));
+    const accounts = passphrases.map(pass => ({
+      address: extractAddress(pass),
+      passphrase: pass,
+    }));
+    this.setState({
+      accounts,
+    });
+  }
+
+  /* istanbul ignore next */
+  handleSelectAvatar(selectedAccount) {
+    this.setState({ selectedAccount });
+  }
+
+  render() {
+    const { accounts, selectedAccount } = this.state;
+    return (
+      <React.Fragment>
+        <HeaderV2 showSettings={false} />
+        <div className={`${styles.register} ${grid.row}`}>
+          <MultiStep
+            className={`${styles.wrapper} ${grid['col-xs-12']} ${grid['col-md-10']} ${grid['col-lg-8']}`}>
+            <ChooseAvatar
+              accounts={accounts}
+              selected={selectedAccount}
+              handleSelectAvatar={this.handleSelectAvatar} />
+            <BackupPassphrase
+              account={selectedAccount} />
+            <ConfirmPassphrase
+              passphrase={selectedAccount.passphrase} />
+            <AccountCreated
+              account={selectedAccount} />
+          </MultiStep>
+        </div>
+      </React.Fragment>
+    );
+  }
+}
+
+export default RegisterV2;
diff --git a/src/components/registerV2/registerV2.test.js b/src/components/registerV2/registerV2.test.js
new file mode 100644
index 0000000000..b58790ad5e
--- /dev/null
+++ b/src/components/registerV2/registerV2.test.js
@@ -0,0 +1,25 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { MemoryRouter } from 'react-router-dom';
+import i18n from '../../i18n';
+import RegisterV2 from './registerV2';
+
+describe('V2 Register Process', () => {
+  let wrapper;
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<MemoryRouter><RegisterV2 /></MemoryRouter>, options);
+  });
+
+  it('Should render on initial step -> Choose Avatar', () => {
+    expect(wrapper.find('ChooseAvatar')).to.have.length(1);
+  });
+});
diff --git a/src/components/request/steps/confirmation/confirmation.js b/src/components/request/steps/confirmation/confirmation.js
index 76220cbb92..c9037b7873 100644
--- a/src/components/request/steps/confirmation/confirmation.js
+++ b/src/components/request/steps/confirmation/confirmation.js
@@ -7,6 +7,7 @@ import { FontIcon } from '../../../fontIcon';
 import { Button, ActionButton } from '../../../toolbox/buttons/button';
 import CopyToClipboard from '../../../copyToClipboard/index';
 import inputValidator from '../../../../utils/inputValidator';
+import Piwik from '../../../../utils/piwik';
 import styles from '../../receive.css';
 
 class Confirmation extends React.Component {
@@ -33,6 +34,16 @@ class Confirmation extends React.Component {
     });
   }
 
+  onNextStep() {
+    Piwik.trackingEvent('Request_Confirmation', 'button', 'Next step');
+    this.props.goToTransationPage();
+  }
+
+  onPrevStep() {
+    Piwik.trackingEvent('Request_Confirmation', 'button', 'Previous step');
+    this.props.prevStep({ reset: true });
+  }
+
   render() {
     let link = `lisk://wallet/send?recipient=${this.props.address}`;
     link = `${link}&amount=${this.state.amount.value}`;
@@ -83,14 +94,14 @@ class Confirmation extends React.Component {
               className={'back'}
               // prevStep() should be check it as the behavior is not right
               // the reset shouldn't be use for skip
-              onClick={() => this.props.prevStep({ reset: true })}>
+              onClick={this.onPrevStep.bind(this)}>
               {this.props.t('Back')}
             </Button>
           </div>
           <div className={`${grid['col-xs-5']} ${grid['col-sm-5']} ${grid['col-md-4']} ${grid['col-lg-3']}`}>
             <ActionButton
               className={'next okay-button'}
-              onClick={() => this.props.goToTransationPage()}
+              onClick={this.onNextStep.bind(this)}
               >
               {this.props.t("Okay, I'm done")}
             </ActionButton>
diff --git a/src/components/request/steps/description/description.js b/src/components/request/steps/description/description.js
index 011c1212a3..62186491e5 100644
--- a/src/components/request/steps/description/description.js
+++ b/src/components/request/steps/description/description.js
@@ -5,6 +5,7 @@ import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import { FontIcon } from '../../../fontIcon';
 import { Button, ActionButton } from '../../../toolbox/buttons/button';
 import CopyToClipboard from '../../../copyToClipboard/index';
+import Piwik from '../../../../utils/piwik';
 import styles from '../../receive.css';
 
 const Description = (props) => {
@@ -12,6 +13,16 @@ const Description = (props) => {
   const text = `mailto:?subject=Requesting LSK to ${props.address}&body=Hey there,
     here is a link you can use to send me LSK via your wallet: ${encodeURIComponent(link)}`;
 
+  function onPrevStep() {
+    Piwik.trackingEvent('Request_Description', 'button', 'Previous step');
+    props.goToTransationPage();
+  }
+
+  function onNextStep() {
+    Piwik.trackingEvent('Request_Description', 'button', 'Next step');
+    props.nextStep({ address: props.address, status: 'foward' });
+  }
+
   return (
     <div>
       <div className={`${grid.row} ${grid['center-xs']} ${grid['center-sm']} ${grid['center-md']} ${grid['center-lg']}`}>
@@ -45,7 +56,7 @@ const Description = (props) => {
         <div className={`${grid['col-xs-3']} ${grid['col-sm-3']} ${grid['col-md-4']} ${grid['col-lg-3']}`}>
           <Button
             className={'back'}
-            onClick={() => props.goToTransationPage()}>
+            onClick={() => onPrevStep()}>
             {props.t('Back')}
           </Button>
         </div>
@@ -53,7 +64,7 @@ const Description = (props) => {
         <div className={`${grid['col-xs-5']} ${grid['col-sm-5']} ${grid['col-md-4']} ${grid['col-lg-3']}`}>
           <ActionButton
             className={'specify-request'}
-            onClick={() => props.nextStep({ address: props.address, status: 'foward' })}
+            onClick={() => onNextStep()}
             >
             {props.t('Request specific amount')}
           </ActionButton>
diff --git a/src/components/request/steps/howItWorks/howItWorks.js b/src/components/request/steps/howItWorks/howItWorks.js
index 9b4469f704..bce97b8a32 100644
--- a/src/components/request/steps/howItWorks/howItWorks.js
+++ b/src/components/request/steps/howItWorks/howItWorks.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import { ActionButton } from '../../../toolbox/buttons/button';
+import Piwik from '../../../../utils/piwik';
 import styles from '../../receive.css';
 
 class HowItWorks extends React.Component {
@@ -9,6 +10,7 @@ class HowItWorks extends React.Component {
   }
 
   disableAndContinue() {
+    Piwik.trackingEvent('Request_HowItWorks', 'button', 'Disable and continue');
     this.props.settingsUpdated({ isRequestHowItWorksDisable: true });
     this.props.nextStep({ address: this.props.address, status: 'foward' });
   }
diff --git a/src/components/resultBox/resultBox.js b/src/components/resultBox/resultBox.js
index ecfa163bbb..8cdd4bf025 100644
--- a/src/components/resultBox/resultBox.js
+++ b/src/components/resultBox/resultBox.js
@@ -3,7 +3,7 @@ import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import { Button, ActionButton } from '../toolbox/buttons/button';
 import { FontIcon } from '../fontIcon';
 import CopyToClipboard from '../copyToClipboard';
-
+import Piwik from '../../utils/piwik';
 import styles from './resultBox.css';
 import check from '../../assets/images/icons/check.svg';
 
@@ -29,6 +29,32 @@ class ResultBox extends React.Component {
     });
   }
 
+  onAddToBookmarks() {
+    Piwik.trackingEvent('ResultBox', 'button', 'Add to bookmarks');
+    this.props.nextStep({ address: this.props.recipientId });
+  }
+
+  onAddToFollowedAccounts() {
+    Piwik.trackingEvent('ResultBox', 'button', 'Add to followed accounts');
+    this.props.transactionFailedClear();
+    this.props.prevStep({
+      success: null,
+      account: this.props.account,
+      recipient: this.props.recipient,
+      amount: this.props.amount,
+      password: { value: '' },
+    });
+  }
+
+  onOk() {
+    Piwik.trackingEvent('ResultBox', 'button', 'ok');
+    this.props.transactionFailedClear();
+    // istanbul ignore else
+    if (typeof this.props.finalCallback === 'function') this.props.finalCallback();
+    this.props.reset();
+    this.props.history.replace(this.props.history.location.pathname);
+  }
+
   render() {
     return (
       <div className={`${styles.resultBox}`}>
@@ -59,9 +85,7 @@ class ResultBox extends React.Component {
             this.props.recipientId && this.isNotYetFollowed(this.props.recipientId) ?
             <div className={`${grid['col-xs-6']} ${grid['col-sm-6']} ${grid['col-md-5']} ${grid['col-lg-5']}`}>
               <Button className={`add-to-bookmarks ${styles.addFollowedAccountButton}`}
-                onClick={() => {
-                  this.props.nextStep({ address: this.props.recipientId });
-                }}>
+                onClick={this.onAddToBookmarks.bind(this)}>
                 {this.props.t('Add to bookmarks')}
               </Button>
             </div> : null
@@ -69,31 +93,14 @@ class ResultBox extends React.Component {
           {!this.props.success && this.props.account && this.props.account.hwInfo ?
             <div className={`${grid['col-xs-6']} ${grid['col-sm-6']} ${grid['col-md-5']} ${grid['col-lg-5']}`}>
               <Button className={`add-follwed-account-button ${styles.addFollowedAccountButton}`}
-                onClick={() => {
-                  this.props.transactionFailedClear();
-                  this.props.prevStep({
-                    success: null,
-                    account: this.props.account,
-                    recipient: this.props.recipient,
-                    amount: this.props.amount,
-                    password: { value: '' },
-                  });
-                }}>
+                onClick={this.onAddToFollowedAccounts.bind(this)}>
                 {this.props.t('Retry')}
               </Button>
             </div> : null
           }
           <div className={`${grid['col-xs-6']} ${grid['col-sm-6']} ${grid['col-md-5']} ${grid['col-lg-5']}`}>
             <ActionButton className={`okay-button ${styles.okButton}`}
-              onClick={() => {
-                this.props.transactionFailedClear();
-                // istanbul ignore else
-                if (typeof this.props.finalCallback === 'function') {
-                  this.props.finalCallback();
-                }
-                this.props.reset();
-                this.props.history.replace(this.props.history.location.pathname);
-              }}>
+              onClick={this.onOk.bind(this)}>
               {this.props.t('Okay')}
             </ActionButton>
           </div>
diff --git a/src/components/searchResult/index.js b/src/components/searchResult/index.js
index 91fed4b5de..465d869b3c 100644
--- a/src/components/searchResult/index.js
+++ b/src/components/searchResult/index.js
@@ -7,7 +7,7 @@ import styles from './search.css';
 const SearchResult = ({ t }) => (
   <Box className={styles.resultWrapper}>
     <EmptyState title={t('No results')}
-      message={t('Search for Lisk ID or Transaction ID')} />
+      message={t('Search for Lisk ID, Delegate or Transaction ID')} />
   </Box>
 );
 
diff --git a/src/components/send/send.js b/src/components/send/send.js
index 380f3c051d..d85b145a58 100644
--- a/src/components/send/send.js
+++ b/src/components/send/send.js
@@ -46,7 +46,9 @@ class Send extends React.Component {
               key='send'
               finalCallback={this.goToWallet.bind(this)}
               className={styles.wrapper}>
-              <AccountInitialization address={recipient}/>
+              <AccountInitialization
+                history={this.props.history}
+                address={recipient}/>
               <Form
                 autoFocus={this.state.isActiveOnMobile || window.innerWidth > breakpoints.m}
                 address={recipient}
diff --git a/src/components/send/send.test.js b/src/components/send/send.test.js
index d374368dfc..40631c44a8 100644
--- a/src/components/send/send.test.js
+++ b/src/components/send/send.test.js
@@ -36,6 +36,7 @@ describe('Send', () => {
 
     props = {
       history: {
+        replace: spy(),
         location: {},
         push: spy(),
       },
diff --git a/src/components/send/steps/confirm/confirm.css b/src/components/send/steps/confirm/confirm.css
index 0e6a82a10a..ed5edf1a4a 100644
--- a/src/components/send/steps/confirm/confirm.css
+++ b/src/components/send/steps/confirm/confirm.css
@@ -22,6 +22,12 @@
     line-height: 30px;
   }
 
+  & a {
+    font-weight: var(--font-weight-bold);
+    color: var(--color-link);
+    text-decoration: none;
+  }
+
   & > form {
     & > div {
       height: 82px;
diff --git a/src/components/send/steps/confirm/confirm.js b/src/components/send/steps/confirm/confirm.js
index f3240a3435..ed5a8c05e3 100644
--- a/src/components/send/steps/confirm/confirm.js
+++ b/src/components/send/steps/confirm/confirm.js
@@ -2,8 +2,11 @@ import React from 'react';
 import { fromRawLsk, toRawLsk } from '../../../../utils/lsk';
 import AccountVisual from '../../../accountVisual';
 import { Button, PrimaryButton } from './../../../toolbox/buttons/button';
+import { FontIcon } from '../../../fontIcon';
 import ToolBoxInput from '../../../toolbox/inputs/toolBoxInput';
 import fees from './../../../../constants/fees';
+import Piwik from '../../../../utils/piwik';
+import links from '../../../../constants/externalLinks';
 import styles from './confirm.css';
 
 class Confirm extends React.Component {
@@ -39,6 +42,9 @@ class Confirm extends React.Component {
       },
     };
     this.setState(newState);
+    if (this.props.account.hwInfo && this.props.account.hwInfo.deviceId) {
+      this.send(newState);
+    }
   }
 
   componentDidUpdate() {
@@ -47,7 +53,7 @@ class Confirm extends React.Component {
       ? this.props.pendingTransactions.find(transaction => (
         transaction.senderId === this.props.account.address &&
       transaction.recipientId === this.state.recipient.value &&
-      fromRawLsk(transaction.amount) === this.props.amount
+      (this.props.accountInit || fromRawLsk(transaction.amount) === this.props.amount)
       )) : this.props.pendingTransactions.length;
 
     if (this.state.loading && (pending || this.props.failedTransactions)) {
@@ -87,19 +93,29 @@ class Confirm extends React.Component {
     });
   }
 
-  send(event) {
-    event.preventDefault();
+  send(newState = {}) {
+    Piwik.trackingEvent('Send_Confirmation', 'button', 'Send');
     this.setState({ loading: true });
     this.props.sent({
       account: this.props.account,
-      recipientId: this.state.recipient.value,
-      amount: this.state.amount.value,
+      recipientId: this.state.recipient.value || newState.recipient.value,
+      amount: this.state.amount.value || newState.amount.value,
       passphrase: this.props.passphrase.value,
       secondPassphrase: this.props.secondPassphrase.value,
       data: this.props.accountInit ? this.props.t('Account initialization') : this.props.reference,
     });
   }
 
+  /* istanbul ignore next */
+  onPrevStep() {
+    Piwik.trackingEvent('Send_Confirmation', 'button', 'Previous step');
+    this.props.prevStep({
+      reset: this.props.skipped,
+      recipient: this.props.recipient,
+      amount: this.props.amount,
+    });
+  }
+
   addAmountAndFee() {
     return fromRawLsk(toRawLsk(this.state.amount.value) + this.fee);
   }
@@ -123,6 +139,17 @@ class Confirm extends React.Component {
           ? <div>
             <p>{this.props.t('You will send a small amount of {{fee}} LSK to yourself and therefore initialize your ID.', { fee: fromRawLsk(fees.send) })}</p>
             <p>{this.props.t('You only need to do this once for each Lisk ID.')}</p>
+            <p>
+              <a
+                target='_blank'
+                href={links.accountInitialization}
+                /* istanbul ignore next */
+                onClick={() => Piwik.trackingEvent('AccountInit', 'link', 'Initialize my lisk account')}
+                rel='noopener noreferrer'
+              >
+                {this.props.t('Learn more about Lisk ID initialization')} <FontIcon>arrow-right</FontIcon>
+              </a>
+            </p>
           </div>
           : <form>
             <ToolBoxInput
@@ -140,7 +167,7 @@ class Confirm extends React.Component {
                 />
                 <div className={styles.text}>
                   <div className={styles.title}>{followedAccount && followedAccount.title}</div>
-                  <div className={`${followedAccount && followedAccount.title ? styles.smallAddress : styles.address}`}>
+                  <div className={`recipient-confirm ${followedAccount && followedAccount.title ? styles.smallAddress : styles.address}`}>
                     {this.state.recipient.value}
                   </div>
                 </div>
@@ -176,12 +203,9 @@ class Confirm extends React.Component {
         <footer>
           <section>
               <Button
+                className={'back'}
                 label={this.props.t('Back')}
-                onClick={() => this.props.prevStep({
-                  reset: this.props.skipped,
-                  recipient: this.props.recipient,
-                  amount: this.props.amount,
-                }) }
+                onClick={this.onPrevStep.bind(this)}
                 type='button'
                 theme={styles}
               />
@@ -190,7 +214,10 @@ class Confirm extends React.Component {
                 label={this.props.accountInit ? this.props.t('Confirm (Fee: {{fee}} LSK)', { fee: fromRawLsk(fees.send) }) : this.props.t('Send')}
                 type='submit'
                 theme={styles}
-                onClick={this.send.bind(this)}
+                onClick={(e) => {
+                  e.preventDefault();
+                  this.send();
+                }}
                 disabled={this.state.loading}
               />
           </section>
diff --git a/src/components/send/steps/form/form.js b/src/components/send/steps/form/form.js
index 08a21ad9b3..98b934f86d 100644
--- a/src/components/send/steps/form/form.js
+++ b/src/components/send/steps/form/form.js
@@ -9,6 +9,7 @@ import regex from '../../../../utils/regex';
 import AddressInput from '../../../addressInput';
 import ReferenceInput from '../../../referenceInput';
 import Bookmark from '../../../bookmark';
+import Piwik from '../../../../utils/piwik';
 
 class Form extends React.Component {
   constructor(props) {
@@ -79,6 +80,7 @@ class Form extends React.Component {
   }
 
   handleSetMaxAmount() {
+    Piwik.trackingEvent('Send_Form', 'button', 'Set max amount');
     const amount = parseFloat(this.getMaxAmount());
     this.setState({
       amount: {
@@ -107,6 +109,20 @@ class Form extends React.Component {
     }, 200);
   }
 
+  onPrevStep() {
+    Piwik.trackingEvent('Send_Form', 'button', 'Previous step');
+    this.props.goToWallet();
+  }
+
+  onNextStep() {
+    Piwik.trackingEvent('Send_Form', 'button', 'Next step');
+    this.props.nextStep({
+      recipient: this.state.recipient.value,
+      amount: this.state.amount.value,
+      reference: this.state.reference.value,
+    });
+  }
+
   render() {
     return (
       <div className={`${styles.sendWrapper}`}>
@@ -158,18 +174,14 @@ class Form extends React.Component {
         </form>
         <footer>
           <Button
-            onClick={() => this.props.goToWallet()}
+            onClick={this.onPrevStep.bind(this)}
             className={`send-prev-button ${styles.nextButton}`}
           >
           {this.props.t('Back')}
           </Button>
 
           <ActionButton
-            onClick={() => this.props.nextStep({
-              recipient: this.state.recipient.value,
-              amount: this.state.amount.value,
-              reference: this.state.reference.value,
-            })}
+            onClick={this.onNextStep.bind(this)}
             disabled={(!!this.state.recipient.error ||
                     !this.state.recipient.value ||
                     !!this.state.amount.error ||
diff --git a/src/components/sendTo/followAccount.css b/src/components/sendTo/followAccount.css
index 97f5865cc6..a84a6ae38a 100644
--- a/src/components/sendTo/followAccount.css
+++ b/src/components/sendTo/followAccount.css
@@ -41,17 +41,31 @@
   }
 
   & > footer {
+    align-items: center;
     display: flex;
-    justify-content: space-evenly;
+    justify-content: space-between;
     margin-bottom: 8px;
 
     & > button {
-      width: calc(100% / 2 - 20px) !important;
+      width: calc(60% - 10px) !important;
       margin-top: 0 !important;
+
+      &:first-child {
+        width: calc(40% - 10px) !important;
+      }
     }
   }
 }
 
 .followedAccountsStep {
   padding: 2px;
+
+  & > footer {
+    justify-content: space-evenly;
+
+    & > button,
+    & > button:first-child {
+      width: calc(100% / 2 - 20px) !important;
+    }
+  }
 }
diff --git a/src/components/sendTo/followAccount.js b/src/components/sendTo/followAccount.js
index 6b0ef8c7d7..49863be7ba 100644
--- a/src/components/sendTo/followAccount.js
+++ b/src/components/sendTo/followAccount.js
@@ -5,6 +5,7 @@ import { TertiaryButton, Button } from './../toolbox/buttons/button';
 import Box from '../box';
 import AccountTitleInput from './../followedAccounts/accountTitleInput';
 import { followedAccountAdded } from '../../actions/followedAccounts';
+import Piwik from '../../utils/piwik';
 import styles from './followAccount.css';
 
 class FollowAccount extends React.Component {
@@ -22,13 +23,35 @@ class FollowAccount extends React.Component {
     });
   }
 
-  render() {
-    const {
-      prevStep, t, addAccount, address,
-    } = this.props;
+  onPrevStep() {
+    Piwik.trackingEvent('FollowAccount', 'button', 'Previous step');
+    this.props.prevStep();
+  }
 
+  onFollowAccount() {
+    Piwik.trackingEvent('FollowAccount', 'button', 'Follow account');
+
+    const { address } = this.props;
     const title = this.state.title.value;
 
+    this.props.addAccount({ title, address });
+    // istanbul ignore else
+    if (!this.props.showConfirmationStep) {
+      this.props.prevStep();
+    } else {
+      this.props.nextStep({
+        success: true,
+        title: this.props.t('Success'),
+        body: this.props.t('{{title}} has been added to your Dashboard.', { title }),
+        followedAccount: [{ address }],
+        reciepientId: address,
+      });
+    }
+  }
+
+  render() {
+    const { t } = this.props;
+
     return (<Box className={`${styles.wrapper}
       ${this.props.showConfirmationStep ? styles.followedAccountsStep : ''}`}>
       <header>
@@ -41,28 +64,14 @@ class FollowAccount extends React.Component {
         onChange={this.handleChange.bind(this)}
       />
       <footer>
-        <Button onClick={() => prevStep()} className={`${styles.button} ${styles.follow} cancel`} >
+        <Button onClick={() => this.onPrevStep()} className={`${styles.button} ${styles.follow} cancel`} >
           <span className={styles.label}>{t('Cancel')}</span>
         </Button>
 
         <TertiaryButton className={`${styles.button} follow-account-button`}
           disabled={!this.state.title.value || !!this.state.title.error}
-          onClick={() => {
-            addAccount({ title, address });
-            // istanbul ignore else
-            if (!this.props.showConfirmationStep) {
-              this.props.prevStep();
-            } else {
-              this.props.nextStep({
-                success: true,
-                title: this.props.t('Success'),
-                body: this.props.t('{{title}} has been added to your Dashboard.', { title }),
-                followedAccount: [{ address }],
-                reciepientId: address,
-              });
-            }
-          }}>
-          {t('Add to bookmarks')}
+          onClick={() => this.onFollowAccount()}>
+          {t('Add to list')}
         </TertiaryButton>
       </footer>
     </Box>
diff --git a/src/components/sendTo/send.js b/src/components/sendTo/send.js
index 38f5e23388..26be69cf36 100644
--- a/src/components/sendTo/send.js
+++ b/src/components/sendTo/send.js
@@ -12,6 +12,7 @@ import CopyToClipboard from '../copyToClipboard';
 import routes from './../../constants/routes';
 import { getIndexOfFollowedAccount } from './../../utils/followedAccounts';
 import { followedAccountRemoved } from '../../actions/followedAccounts';
+import Piwik from '../../utils/piwik';
 import styles from './sendTo.css';
 
 class SendTo extends React.Component {
@@ -23,8 +24,10 @@ class SendTo extends React.Component {
     const isFollowing = getIndexOfFollowedAccount(accounts, account) !== -1;
     const handleClick = () => {
       if (isFollowing) {
+        Piwik.trackingEvent('SendTo', 'button', 'Remove account');
         removeAccount(account);
       } else {
+        Piwik.trackingEvent('SendTo', 'button', 'Next step');
         nextStep(account);
       }
     };
diff --git a/src/components/setting/setting.css b/src/components/setting/setting.css
index 47981e2d6a..859fe65e96 100644
--- a/src/components/setting/setting.css
+++ b/src/components/setting/setting.css
@@ -60,6 +60,21 @@
   font-size: 12px;
 }
 
+.privatePolicy {
+  font-size: 12px;
+  display: flex;
+  justify-content: flex-start;
+  margin-bottom: 30px;
+
+  & a {
+    font-size: 12px;
+    margin-left: 5px;
+    color: var(--color-primary-standard);
+    font-weight: 600;
+    text-decoration: none;
+  }
+}
+
 .sliderInput {
   width: auto;
 
diff --git a/src/components/setting/setting.js b/src/components/setting/setting.js
index 7457a72b2c..ec228abb91 100644
--- a/src/components/setting/setting.js
+++ b/src/components/setting/setting.js
@@ -11,6 +11,8 @@ import settingsConst from './../../constants/settings';
 import routes from '../../constants/routes';
 import { FontIcon } from '../fontIcon';
 import Box from '../box';
+import links from './../../constants/externalLinks';
+import Piwik from '../../utils/piwik';
 // import languageSwitcherTheme from './languageSwitcher.css';
 
 class Setting extends React.Component {
@@ -22,6 +24,7 @@ class Setting extends React.Component {
   }
 
   toggleAutoLog(state) {
+    Piwik.trackingEvent('Settings', 'button', 'Toggle autoLog');
     const {
       account, settings, settingsUpdated, accountUpdated,
     } = this.props;
@@ -32,14 +35,20 @@ class Setting extends React.Component {
     settingsUpdated({ autoLog: !settings.autoLog });
   }
 
+  onUpdateSettings(newSettings) {
+    Piwik.trackingEvent('Settings', 'button', 'Update settings');
+    this.props.settingsUpdated(newSettings);
+  }
+
   render() {
     const {
-      t, settings, settingsUpdated,
+      t, settings,
       hasSecondPassphrase,
     } = this.props;
 
-    /* istanbul ignore next */
-    const allowAuthClass = !this.props.isAuthenticated ? `${styles.disable} disabled` : '';
+    const allowAuthClass = !this.props.isAuthenticated ||
+      (this.props.account.hwInfo && this.props.account.hwInfo.deviceId) ?
+      `${styles.disable} disabled` : '';
     const activeCurrency = settings.currency || settingsConst.currencies[0];
 
     return (<Box className={styles.wrapper}>
@@ -50,7 +59,7 @@ class Setting extends React.Component {
         </header>
       </aside>
       <section className={`${grid['col-sm-12']} ${grid['col-md-8']}`}>
-        <h4 className={`${allowAuthClass}`}>{t('Security')}</h4>
+        <h4>{t('Security')}</h4>
         <div className={styles.item}>
           <label className={`${allowAuthClass}`}>{t('Second passphrase (Fee: 5 LSK)')}</label>
           {!hasSecondPassphrase ?
@@ -84,7 +93,7 @@ class Setting extends React.Component {
           <Checkbox
             theme={styles}
             className={`${styles.smallSlider} showNetwork`}
-            onChange={() => settingsUpdated({ showNetwork: !settings.showNetwork })}
+            onChange={() => this.onUpdateSettings({ showNetwork: !settings.showNetwork })}
             input={{
               value: false,
               checked: settings.showNetwork,
@@ -98,12 +107,29 @@ class Setting extends React.Component {
           <Checkbox
             theme={styles}
             className={`${styles.smallSlider} advancedMode`}
-            onChange={() => settingsUpdated({ advancedMode: !settings.advancedMode })}
+            onChange={() => this.onUpdateSettings({ advancedMode: !settings.advancedMode })}
             input={{
               value: true,
               checked: settings.advancedMode,
             }}/>
         </div>
+        <div>
+          <div className={`${styles.item} ${styles.network}`}>
+            <label>{t('Send anonymous usage statistics')}</label>
+            <Checkbox
+              theme={styles}
+              className={`${styles.smallSlider} statistics`}
+              onChange={() => this.onUpdateSettings({ statistics: !settings.statistics })}
+              input={{
+                value: false,
+                checked: settings.statistics,
+              }}/>
+          </div>
+          <div className={`${styles.item} ${styles.privatePolicy}`}>
+            {t('For more information refer to our ')}
+            <a href={links.privacyPolicy} target={'_blank'}>{t('Privacy Policy')}</a>
+          </div>
+        </div>
         <h4>{t('Local')}</h4>
         <div className={styles.item}>
           <label>{t('Currency')}</label>
@@ -112,7 +138,7 @@ class Setting extends React.Component {
               <li
                 key={`currency-${currency}`}
                 className={`currency currency-${currency} ${currency === activeCurrency ? `${styles.active} active` : ''}`}
-                onClick={() => settingsUpdated({ currency })}>
+                onClick={() => this.onUpdateSettings({ currency })}>
                 {currency}
               </li>
             ))}
diff --git a/src/components/setting/setting.test.js b/src/components/setting/setting.test.js
index 82a2357b49..da2bc03297 100644
--- a/src/components/setting/setting.test.js
+++ b/src/components/setting/setting.test.js
@@ -23,6 +23,7 @@ describe('Setting', () => {
     advancedMode: true,
     showNetwork: false,
     currency: settingsConst.currencies[0],
+    statistics: false,
   };
 
   const account = {
@@ -51,12 +52,17 @@ describe('Setting', () => {
   let wrapper;
 
   const props = {
+    account: {},
     settingsUpdated: sinon.spy(),
     accountUpdated: sinon.spy(),
     settings,
     t,
     toggleMenu: sinon.spy(),
     isAuthenticated: true,
+    location: {
+      pathname: '/setting',
+      search: '?showTackingSwitch=true',
+    },
   };
 
   beforeEach(() => {
@@ -83,6 +89,17 @@ describe('Setting', () => {
     clock.tick(300);
   });
 
+  it('should disable 2nd passphrase when hardwareWallet', () => {
+    const newProps = { ...props, account: { hwInfo: { deviceId: '123' } } };
+    wrapper = mount(<Router>
+      <Setting
+        store={store}
+        {...newProps}/>
+    </Router>, options);
+
+    expect(wrapper.find('.disabled').length).to.have.equal(3);
+  });
+
   it('should not show the onboarding setting when on mobile', () => {
     window.innerWidth = breakpoints.m;
     wrapper = mount(<Router>
@@ -124,6 +141,23 @@ describe('Setting', () => {
     expect(props.settingsUpdated).to.have.been.calledWith(expectedCallToSettingsUpdated);
   });
 
+  it('should change usage statistics when clicking on checkbox', () => {
+    props.settings.currency = undefined;
+    wrapper = mount(<Router>
+      <Setting
+        store={store}
+        {...props}/>
+    </Router>, options);
+
+    wrapper.find('.statistics').at(0).find('input').simulate('change', { target: { checked: false, value: false } });
+    clock.tick(300);
+    wrapper.update();
+    const expectedCallToSettingsUpdated = {
+      statistics: !settings.statistics,
+    };
+    expect(props.settingsUpdated).to.have.been.calledWith(expectedCallToSettingsUpdated);
+  });
+
   it('should change active currency setting to EUR', () => {
     wrapper.find('.currency').at(1).simulate('click');
     wrapper.update();
diff --git a/src/components/showMore/index.js b/src/components/showMore/index.js
new file mode 100644
index 0000000000..ca77232062
--- /dev/null
+++ b/src/components/showMore/index.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import styles from './showMore.css';
+
+const ShowMore = props => (
+  <div
+    className={`${styles.wrapper} ${props.className} show-more-button`}
+    onClick={props.onClick}
+  >
+    <span>{props.text}</span>
+  </div>
+);
+
+export default ShowMore;
diff --git a/src/components/showMore/showMore.css b/src/components/showMore/showMore.css
new file mode 100644
index 0000000000..fa05566ba5
--- /dev/null
+++ b/src/components/showMore/showMore.css
@@ -0,0 +1,21 @@
+@import '../app/variables.css';
+
+.wrapper {
+  width: 100%;
+  min-height: 30px;
+  height: 30px;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  box-shadow: 0px -10px 25px -10px lightgray;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  background-color: #fff;
+
+  & > span {
+    color: var(--color-primary-standard);
+    font-size: 14px;
+    font-weight: 600;
+  }
+}
diff --git a/src/components/showMore/showMore.test.js b/src/components/showMore/showMore.test.js
new file mode 100644
index 0000000000..9af419d531
--- /dev/null
+++ b/src/components/showMore/showMore.test.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import { mount } from 'enzyme';
+import ShowMore from './index';
+
+describe('notFound', () => {
+  const props = {
+    text: 'Show More',
+    onClick: spy(),
+    className: null,
+  };
+
+  it('should render a ShowMore', () => {
+    const wrapper = mount(<ShowMore {...props} />);
+    expect(wrapper.find('.wrapper')).to.have.lengthOf(1);
+  });
+
+  it('should render a text Show More', () => {
+    const wrapper = mount(<ShowMore {...props} />);
+    expect(wrapper.find('span').text()).to.equal('Show More');
+  });
+
+  it('should call onClick function', () => {
+    const wrapper = mount(<ShowMore {...props} />);
+    wrapper.find('.wrapper').simulate('click');
+    wrapper.update();
+    expect(props.onClick).to.have.been.calledWith();
+  });
+});
diff --git a/src/components/sidechains/index.js b/src/components/sidechains/index.js
index 41b62ce71e..f947e24530 100644
--- a/src/components/sidechains/index.js
+++ b/src/components/sidechains/index.js
@@ -7,6 +7,7 @@ import application from './../../assets/images/sidechains/graphic-application.sv
 import bootstrap from './../../assets/images/sidechains/graphic-bootstrap.svg';
 import hosts from './../../assets/images/sidechains/graphic-hosts.svg';
 import register from './../../assets/images/sidechains/graphic-register.svg';
+import links from './../../constants/externalLinks';
 
 class Sidechains extends React.Component {
   render() {
@@ -23,7 +24,7 @@ class Sidechains extends React.Component {
         <div className={styles.subHeader}>
           {t('Sidechains will revolutionize the way decentralized apps are developed. Here you will be able to find hosts, and monitor your sidechains soon.')}
         </div>
-        <a target='_blank' href='http://help.lisk.io/faq#sidechains' rel='noopener noreferrer'>
+        <a target='_blank' href={links.sidechains} rel='noopener noreferrer'>
           {t('Learn more about Lisk sidechains')}&nbsp;<FontIcon>arrow-right</FontIcon>
         </a>
         <img src={application} className={styles.smallGraphic}/>
diff --git a/src/components/signMessage/confirmMessage.js b/src/components/signMessage/confirmMessage.js
index f67201b11b..118a412cd4 100644
--- a/src/components/signMessage/confirmMessage.js
+++ b/src/components/signMessage/confirmMessage.js
@@ -9,6 +9,7 @@ import { extractPublicKey } from '../../utils/account';
 import PassphraseInput from '../passphraseInput';
 import TransitionWrapper from '../toolbox/transitionWrapper';
 import CopyToClipboard from '../copyToClipboard';
+import Piwik from '../../utils/piwik';
 import passphraseStepsStyles from '../passphraseSteps/passphraseSteps.css';
 
 class ConfirmMessage extends React.Component {
@@ -53,6 +54,7 @@ class ConfirmMessage extends React.Component {
   }
 
   signMessage() {
+    Piwik.trackingEvent('SignMessage_ConfirmMessage', 'button', 'Confirm');
     this.setState({
       step: 'done',
       result: this.sign(),
diff --git a/src/components/signMessage/signMessageInput.js b/src/components/signMessage/signMessageInput.js
index c8a4ae2cd5..9bec516f56 100644
--- a/src/components/signMessage/signMessageInput.js
+++ b/src/components/signMessage/signMessageInput.js
@@ -5,6 +5,7 @@ import ToolBoxInput from '../toolbox/inputs/toolBoxInput';
 import { PrimaryButton } from '../toolbox/buttons/button';
 import { parseSearchParams } from './../../utils/searchParams';
 import TransitionWrapper from '../toolbox/transitionWrapper';
+import Piwik from '../../utils/piwik';
 
 class SignMessageInput extends React.Component {
   constructor(props) {
@@ -32,6 +33,7 @@ class SignMessageInput extends React.Component {
   }
 
   done() {
+    Piwik.trackingEvent('SignMessageInput', 'button', 'Next step');
     this.props.nextStep({ message: this.state.message.value });
   }
 
diff --git a/src/components/singleTransaction/index.js b/src/components/singleTransaction/index.js
index 090fa9aa57..a41daddf5e 100644
--- a/src/components/singleTransaction/index.js
+++ b/src/components/singleTransaction/index.js
@@ -56,7 +56,7 @@ class SingleTransaction extends React.Component {
           </div>
         </Fragment> :
         <EmptyState title={this.props.t('No results')}
-          message={this.props.t('Search for Lisk ID or Transaction ID')} />
+          message={this.props.t('Search for Lisk ID, Delegate or Transaction ID')} />
       }
     </Box>;
   }
diff --git a/src/components/splashscreen/splashscreen.css b/src/components/splashscreen/splashscreen.css
new file mode 100644
index 0000000000..1b8c272103
--- /dev/null
+++ b/src/components/splashscreen/splashscreen.css
@@ -0,0 +1,86 @@
+@import '../app/variablesV2.css';
+
+.splashscreen {
+  align-items: center;
+  display: flex;
+  margin: 0;
+  min-height: 100%;
+  justify-content: center;
+  padding: 20px 0;
+  text-align: center;
+  width: 100%;
+}
+
+.wrapper {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+
+  & .button {
+    margin-top: 12px;
+    width: 100%;
+
+    & > button {
+      width: 100%;
+    }
+  }
+}
+
+.titleHolder {
+  max-width: 400px;
+
+  & > h1 {
+    color: var(--color-content);
+    font-family: var(--heading-font);
+    font-size: var(--font-size-h2);
+    line-height: 1.56;
+    font-weight: var(--font-weight-bold);
+    margin: 0;
+    text-align: center;
+  }
+
+  & > p {
+    color: var(--color-content-light);
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    font-weight: var(--font-weight-normal);
+    line-height: 1.47;
+    margin: 5px 0 50px;
+    text-align: center;
+  }
+}
+
+.separator {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 30px 0;
+  width: 100%;
+
+  & > span {
+    color: var(--color-content-light);
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-l);
+    margin: 0 12px;
+  }
+
+  &::after,
+  &::before {
+    background: var(--color-content-light);
+    content: '';
+    height: 1px;
+    opacity: 0.2;
+    width: 100%;
+  }
+}
+
+.link {
+  color: var(--color-link);
+  display: inline-block;
+  font-family: var(--heading-font);
+  font-size: var(--paragraph-font-size-l);
+  font-weight: var(--font-weight-bold);
+  line-height: 1.47;
+  margin-bottom: 20px;
+  text-align: center;
+}
diff --git a/src/components/splashscreen/splashscreen.js b/src/components/splashscreen/splashscreen.js
new file mode 100644
index 0000000000..039ce080e4
--- /dev/null
+++ b/src/components/splashscreen/splashscreen.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import grid from 'flexboxgrid/dist/flexboxgrid.css';
+import { translate } from 'react-i18next';
+import routes from '../../constants/routes';
+import { PrimaryButtonV2, SecondaryButtonV2 } from '../toolbox/buttons/button';
+import HeaderV2 from '../headerV2/headerV2';
+import styles from './splashscreen.css';
+
+const Splashscreen = ({ t }) => (
+  <React.Fragment>
+    <HeaderV2 showSettings={true} />
+    <div className={`${styles.splashscreen} ${grid.row}`}>
+      <div className={`${styles.wrapper} ${grid['col-sm-6']}`}>
+        <div className={`${styles.titleHolder}`}>
+          <h1>{t('Welcome to the Lisk Hub!')}</h1>
+          <p>{
+            t('Create an account or sign in to manage your LSK, become a delegate or vote for another delegates.')
+          }</p>
+        </div>
+        <Link className={styles.button} to={routes.loginV2.path}>
+          <SecondaryButtonV2>{t('Sign in')}</SecondaryButtonV2>
+        </Link>
+        <Link className={styles.button} to={routes.registration.path}>
+          <PrimaryButtonV2>{t('Create an Account')}</PrimaryButtonV2>
+        </Link>
+        <span className={styles.separator}>
+          <span>{t('or')}</span>
+        </span>
+        <Link className={styles.link} to={routes.dashboard.path}>
+          {t('Explore as a Guest')}
+        </Link>
+      </div>
+    </div>
+  </React.Fragment>
+);
+
+export default translate()(Splashscreen);
diff --git a/src/components/splashscreen/splashscreen.test.js b/src/components/splashscreen/splashscreen.test.js
new file mode 100644
index 0000000000..bafe1c196b
--- /dev/null
+++ b/src/components/splashscreen/splashscreen.test.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { MemoryRouter } from 'react-router-dom';
+import i18n from '../../i18n';
+import SplashScreen from './splashscreen';
+
+describe('V2 SplashScreen', () => {
+  let wrapper;
+  const options = {
+    context: { i18n },
+    childContextTypes: {
+      i18n: PropTypes.object.isRequired,
+    },
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<MemoryRouter><SplashScreen /></MemoryRouter>, options);
+  });
+
+  it('Should render all links, Sign in, Create an Account and Explre as Guest', () => {
+    const buttons = wrapper.find('.wrapper').children('.button');
+    expect(buttons.at(0).text()).to.equal('Sign in');
+    expect(buttons.at(1).text()).to.equal('Create an Account');
+    expect(wrapper.find('.link').at(0).text()).to.equal('Explore as a Guest');
+  });
+});
diff --git a/src/components/statusBar/externalLinks.css b/src/components/statusBar/externalLinks.css
new file mode 100644
index 0000000000..8f25e43892
--- /dev/null
+++ b/src/components/statusBar/externalLinks.css
@@ -0,0 +1,26 @@
+@import '../app/variablesV2.css';
+
+.wrapper {
+  box-sizing: border-box;
+  height: 20px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+
+  & > a {
+    height: 20px;
+    display: flex;
+    align-items: center;
+    font-family: var(--content-font-new);
+    font-size: var(--font-size-small);
+    color: var(--color-primary-standard);
+    font-weight: var(--font-weight-bold);
+    text-decoration: none;
+    margin-left: 27px;
+
+    & > img {
+      margin-right: 3px;
+    }
+  }
+}
diff --git a/src/components/statusBar/externalLinks.js b/src/components/statusBar/externalLinks.js
new file mode 100644
index 0000000000..7db4105502
--- /dev/null
+++ b/src/components/statusBar/externalLinks.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import styles from './externalLinks.css';
+
+const ExternalLinks = props => (
+  <section className={styles.wrapper}>
+    {
+      props.links.map((link, index) => {
+        if (link.internal) {
+          return (
+            <Link
+              id={link.id}
+              key={index}
+              to={`${link.path}`}
+            >
+              {link.icon && <img src={link.icon}/>}
+              {link.label}
+            </Link>
+          );
+        }
+
+        return (
+          <a
+            href={link.path}
+            id={link.id}
+            key={index}
+            target='_blank'
+          >
+            {link.icon && <img src={link.icon}/>}
+            {link.label}
+          </a>
+        );
+      })
+    }
+  </section>
+);
+
+export default ExternalLinks;
diff --git a/src/components/statusBar/externalLinks.test.js b/src/components/statusBar/externalLinks.test.js
new file mode 100644
index 0000000000..bc8a7e652d
--- /dev/null
+++ b/src/components/statusBar/externalLinks.test.js
@@ -0,0 +1,65 @@
+import React from 'react';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { MemoryRouter as Router } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import i18n from '../../i18n';
+import ExternalLinks from './externalLinks';
+import feedbackLinks from '../../constants/feedbackLinks';
+import routes from '../../constants/routes';
+
+describe('ExternalLinks', () => {
+  let wrapper;
+
+  const mountWithRouter = (node, options) => mount(<Router>{node}</Router>, options);
+
+  const props = {
+    links: [
+      {
+        label: 'Feedback',
+        path: `${feedbackLinks.general}`,
+        id: 'feedback',
+        icon: 'feedback-icon',
+        internal: false,
+      },
+      {
+        label: 'Help',
+        path: `${routes.help.path}`,
+        id: 'help',
+        icon: 'help-icon',
+        internal: true,
+      },
+    ],
+  };
+
+  const history = {
+    location: { pathname: `${routes.dashboard.path}` },
+  };
+
+  const options = {
+    context: {
+      history, i18n, router: { route: history, history },
+    },
+    childContextTypes: {
+      history: PropTypes.object.isRequired,
+      i18n: PropTypes.object.isRequired,
+      router: PropTypes.object.isRequired,
+    },
+  };
+
+  beforeEach(() => {
+    wrapper = mountWithRouter(<ExternalLinks {...props} />, options);
+  });
+
+  it('renders <ExternalLinks /> component', () => {
+    expect(wrapper.find('.wrapper')).to.have.length(1);
+  });
+
+  it('renders Feedback link properly', () => {
+    expect(wrapper.find('a').at(0)).to.have.text('Feedback');
+  });
+
+  it('renders Help link properly', () => {
+    expect(wrapper.find('a').at(1)).to.have.text('Help');
+  });
+});
diff --git a/src/components/statusBar/index.js b/src/components/statusBar/index.js
new file mode 100644
index 0000000000..65d75433ce
--- /dev/null
+++ b/src/components/statusBar/index.js
@@ -0,0 +1,28 @@
+// istanbul ignore file
+import { connect } from 'react-redux';
+import { translate } from 'react-i18next';
+import { withRouter } from 'react-router';
+import accountConfig from '../../constants/account';
+import { dialogDisplayed, dialogHidden } from '../../actions/dialog';
+import { accountLoggedOut, removePassphrase, accountUpdated } from '../../actions/account';
+import StatusBar from './statusBar';
+
+const { lockDuration } = accountConfig;
+
+const mapStateToProps = state => ({
+  account: state.account,
+  autoLogout: state.settings.autoLog,
+  isAuthenticated: !!state.account.publicKey,
+  peers: state.peers,
+  showNetworkIndicator: state.settings.showNetwork,
+});
+
+const mapDispatchToProps = {
+  setActiveDialog: dialogDisplayed,
+  closeDialog: dialogHidden,
+  logOut: accountLoggedOut,
+  removePassphrase,
+  resetTimer: () => accountUpdated({ expireTime: Date.now() + lockDuration }),
+};
+
+export default withRouter(connect(mapStateToProps, mapDispatchToProps)(translate()(StatusBar)));
diff --git a/src/components/statusBar/network.css b/src/components/statusBar/network.css
new file mode 100644
index 0000000000..39252006e0
--- /dev/null
+++ b/src/components/statusBar/network.css
@@ -0,0 +1,44 @@
+@import '../app/variablesV2.css';
+
+.wrapper {
+  height: 20px;
+  min-width: 116px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+
+  /* Message */
+  & > p {
+    font-size: var(--font-size-small);
+    color: var(--color-content-grayblue);
+    font-weight: var(--font-weight-semi-bold);
+    margin-left: 8px;
+
+    /* Network name */
+    & > span {
+      margin-left: 5px;
+      color: var(--color-content-light);
+    }
+
+    & > span:first-child {
+      font-weight: 600;
+      text-transform: capitalize;
+    }
+  }
+}
+
+.status {
+  height: 5px;
+  width: 5px;
+  border-radius: 50px;
+}
+
+.online {
+  background-color: #25ca95;
+}
+
+.offline {
+  background-color: red;
+}
diff --git a/src/components/statusBar/network.js b/src/components/statusBar/network.js
new file mode 100644
index 0000000000..2002b4ced6
--- /dev/null
+++ b/src/components/statusBar/network.js
@@ -0,0 +1,40 @@
+import React, { Fragment } from 'react';
+import Lisk from 'lisk-elements';
+import networks from '../../constants/networks';
+import styles from './network.css';
+
+const Network = (props) => {
+  const { peers, t, showNetworkIndicator } = props;
+  const net = ['mainnet', 'testnet', 'devnet'];
+  const activeNetwork = net.map(code => t(code));
+
+  let iconCode = peers.options.code;
+  if (iconCode === 2) {
+    iconCode = peers.options.nethash === Lisk.constants.MAINNET_NETHASH ?
+      networks.mainnet.code : iconCode;
+    iconCode = peers.options.nethash === Lisk.constants.TESTNET_NETHASH ?
+      networks.testnet.code : iconCode;
+  }
+
+  const statusColor = peers.status && peers.status.online ? styles.online : styles.offline;
+  const shouldShowNetworkIndicator = peers.liskAPIClient &&
+      (showNetworkIndicator || peers.options.code !== networks.mainnet.code);
+
+  return (
+    <section className={styles.wrapper}>
+      {
+        shouldShowNetworkIndicator &&
+        <Fragment>
+          <span className={`${styles.status} ${statusColor}`}></span>
+          <p>
+            {t('Connected to:')}
+            <span>{activeNetwork[iconCode]}</span>
+            <span>{peers.liskAPIClient.currentNode}</span>
+          </p>
+        </Fragment>
+      }
+    </section>
+  );
+};
+
+export default Network;
diff --git a/src/components/statusBar/network.test.js b/src/components/statusBar/network.test.js
new file mode 100644
index 0000000000..2c83ab7d1b
--- /dev/null
+++ b/src/components/statusBar/network.test.js
@@ -0,0 +1,72 @@
+import React from 'react';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import Network from './network';
+
+describe('Network', () => {
+  let wrapper;
+
+  const data = {
+    showNetworkIndicator: true,
+    t: val => val,
+    peers: {
+      liskAPIClient: {},
+      options: {
+        code: 2,
+        nethash: '198f2b61a8eb95fbeed58b8216780b68f697f26b849acf00c8c93bb9b24f783d',
+      },
+      status: {
+        online: true,
+      },
+    },
+  };
+
+  const setup = props => mount(<Network {...props} />);
+
+  beforeEach(() => {
+    wrapper = setup(data);
+  });
+
+  it('renders <Network /> component', () => {
+    expect(wrapper.find('.wrapper')).to.have.length(1);
+  });
+
+  it('renders status ONLINE', () => {
+    expect(wrapper.find('.online')).to.have.length(1);
+    expect(wrapper.find('.offline')).to.have.length(0);
+  });
+
+  it('renders status OFFLINE', () => {
+    data.peers.status.online = false;
+    wrapper = setup(data);
+    expect(wrapper.find('.online')).to.have.length(0);
+    expect(wrapper.find('.offline')).to.have.length(1);
+  });
+
+  it('renders nethash option as DEVENET', () => {
+    expect(wrapper.find('span').at(1)).to.have.text('devnet');
+  });
+
+  it('renders nethash option as MAINNET', () => {
+    const mainnet = 'ed14889723f24ecc54871d058d98ce91ff2f973192075c0155ba2b7b70ad2511';
+    data.peers.status.online = true;
+    data.peers.options.nethash = mainnet;
+    wrapper = setup(data);
+    expect(wrapper.find('span').at(1)).to.have.text('mainnet');
+  });
+
+  it('renders nethash option as TESTNET', () => {
+    const testnet = 'da3ed6a45429278bac2666961289ca17ad86595d33b31037615d4b8e8f158bba';
+    data.peers.options.nethash = testnet;
+    wrapper = setup(data);
+    expect(wrapper.find('span').at(1)).to.have.text('testnet');
+  });
+
+  it('not render a network', () => {
+    data.showNetworkIndicator = false;
+    data.peers.options.code = 0;
+    wrapper = setup(data);
+    expect(wrapper.find('.wrapper')).to.have.length(1);
+    expect(wrapper.find('.status')).to.have.length(0);
+  });
+});
diff --git a/src/components/statusBar/statusBar.css b/src/components/statusBar/statusBar.css
new file mode 100644
index 0000000000..c915abf72a
--- /dev/null
+++ b/src/components/statusBar/statusBar.css
@@ -0,0 +1,54 @@
+@import '../app/variablesV2.css';
+
+.wrapper {
+  width: calc(100% - 195px);
+
+  /* max-width: 1352px; This will be the max width once that the aside menu will remove */
+  height: 20px;
+  padding: 0 24px;
+  background-color: var(--color-background-header);
+  box-shadow: var(--box-shadow-standard);
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  margin-left: 166px;
+  font-family: var(--content-font-new);
+}
+
+.timer {
+  min-width: 168px;
+
+  /* Custom Countdown container */
+  & > div {
+    flex-direction: row-reverse;
+
+    /* Reset Button */
+    & > div {
+      margin: 0 0 0 24px;
+      padding: 0;
+      font-size: var(--font-size-small);
+      color: var(--color-primary-standard);
+    }
+
+    /* Session timeout text */
+    & > p {
+      color: var(--color-content-grayblue);
+      font-size: var(--font-size-small);
+      font-family: var(--content-font-new);
+    }
+  }
+}
+
+@media (--large-viewport) {
+  .wrapper {
+    width: calc(100% - 166px);
+    margin-left: 135px;
+  }
+}
diff --git a/src/components/statusBar/statusBar.js b/src/components/statusBar/statusBar.js
new file mode 100644
index 0000000000..2fa7dab3fa
--- /dev/null
+++ b/src/components/statusBar/statusBar.js
@@ -0,0 +1,96 @@
+import React from 'react';
+import Countdown from 'react-countdown-now';
+import CountDownTemplate from '../header/countDownTemplate';
+import CustomCountDown from '../header/customCountDown';
+import routes from '../../constants/routes';
+import Network from './network';
+import ExternalLinks from './externalLinks';
+import feedbackLinks from '../../constants/feedbackLinks';
+import svg from '../../utils/svgIcons';
+import styles from './statusBar.css';
+
+class StatusBar extends React.Component {
+  onCountdownComplete() {
+    this.props.logOut();
+    this.props.history.replace(routes.login.path);
+  }
+
+  isTimerEnabled() {
+    const { autoLogout, account } = this.props;
+
+    return autoLogout &&
+    account.expireTime &&
+    account.expireTime !== 0 &&
+    account.passphrase.length > 0;
+  }
+
+
+  linksList() {
+    return [
+      {
+        label: this.props.t('Feedback'),
+        path: `${feedbackLinks.general}`,
+        id: 'feedback',
+        icon: svg.feedback_icon,
+        internal: false,
+      },
+      {
+        label: this.props.t('Help'),
+        path: `${routes.help.path}`,
+        id: 'help',
+        icon: svg.help_icon,
+        internal: true,
+      },
+    ];
+  }
+
+  render() {
+    const {
+      account,
+      autoLogout,
+      closeDialog,
+      history,
+      peers,
+      resetTimer,
+      setActiveDialog,
+      showNetworkIndicator,
+      t,
+    } = this.props;
+
+    return (
+      <div className={`bottom-bar ${styles.wrapper}`}>
+        <div className={`${styles.timer}`}>
+          {
+            this.isTimerEnabled() &&
+            (
+              <Countdown
+                date={account.expireTime}
+                onComplete={() => this.onCountdownComplete()}
+                renderer={CountDownTemplate}
+              >
+                <CustomCountDown
+                  autoLog={autoLogout}
+                  closeDialog={closeDialog}
+                  history={history}
+                  resetTimer={resetTimer}
+                  setActiveDialog={setActiveDialog}
+                  t={t}
+                />
+              </Countdown>
+            )
+          }
+        </div>
+        <Network
+          peers={peers}
+          t={t}
+          showNetworkIndicator={showNetworkIndicator}
+        />
+        <ExternalLinks
+          links={this.linksList()}
+        />
+      </div>
+    );
+  }
+}
+
+export default StatusBar;
diff --git a/src/components/statusBar/statusBar.test.js b/src/components/statusBar/statusBar.test.js
new file mode 100644
index 0000000000..065d7199a3
--- /dev/null
+++ b/src/components/statusBar/statusBar.test.js
@@ -0,0 +1,79 @@
+import React from 'react';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import { MemoryRouter as Router } from 'react-router-dom';
+import sinon from 'sinon';
+import PropTypes from 'prop-types';
+import i18n from '../../i18n';
+import StatusBar from './statusBar';
+import routes from '../../constants/routes';
+import accounts from './../../../test/constants/accounts';
+
+describe('ExternalLinks', () => {
+  let wrapper;
+
+  const mountWithRouter = (node, options) => mount(<Router>{node}</Router>, options);
+
+  const history = {
+    location: { pathname: `${routes.dashboard.path}` },
+  };
+
+  const props = {
+    t: val => val,
+    logOut: () => {},
+    autoLogout: true,
+    setActiveDialog: () => { },
+    resetTimer: sinon.spy(),
+    history: {
+      replace: sinon.spy(),
+    },
+    account: {
+      address: accounts.genesis.address,
+      passphrase: accounts.genesis.passphrase,
+      expireTime: 1527755244818,
+    },
+    location: { pathname: `${routes.explorer.path}${routes.search}` },
+    isAuthenticated: false,
+    removePassphrase: sinon.spy(),
+    peers: {
+      liskAPIClient: {},
+      options: {
+        code: 2,
+        nethash: '198f2b61a8eb95fbeed58b8216780b68f697f26b849acf00c8c93bb9b24f783d',
+      },
+      status: {
+        online: true,
+      },
+    },
+    showNetworkIndicator: true,
+  };
+
+  const options = {
+    context: {
+      history, i18n, router: { route: history, history },
+    },
+    childContextTypes: {
+      history: PropTypes.object.isRequired,
+      i18n: PropTypes.object.isRequired,
+      router: PropTypes.object.isRequired,
+    },
+  };
+
+  beforeEach(() => {
+    wrapper = mountWithRouter(<StatusBar {...props} />, options);
+  });
+
+  it('renders <StatusBar /> component', () => {
+    expect(wrapper.find('.wrapper').at(0)).to.have.length(1);
+  });
+
+  it('should reset time after call reset timer function', () => {
+    wrapper.find('Countdown').props().onComplete();
+    expect(props.history.replace).to.have.been.calledWith(`${routes.login.path}`);
+  });
+
+  it('should redirect to dashboard after 10 min', () => {
+    wrapper.find('CustomCountDown').props().resetTimer();
+    expect(props.resetTimer).to.have.been.calledWith();
+  });
+});
diff --git a/src/components/toolbox/banner/banner.css b/src/components/toolbox/banner/banner.css
new file mode 100644
index 0000000000..b3803fc043
--- /dev/null
+++ b/src/components/toolbox/banner/banner.css
@@ -0,0 +1,33 @@
+@import '../../app/variables.css';
+@import '../../app/variablesV2.css';
+
+.banner {
+  background-color: var(--color-background-dark);
+  background-color: var(--color-primary-semi-dark);
+  border-radius: var(--border-radius-standard);
+  box-shadow: var(--box-shadow-standard);
+  box-sizing: border-box;
+  color: var(--color-white);
+  padding: 40px;
+
+  & .title {
+    font-family: var(--heading-font);
+    font-size: var(--subtitle-font-size);
+    font-weight: var(--font-weight-bold);
+    letter-spacing: 0.1px;
+    margin: 0;
+  }
+
+  & .content {
+    font-family: var(--content-font);
+    font-size: var(--paragraph-font-size-s);
+    font-weight: var(--font-weight-semi-bold);
+    line-height: 1.71;
+    letter-spacing: 0.1px;
+    margin: 20px 0;
+
+    & > p {
+      margin: 0;
+    }
+  }
+}
diff --git a/src/components/toolbox/banner/banner.js b/src/components/toolbox/banner/banner.js
new file mode 100644
index 0000000000..6dd766289e
--- /dev/null
+++ b/src/components/toolbox/banner/banner.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import styles from './banner.css';
+
+const Banner = ({
+  title, children, footer, className,
+}) => (
+  <section className={`${styles.banner} ${className}`}>
+    <header>
+      <h1 className={`${styles.title}`}>
+        {title}
+      </h1>
+    </header>
+    <main className={`${styles.content}`}>
+      { children }
+    </main>
+    <footer className={`${styles.footer}`}>
+      { footer }
+    </footer>
+  </section>
+);
+
+export default Banner;
diff --git a/src/components/toolbox/banner/banner.test.js b/src/components/toolbox/banner/banner.test.js
new file mode 100644
index 0000000000..93ce10926d
--- /dev/null
+++ b/src/components/toolbox/banner/banner.test.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import Banner from './banner';
+
+describe('Banner', () => {
+  let wrapper;
+
+  const props = {
+    title: 'Title of the banner',
+    children: <p>Some text content here!</p>,
+    footer: <button>Action Button</button>,
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<Banner {...props} />);
+  });
+
+  it('Should render with passed props', () => {
+    expect(wrapper.find('header .title')).to.have.text(props.title);
+    expect(wrapper.find('main')).to.contain(props.children);
+    expect(wrapper.find('footer')).to.contain(props.footer);
+  });
+});
diff --git a/src/components/toolbox/buttons/button.js b/src/components/toolbox/buttons/button.js
index 666412a103..d8be9dc54e 100644
--- a/src/components/toolbox/buttons/button.js
+++ b/src/components/toolbox/buttons/button.js
@@ -4,6 +4,8 @@ import { Button as ToolBoxButton } from 'react-toolbox/lib/button';
 import secondaryBlueButtonTheme from './css/secondaryBlueButton.css';
 import secondaryLightButtonTheme from './css/secondaryLightButton.css';
 import primaryButtonTheme from './css/primaryButton.css';
+import primaryButtonV2Theme from './css/primaryButtonV2.css';
+import secondaryButtonV2Theme from './css/secondaryButtonV2.css';
 import tertiaryButtonTheme from './css/tertiaryButton.css';
 import actionButtonTheme from './css/actionButton.css';
 
@@ -38,10 +40,16 @@ class TBActionButton extends React.Component {
 }
 
 const PrimaryButton = themr('importantButton', primaryButtonTheme)(TBPrimaryButton);
+const PrimaryButtonV2 = themr('importantButton', primaryButtonV2Theme)(TBPrimaryButton);
 const SecondaryLightButton = themr('lightButton', secondaryLightButtonTheme)(TBSecondaryLightButton);
+const SecondaryButtonV2 = themr('lightButton', secondaryButtonV2Theme)(TBSecondaryLightButton);
 const TertiaryButton = themr('tertiaryButton', tertiaryButtonTheme)(TBTertiaryButton);
 const ActionButton = themr('actionButton', actionButtonTheme)(TBActionButton);
 const Button = themr('button', secondaryBlueButtonTheme)(TBSecondaryBlueButton);
 
-export { Button, PrimaryButton, SecondaryLightButton, TertiaryButton, ActionButton };
+export {
+  Button, PrimaryButton, SecondaryLightButton,
+  TertiaryButton, ActionButton,
+  PrimaryButtonV2, SecondaryButtonV2,
+};
 export default Button;
diff --git a/src/components/toolbox/buttons/css/baseV2.css b/src/components/toolbox/buttons/css/baseV2.css
new file mode 100644
index 0000000000..924cd4a7f4
--- /dev/null
+++ b/src/components/toolbox/buttons/css/baseV2.css
@@ -0,0 +1,41 @@
+@import '../../../app/variablesV2.css';
+
+@define-mixin buttonBasics {
+  width: 250px;
+  max-width: 100%;
+  border-radius: var(--border-radius-standard);
+  box-shadow: var(--box-shadow-button);
+  text-transform: none;
+  font-weight: var(--font-weight-bold);
+  font-family: var(--content-font) !important;
+  font-size: var(--button-font-size);
+  transition: var(--transition-button) !important;
+}
+
+@define-mixin buttonPrimaryV2 {
+  background-color: var(--color-primary-standard);
+  color: var(--color-white) !important;
+
+  &:disabled {
+    background-color: var(--color-primary-light) !important;
+    color: var(--color-white) !important;
+  }
+
+  &:hover {
+    background: #004aff !important;
+  }
+}
+
+@define-mixin buttonSecondaryV2 {
+  background-color: var(--color-white) !important;
+  color: var(--color-primary-standard) !important;
+
+  &:disabled {
+    opacity: 0.8;
+  }
+
+  &:hover {
+    background-color: var(--color-primary-standard) !important;
+    color: var(--color-white) !important;
+  }
+}
diff --git a/src/components/toolbox/buttons/css/primaryButtonV2.css b/src/components/toolbox/buttons/css/primaryButtonV2.css
new file mode 100644
index 0000000000..a08e1439a3
--- /dev/null
+++ b/src/components/toolbox/buttons/css/primaryButtonV2.css
@@ -0,0 +1,8 @@
+@import './baseV2.css';
+
+.button {
+  min-height: 48px;
+
+  @mixin buttonBasics;
+  @mixin buttonPrimaryV2;
+}
diff --git a/src/components/toolbox/buttons/css/secondaryButtonV2.css b/src/components/toolbox/buttons/css/secondaryButtonV2.css
new file mode 100644
index 0000000000..56b9ddda5d
--- /dev/null
+++ b/src/components/toolbox/buttons/css/secondaryButtonV2.css
@@ -0,0 +1,8 @@
+@import './baseV2.css';
+
+.button {
+  min-height: 48px;
+
+  @mixin buttonBasics;
+  @mixin buttonSecondaryV2;
+}
diff --git a/src/components/toolbox/dropdownV2/dropdownV2.css b/src/components/toolbox/dropdownV2/dropdownV2.css
new file mode 100644
index 0000000000..8c3c76bfba
--- /dev/null
+++ b/src/components/toolbox/dropdownV2/dropdownV2.css
@@ -0,0 +1,65 @@
+@import '../../app/variablesV2.css';
+
+.dropdown {
+  background-color: var(--color-white);
+  border: 1px solid var(--color-light-gray);
+  border-radius: var(--border-radius-standard);
+  box-shadow: var(--box-shadow-standard);
+  box-sizing: border-box;
+  display: flex;
+  line-height: 1;
+  min-width: 145px;
+  padding: 24px 0;
+  position: absolute;
+  right: -1px;
+  transform: scale(0);
+  transform-origin: calc(100% - 25px) -5px;
+  transition: transform var(--animation-speed-faster) linear;
+  top: calc(100% + 5px);
+  width: 100%;
+  z-index: var(--overlay-index);
+
+  &.show {
+    transform: scale(1);
+  }
+
+  & .dropdownArrow {
+    color: white;
+    height: 9px;
+    font-size: 0;
+    position: absolute;
+    right: 10px;
+    stroke: var(--color-light-gray);
+    top: -9px;
+    width: 36px;
+
+    & > svg {
+      display: block;
+    }
+  }
+}
+
+.optionsHolder {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  & .option {
+    background-color: var(--color-white);
+    box-sizing: border-box;
+    color: var(--color-content-light);
+    cursor: pointer;
+    font-family: var(--heading-font);
+    font-size: var(--button-font-size-s);
+    font-weight: var(--font-weight-bold);
+    letter-spacing: 0.5px;
+    padding: 8px 24px;
+    transition: background var(--animation-speed-fast) linear, color var(--animation-speed-fast) linear;
+    width: 100%;
+
+    &:hover {
+      background-color: var(--color-primary-standard);
+      color: var(--color-white);
+    }
+  }
+}
diff --git a/src/components/toolbox/dropdownV2/dropdownV2.js b/src/components/toolbox/dropdownV2/dropdownV2.js
new file mode 100644
index 0000000000..b1a92b2bcc
--- /dev/null
+++ b/src/components/toolbox/dropdownV2/dropdownV2.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import styles from './dropdownV2.css';
+
+const DropdownV2 = ({ children, showDropdown }) => (
+  <div className={`${styles.dropdown} ${showDropdown && styles.show}`}>
+    <span className={`${styles.dropdownArrow}`}>
+      <svg stroke="inherit" fill="currentColor" viewBox="0 0 36 9">
+        <path d="M2 9c9-2 11-7.5 16-7.5S27 7 34 9"/>
+      </svg>
+    </span>
+    <div className={`${styles.optionsHolder}`}>
+      { children && children.map(child => (
+        React.cloneElement(child, { className: `${styles.option}` })
+      )) }
+    </div>
+  </div>
+);
+
+export default DropdownV2;
diff --git a/src/components/toolbox/dropdownV2/dropdownV2.test.js b/src/components/toolbox/dropdownV2/dropdownV2.test.js
new file mode 100644
index 0000000000..e519da6055
--- /dev/null
+++ b/src/components/toolbox/dropdownV2/dropdownV2.test.js
@@ -0,0 +1,32 @@
+import React from 'react';
+import { expect } from 'chai';
+import { mount } from 'enzyme';
+import DropdownV2 from './dropdownV2';
+
+describe('Dropdown V2', () => {
+  let wrapper;
+
+  beforeEach(() => {
+    wrapper = mount(<DropdownV2 showDropdown={false} />);
+  });
+
+  it('Should render with dropdown closed', () => {
+    expect(wrapper).to.not.have.className('show');
+  });
+
+  it('Should open without content', () => {
+    wrapper.setProps({ showDropdown: true });
+    expect(wrapper).to.have.className('show');
+    expect(wrapper.find('.optionsHolder')).to.be.blank();
+  });
+
+  it('Should open with passed children props', () => {
+    const options = ['Option 1', 'Option 2', 'Option 3'];
+    wrapper.setProps({
+      showDropdown: true,
+      children: options.map((option, key) => <span key={key}>{option}</span>),
+    });
+    expect(wrapper).to.have.className('show');
+    expect(wrapper.find('.optionsHolder')).to.have.exactly(3).descendants('span');
+  });
+});
diff --git a/src/components/toolbox/tooltip/tooltip.css b/src/components/toolbox/tooltip/tooltip.css
new file mode 100644
index 0000000000..cbd3928dc9
--- /dev/null
+++ b/src/components/toolbox/tooltip/tooltip.css
@@ -0,0 +1,89 @@
+@import '../../app/variablesV2.css';
+
+:root {
+  --background-color-tooltip: var(--color-content-light);
+  --tooltip-arrow-size: 6px;
+  --info-icon-size: 16px;
+  --tooltip-spacing-inside: 8px;
+}
+
+.tooltipWrapper {
+  position: relative;
+}
+
+.infoIcon {
+  align-items: center;
+  background: var(--color-dark-gray);
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  height: var(--info-icon-size);
+  justify-content: center;
+  margin-left: calc(var(--info-icon-size) / 2);
+  width: var(--info-icon-size);
+
+  &::before {
+    content: '?';
+    color: var(--color-white);
+    font-size: var(--font-size-small);
+  }
+}
+
+.tooltip {
+  background-color: var(--background-color-tooltip);
+  border-radius: var(--border-radius-standard);
+  box-shadow: var(--box-shadow-standard);
+  box-sizing: border-box;
+  color: var(--color-white);
+  font-family: var(--content-font);
+  font-size: var(--paragraph-font-size-l);
+  left: calc(var(--info-icon-size) * 2);
+  line-height: 1.47;
+  max-width: 380px;
+  opacity: 0;
+  padding: 24px;
+  position: absolute;
+  text-align: left;
+  top: 50%;
+  transform: translateY(-50%) scale(0);
+  transform-origin: left center;
+  transition: transform var(--animation-speed-fast) linear, opacity var(--animation-speed-fast) linear;
+  width: 45vw; /* stylelint-disable-line */
+  z-index: var(--overlay-index);
+
+  & .tooltipArrow {
+    color: var(--background-color-tooltip);
+    height: auto;
+    left: -var(--tooltip-arrow-size);
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    width: var(--tooltip-arrow-size);
+  }
+
+  &.shownTooltip {
+    opacity: 1;
+    transform: translateY(-50%) scale(1);
+  }
+
+  & p {
+    margin: 0;
+  }
+
+  & .title {
+    font-family: var(--heading-font);
+    font-weight: var(--font-weight-bold);
+  }
+
+  & a {
+    color: var(--color-primary-light);
+  }
+
+  & header {
+    margin-bottom: var(--tooltip-spacing-inside);
+  }
+
+  & footer {
+    margin-top: var(--tooltip-spacing-inside);
+  }
+}
diff --git a/src/components/toolbox/tooltip/tooltip.js b/src/components/toolbox/tooltip/tooltip.js
new file mode 100644
index 0000000000..d0c7ab78e7
--- /dev/null
+++ b/src/components/toolbox/tooltip/tooltip.js
@@ -0,0 +1,98 @@
+import React from 'react';
+import styles from './tooltip.css';
+
+class Tooltip extends React.Component {
+  constructor() {
+    super();
+
+    this.state = {
+      showTooltip: false,
+      timeoutObj: null,
+      clicked: false,
+    };
+
+    this.handleMouseMove = this.handleMouseMove.bind(this);
+    this.handleMouseLeave = this.handleMouseLeave.bind(this);
+    this.handleClick = this.handleClick.bind(this);
+    this.handleClose = this.handleClose.bind(this);
+    this.setWrapperRef = this.setWrapperRef.bind(this);
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.state.timeoutObj);
+  }
+
+  setWrapperRef(node) {
+    this.wrapperRef = node;
+  }
+
+  handleMouseMove() {
+    if (this.state.timeoutObj) {
+      clearTimeout(this.state.timeoutObj);
+    }
+    this.setState({
+      timeoutObj: null,
+      showTooltip: true,
+    });
+  }
+
+  handleMouseLeave() {
+    this.setState({
+      timeoutObj: !this.state.clicked && this.state.showTooltip
+        && setTimeout(this.handleClose, 1000),
+    });
+  }
+
+  handleClick() {
+    document.addEventListener('click', this.handleClose);
+    this.setState({
+      clicked: true,
+      showTooltip: true,
+    });
+  }
+
+  handleClose(event) {
+    if (this.wrapperRef && (event && !this.wrapperRef.contains(event.target))) {
+      document.removeEventListener('click', this.handleClose);
+    }
+    this.setState({
+      clicked: false,
+      showTooltip: false,
+    });
+  }
+
+  render() {
+    const {
+      title, children, footer, className,
+    } = this.props;
+    return (
+      <div
+        className={`${styles.tooltipWrapper} ${className}`}
+        onMouseLeave={this.handleMouseLeave}
+        onMouseMove={this.handleMouseMove}
+        ref={this.setWrapperRef}>
+        <span
+          className={styles.infoIcon}
+          onClick={this.handleClick}
+          />
+        <div className={`${styles.tooltip} tooltip-window
+          ${this.state.showTooltip && styles.shownTooltip}`}>
+          <span className={`${styles.tooltipArrow}`}>
+            <svg fill="currentColor" viewBox="0 0 8 36"><path d="M8 0C7 11 0 13 0 18s7 9 8 18z"/></svg>
+          </span>
+          <header>
+            <p className={`${styles.title}`}>{title}</p>
+          </header>
+          <main>
+            { children }
+          </main>
+          <footer>
+            { footer }
+          </footer>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Tooltip;
diff --git a/src/components/toolbox/tooltip/tooltip.test.js b/src/components/toolbox/tooltip/tooltip.test.js
new file mode 100644
index 0000000000..8ceaa7af48
--- /dev/null
+++ b/src/components/toolbox/tooltip/tooltip.test.js
@@ -0,0 +1,62 @@
+import React from 'react';
+import { expect } from 'chai';
+import { useFakeTimers } from 'sinon';
+import { mount } from 'enzyme';
+import Tooltip from './tooltip';
+
+describe('Tooltip wrapper', () => {
+  let wrapper;
+  let clock;
+
+  const props = {
+    title: 'Title of the tooltip',
+    children: <p>Some text content here!</p>,
+    footer: <a href="http://lisk.io" rel="noopener noreferrer" target="_blank">Read more</a>,
+  };
+
+  beforeEach(() => {
+    wrapper = mount(<Tooltip {...props} />);
+    clock = useFakeTimers({
+      now: new Date(2018, 1, 1),
+      toFake: ['setTimeout', 'clearTimeout'],
+    });
+  });
+
+  afterEach(() => {
+    clock.restore();
+  });
+
+  it('Should render the tooltip hidden', () => {
+    expect(wrapper.find('.infoIcon')).to.have.length(1);
+    expect(wrapper.find('.tooltip.shownTooltip')).to.have.length(0);
+  });
+
+  it('Should render with passed props', () => {
+    expect(wrapper.find('header .title')).to.have.text(props.title);
+    expect(wrapper.find('main')).to.contain(props.children);
+    expect(wrapper.find('footer')).to.contain(props.footer);
+  });
+
+  it('Should show the tooltip on click', () => {
+    expect(wrapper.find('.tooltip.shownTooltip')).to.have.length(0);
+    wrapper.find('.infoIcon').simulate('click');
+    expect(wrapper.find('.tooltip')).to.have.className('shownTooltip');
+  });
+
+  it('Should show modal when mouse enter and close after 1 second when mouse leave', () => {
+    wrapper.simulate('mousemove');
+    expect(wrapper.find('.tooltip')).to.have.className('shownTooltip');
+    wrapper.simulate('mouseleave');
+    clock.tick(1000);
+    expect(wrapper.find('.tooltip')).not.to.have.className('shownTooltip');
+  });
+
+  it('Should reset setTimeout if mouse enter before timeout is over', () => {
+    wrapper.simulate('mousemove');
+    wrapper.simulate('mouseleave');
+    clock.tick(500);
+    wrapper.simulate('mousemove');
+    clock.tick(1000);
+    expect(wrapper.find('.tooltip')).to.have.className('shownTooltip');
+  });
+});
diff --git a/src/components/transactions/accountList.js b/src/components/transactions/accountList.js
index 69f1a5a357..605a7fb8b4 100644
--- a/src/components/transactions/accountList.js
+++ b/src/components/transactions/accountList.js
@@ -1,7 +1,9 @@
+/* istanbul ignore file */
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { FontIcon } from '../fontIcon';
 import routes from './../../constants/routes';
+import Piwik from '../../utils/piwik';
 import styles from './delegateStatistics.css';
 
 class AccountList extends React.Component {
@@ -66,6 +68,7 @@ class AccountList extends React.Component {
   }
 
   clearSearch(filterQuery) {
+    Piwik.trackingEvent('Trasanctions_AccountList', 'button', 'Clear search');
     this.search(filterQuery, { target: { value: '' } });
   }
 
diff --git a/src/components/transactions/delegateStatistics.js b/src/components/transactions/delegateStatistics.js
index 33af890b3f..f7be65d280 100644
--- a/src/components/transactions/delegateStatistics.js
+++ b/src/components/transactions/delegateStatistics.js
@@ -39,7 +39,7 @@ class DelegateStatistics extends React.Component {
             <div className={styles.label}>{this.props.t('Vote weight')}</div>
             <div className={styles.value}>{delegate && <LiskAmount val={delegate.vote}/>}</div>
           </div>
-          <div className={`${grid['col-xs-12']} ${grid['col-sm-4']} ${grid['col-md-4']}`}>
+          <div className={`${grid['col-xs-12']} ${grid['col-sm-4']} ${grid['col-md-4']} forged`}>
             <div className={styles.label}>{this.props.t('Forged')}</div>
             <div className={styles.value}>{delegate && <LiskAmount val={delegate.rewards}/>}</div>
           </div>
diff --git a/src/components/transactions/transactionDetailView/transactionDetailView.js b/src/components/transactions/transactionDetailView/transactionDetailView.js
index 2107cdca4c..abca71eb31 100644
--- a/src/components/transactions/transactionDetailView/transactionDetailView.js
+++ b/src/components/transactions/transactionDetailView/transactionDetailView.js
@@ -13,6 +13,7 @@ import transactions from './../../../constants/transactionTypes';
 import TransactionDetailViewField from './transactionDetailViewField';
 import TransactionDetailViewRow from './transactionDetailViewRow';
 import DateField from './transactionDetailDateField';
+import Piwik from '../../../utils/piwik';
 
 class TransactionDetailView extends React.Component {
   constructor(props) {
@@ -131,6 +132,11 @@ class TransactionDetailView extends React.Component {
     );
   }
 
+  onBackToOverview() {
+    Piwik.trackingEvent('Transactions_DetailView', 'button', 'Back to overview');
+    this.props.history.push(this.props.history.location.pathname);
+  }
+
   render() {
     const transaction = this.getTransaction();
     return (
@@ -140,7 +146,7 @@ class TransactionDetailView extends React.Component {
             <header>
               <h3>
                 <small className={`${styles.backButton} transaction-details-back-button`}
-                  onClick={() => this.props.history.push(this.props.history.location.pathname)}>
+                  onClick={() => this.onBackToOverview()}>
                   <FontIcon className={`${styles.arrow}`} value='arrow-left'/>
                   <span className={`${styles.text}`}>{this.props.t('Back to overview')}</span>
                 </small>
diff --git a/src/components/transactions/transactionsList.css b/src/components/transactions/transactionsList.css
index 880ac468e1..01e06d8149 100644
--- a/src/components/transactions/transactionsList.css
+++ b/src/components/transactions/transactionsList.css
@@ -3,7 +3,7 @@
 .empty {
   text-align: center;
   font-weight: var(--font-weight-semi-bold);
-  padding-top: 25px;
+  padding-top: 100px;
   color: var(--color-grayscale-dark);
 }
 
@@ -17,22 +17,25 @@
 
 @media (--xLarge-viewport) {
   .results {
-    overflow-y: auto;
+    overflow: auto;
     margin: 0px calc(0 - var(--box-padding-left-XL));
   }
 }
 
 @media (--large-viewport) {
   .results {
-    overflow-y: auto;
+    overflow: auto;
     margin: 0px calc(0 - var(--box-padding-left-L));
   }
 }
 
 @media (--medium-viewport) {
   .results {
-    overflow-y: initial;
-    padding-bottom: 100px;
+    overflow: auto;
     margin: 0px calc(0 - var(--box-padding-left-M));
   }
 }
+
+.onShowMore {
+  height: auto !important;
+}
diff --git a/src/components/transactions/transactionsList.js b/src/components/transactions/transactionsList.js
index 12c3c8d5b7..8287537b6a 100644
--- a/src/components/transactions/transactionsList.js
+++ b/src/components/transactions/transactionsList.js
@@ -40,6 +40,7 @@ class TransactionsList extends React.Component {
       address,
       onClick,
       loadMore,
+      showMore,
       t,
     } = this.props;
     // All, incoming, outgoing are filter values. To be more consistance with other possible tabs
@@ -89,7 +90,7 @@ class TransactionsList extends React.Component {
         searchMoreVoters={this.props.searchMoreVoters} />;
     }
 
-    return <div className={`${styles.results} transaction-results`}>
+    return <div className={`${styles.results} ${showMore && styles.onShowMore} transaction-results`}>
       <TransactionsHeader tableStyle={tableStyle}></TransactionsHeader>
       {transactions
         .filter(fixIncomingFilter)
@@ -105,7 +106,7 @@ class TransactionsList extends React.Component {
         // otherwise (XS) the whole transaction box will be scrollable
         // (see transactionOverview.js)
         this.isLargeScreen()
-          ? <Waypoint bottomOffset='-80%'
+          ? <Waypoint bottomOffset='-20%'
             key={transactions.length}
             onEnter={() => {
               if (!dashboard) {
diff --git a/src/components/transactions/transactionsOverview.js b/src/components/transactions/transactionsOverview.js
index e5a88949e2..7299eee1fc 100644
--- a/src/components/transactions/transactionsOverview.js
+++ b/src/components/transactions/transactionsOverview.js
@@ -11,6 +11,7 @@ import { getIndexOfFollowedAccount } from '../../utils/followedAccounts';
 import { ActionButton } from '../toolbox/buttons/button';
 import { FontIcon } from '../fontIcon';
 import Ulrs from '../../constants/routes';
+import Piwik from '../../utils/piwik';
 
 class TransactionsOverview extends React.Component {
   constructor(props) {
@@ -21,6 +22,7 @@ class TransactionsOverview extends React.Component {
   }
 
   loadMore() {
+    Piwik.trackingEvent('TransactionsOverview', 'button', 'Load more');
     if (this.canLoadMore) {
       this.canLoadMore = false;
       this.props.onLoadMore();
@@ -52,6 +54,7 @@ class TransactionsOverview extends React.Component {
   }
 
   setTransactionsFilter(filter) {
+    Piwik.trackingEvent('TransactionsOverview', 'button', 'Set transactions filter');
     this.props.onFilterSet(filter);
   }
 
@@ -114,7 +117,7 @@ class TransactionsOverview extends React.Component {
                   <FontIcon>request-token</FontIcon>
                   {this.props.t('Request')}
                 </Link>
-                <Link to={`${Ulrs.send.path}`} className={'tx-send-bt'}>
+                <Link to={`${Ulrs.send.path}?wallet`} className={'tx-send-bt'}>
                   <ActionButton>
                   {this.props.t('Send')}
                   </ActionButton>
diff --git a/src/components/transactions/userVotes.js b/src/components/transactions/userVotes.js
index c3ff641add..b640dcebb9 100644
--- a/src/components/transactions/userVotes.js
+++ b/src/components/transactions/userVotes.js
@@ -3,10 +3,15 @@ import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import { translate } from 'react-i18next';
 import { FontIcon } from '../fontIcon';
 import AccountList from './accountList';
-
+import Piwik from '../../utils/piwik';
 import styles from './delegateStatistics.css';
 
 class UserVotes extends AccountList {
+  onShowMore() {
+    Piwik.trackingEvent('Transactions_UserVotes', 'button', 'Show more');
+    super.showMore('showVotesNumber');
+  }
+
   render() {
     const { t } = this.props;
     const votes = super.getFormatedDelegates('votes', 'votesFilterQuery');
@@ -28,7 +33,7 @@ class UserVotes extends AccountList {
             </div>
             {votes.length > this.state.showVotesNumber
               && this.state.votesFilterQuery === '' ?
-              <div onClick={() => { super.showMore('showVotesNumber'); }} className={`${styles.showMore} showMore show-votes`}>
+              <div onClick={() => this.onShowMore()} className={`${styles.showMore} showMore show-votes`}>
                 <FontIcon className={styles.arrowDown} value='arrow-down'/>
                 {this.props.t('Show more')}
               </div> : ''
diff --git a/src/components/transactions/votedDelegates.js b/src/components/transactions/votedDelegates.js
index 996de2d31f..2b0e311996 100644
--- a/src/components/transactions/votedDelegates.js
+++ b/src/components/transactions/votedDelegates.js
@@ -4,10 +4,15 @@ import grid from 'flexboxgrid/dist/flexboxgrid.css';
 import { translate } from 'react-i18next';
 import { FontIcon } from '../fontIcon';
 import AccountList from './accountList';
-
+import Piwik from '../../utils/piwik';
 import styles from './delegateStatistics.css';
 
 class VotedDelegates extends AccountList {
+  onShowMore() {
+    Piwik.trackingEvent('Transactions_VotedDelegates', 'button', 'Show more');
+    super.showMore('showVotersNumber');
+  }
+
   render() {
     const voters = super.getFormatedDelegates('voters', 'votersFilterQuery');
 
@@ -27,7 +32,7 @@ class VotedDelegates extends AccountList {
           </div>
           {voters.length > this.state.showVotersNumber &&
            this.state.showMoreVoters ?
-            <div onClick={() => { super.showMore('showVotersNumber'); }} className={`${styles.showMore} showMore  show-voters`}>
+            <div onClick={() => this.onShowMore()} className={`${styles.showMore} showMore  show-voters`}>
               <FontIcon className={styles.arrowDown} value='arrow-down'/>
               {this.props.t('Show more')}
             </div> :
diff --git a/src/components/voteUrlProcessor/voteUrlProcessor.js b/src/components/voteUrlProcessor/voteUrlProcessor.js
index b3bf0468a1..0d15c3be0a 100644
--- a/src/components/voteUrlProcessor/voteUrlProcessor.js
+++ b/src/components/voteUrlProcessor/voteUrlProcessor.js
@@ -3,29 +3,79 @@ import React from 'react';
 import { PrimaryButton } from './../toolbox/buttons/button';
 import Box from '../box';
 import { parseSearchParams } from '../../utils/searchParams';
+import routes from '../../constants/routes';
 import { FontIcon } from '../fontIcon';
+import Piwik from '../../utils/piwik';
 import styles from './voteUrlProcessor.css';
 
 export default class VoteUrlProcessor extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+       votes: [],
+       unvotes: [],
+       params: '',
+    };
+  }
   componentDidMount() {
     this.props.clearVoteLookupStatus();
     const params = parseSearchParams(this.props.history.location.search);
     if (params.votes || params.unvotes) {
-      const upvotes = params.votes ? params.votes.split(',') : [];
-      const unvotes = params.unvotes ? params.unvotes.split(',') : [];
-      this.props.settingsUpdated({ advancedMode: true })
-      this.props.urlVotesFound({
-        upvotes,
-        unvotes,
-        address: this.props.account.address,
-      });
+      this.setVotesFromParams(params);
     }
+
+    this.props.history.listen(location =>  {
+      /* istanbul ignore if */
+      if (location.pathname === routes.delegates.path) {
+        const params = parseSearchParams(location.search);
+
+        if (location.search && location.search !== this.state.params) {
+          this.props.clearVoteLookupStatus();
+          this.setVotesFromParams(params);
+          this.setState({
+            params: location.search,
+          })
+        }
+      }
+    });
+  }
+
+  setVotesFromParams(params) {
+    const upvotes = params.votes ? params.votes.split(',') : [];
+    const unvotes = params.unvotes ? params.unvotes.split(',') : [];
+    this.props.settingsUpdated({ advancedMode: true })
+    this.props.toggleShowInfo(true);
+    this.props.urlVotesFound({
+      upvotes,
+      unvotes,
+      address: this.props.account.address,
+    });
+
+    this.setState({
+      votes: params.votes,
+      unvotes: params.unvotes,
+    });
   }
 
   getProcessedCount() {
     return this.props.urlVoteCount - this.props.pending.length;
   }
 
+  onClearVotes() {
+    Piwik.trackingEvent('VoteUrlProcessor', 'button', 'Clear Votes');
+    this.props.clearVoteLookupStatus();
+    this.props.clearVotes();
+    this.props.toggleShowInfo(false);
+    this.props.history.push(routes.delegates.path);
+  }
+
+  onCloseInfo() {
+    Piwik.trackingEvent('VoteUrlProcessor', 'button', 'Close info');
+    this.props.toggleShowInfo(false);
+    this.props.history.push(routes.delegates.path);
+  }
+
   render() {
     const errorMessages = {
       notFound: {
@@ -54,11 +104,9 @@ export default class VoteUrlProcessor extends React.Component {
         <section className={styles.wrapper}>
           <header>
               <h2>Your Pre-Selection
-                <div className={`${styles.cancel} clear-votes`} onClick={() => {
-                  this.props.clearVoteLookupStatus();
-                  this.props.clearVotes();
-                  this.props.closeInfo();
-                }}>{this.props.t('Cancel')} <FontIcon value='close' />
+                <div className={`${styles.cancel} clear-votes`} onClick={() => this.onClearVotes()}>
+                  {this.props.t('Cancel')}
+                  <FontIcon value='close' />
                 </div>
               </h2>
           </header>
@@ -87,7 +135,7 @@ export default class VoteUrlProcessor extends React.Component {
             )}</div>
           </div>
           <footer>
-            <PrimaryButton label={this.props.t('Ok')} theme={styles} onClick={this.props.closeInfo}/>
+            <PrimaryButton className={'ok-close-info'} label={this.props.t('Ok')} theme={styles} onClick={this.onCloseInfo.bind(this)}/>
           </footer>
         </section>
       </Box> : null;
diff --git a/src/components/voteUrlProcessor/voteUrlProcessor.test.js b/src/components/voteUrlProcessor/voteUrlProcessor.test.js
index 6d5fb10dc3..363f99665b 100644
--- a/src/components/voteUrlProcessor/voteUrlProcessor.test.js
+++ b/src/components/voteUrlProcessor/voteUrlProcessor.test.js
@@ -17,7 +17,7 @@ describe('VoteUrlProcessor', () => {
       account,
       clearVoteLookupStatus: sinon.spy(),
       clearVotes: sinon.spy(),
-      closeInfo: sinon.spy(),
+      toggleShowInfo: sinon.spy(),
       urlVotesFound: sinon.spy(),
       settingsUpdated: sinon.spy(),
       notVotedYet: [],
@@ -30,6 +30,8 @@ describe('VoteUrlProcessor', () => {
         location: {
           search: '',
         },
+        listen: () => {},
+        push: () => {},
       },
       urlVoteCount: 0,
       t: key => key,
@@ -44,6 +46,7 @@ describe('VoteUrlProcessor', () => {
         location: {
           search: '?votes=delegate_name',
         },
+        listen: () => {},
       },
     }} />);
     expect(props.urlVotesFound).to.have.been.calledWith({
@@ -61,6 +64,7 @@ describe('VoteUrlProcessor', () => {
         location: {
           search: '?unvotes=delegate_name',
         },
+        listen: () => {},
       },
     }} />);
     expect(props.urlVotesFound).to.have.been.calledWith({
@@ -84,7 +88,21 @@ describe('VoteUrlProcessor', () => {
     wrapper.find('.clear-votes').simulate('click');
     expect(props.clearVoteLookupStatus).to.have.been.calledWith();
     expect(props.clearVotes).to.have.been.calledWith();
-    expect(props.closeInfo).to.have.been.calledWith();
+    expect(props.toggleShowInfo).to.have.been.calledWith();
+  });
+
+  it('close dialog when click on closeInfo button', () => {
+    props.show = true;
+    props.upvotes =  ['delegate_1', 'delegate_3'];
+    props.unvotes =  ['delegate_2'];
+
+    wrapper = mount(<VoteUrlProcessor {...props} />);
+
+    expect(wrapper.find('.upvotes-message')).to.have.text('delegate_1, delegate_3');
+    expect(wrapper.find('.unvotes-message')).to.have.text('delegate_2');
+
+    wrapper.find('.ok-close-info').at(0).simulate('click');
+    expect(props.toggleShowInfo).to.have.been.calledWith();
   });
 });
 
diff --git a/src/components/votesPreview/index.js b/src/components/votesPreview/index.js
index 8beda194f1..80cc5cb8da 100644
--- a/src/components/votesPreview/index.js
+++ b/src/components/votesPreview/index.js
@@ -8,6 +8,8 @@ import GradientSVG from './gradientSVG';
 import { FontIcon } from '../fontIcon';
 import { Button } from '../toolbox/buttons/button';
 import { getTotalVotesCount, getVoteList, getUnvoteList } from './../../utils/voting';
+import links from './../../constants/externalLinks';
+import Piwik from '../../utils/piwik';
 import styles from './votesPreview.css';
 
 class VotesPreview extends React.Component {
@@ -24,16 +26,19 @@ class VotesPreview extends React.Component {
   }
 
   dismissSurpassMessage() {
+    Piwik.trackingEvent('VotesPreview', 'button', 'Dismiss surpass message');
     this.setState({ surpassMessageDismissed: true });
   }
 
-  nextStep() {
+  onNextStep() {
+    Piwik.trackingEvent('VotesPreview', 'button', 'Next step');
+    this.props.updateList(true);
     this.props.nextStep({});
     this.props.nextStepGotCalled();
   }
 
   render() { // eslint-disable-line
-    const { votes, t, updateList } = this.props;
+    const { votes, t } = this.props;
     const { maxCountOfVotes, maxCountOfVotesInOneTurn } = votingConst;
     const voteList = getVoteList(votes);
     const unvoteList = getUnvoteList(votes);
@@ -58,7 +63,7 @@ class VotesPreview extends React.Component {
         ${totalNewVotesCount > 0 ? styles.hasChanges : ''}`}>
         <header>
           <h2>{t('Votes')}</h2>
-          <a target='_blank' href='http://help.lisk.io/voting-and-delegates' rel='noopener noreferrer'>
+          <a target='_blank' href={links.votingAndDelegates} rel='noopener noreferrer'>
             {t('Learn how voting works')} <FontIcon>arrow-right</FontIcon>
           </a>
         </header>
@@ -92,7 +97,7 @@ class VotesPreview extends React.Component {
           <Button
             className={`${styles.button} next`}
             type='button'
-            onClick={() => { updateList(true); this.nextStep(); }}
+            onClick={() => this.onNextStep()}
             disabled={totalNewVotesCount === 0 || surpassedVoteLimit || insufficientFunds}>
             <span>{t('Next')}</span>
             <FontIcon value='arrow-right' className={styles.arrow} />
diff --git a/src/components/votingListView/index.js b/src/components/votingListView/index.js
index a3efd98914..0a64e41735 100644
--- a/src/components/votingListView/index.js
+++ b/src/components/votingListView/index.js
@@ -5,6 +5,7 @@ import { voteToggled, votesFetched, delegatesFetched, delegatesAdded } from '../
 import VotingListView from './votingListView';
 
 const mapStateToProps = state => ({
+  account: state.account,
   address: state.account.address,
   isDelegate: state.account.isDelegate,
   serverPublicKey: state.account.serverPublicKey,
diff --git a/src/components/votingListView/votingHeader.js b/src/components/votingListView/votingHeader.js
index 3574ba984b..f9081d0f8c 100644
--- a/src/components/votingListView/votingHeader.js
+++ b/src/components/votingListView/votingHeader.js
@@ -8,6 +8,7 @@ import voteFilters from './../../constants/voteFilters';
 import { fromRawLsk } from './../../utils/lsk';
 import Fees from './../../constants/fees';
 import routes from './../../constants/routes';
+import Piwik from '../../utils/piwik';
 
 
 class VotingHeader extends React.Component {
@@ -55,10 +56,12 @@ class VotingHeader extends React.Component {
   }
 
   clearSearch() {
+    Piwik.trackingEvent('VoatingListView', 'button', 'Clear Message');
     this.search({ nativeEvent: { target: { value: '' } } });
   }
 
   filterVotes(filter) {
+    Piwik.trackingEvent('VoatingListView', 'button', 'Filter votes');
     this.setState({ activeFilter: filter.value });
     this.props.setActiveFilter(filter.value);
   }
@@ -74,13 +77,14 @@ class VotingHeader extends React.Component {
     const votingTitle = t('Voting');
     const titleDesktop = this.props.showChangeSummery ? selectionTitle : delegateTitle;
     const titleMobile = this.props.showChangeSummery ? selectionTitle : votingTitle;
+    const isHardwareWallet = this.props.account.hwInfo && this.props.account.hwInfo.deviceId;
     return (
       <header className={`${styles.header} ${styles[this.state.headerPosition]}`}>
         <div>
           <h2 className={styles.desktopTitle}>{titleDesktop}</h2>
           <h2 className={styles.mobileTitle}>{titleMobile}</h2>
         </div>
-        {!isDelegate ?
+        {!isDelegate && !isHardwareWallet ?
           <Link to={`${routes.registerDelegate.path}`} className={`${styles.link} ${styles.registerLink} register-delegate`}>
             {t('Become a delegate (Fee: {{fee}} LSK)', { fee: fromRawLsk(Fees.registerDelegate) })}
             <FontIcon value='arrow-right'/>
diff --git a/src/components/votingListView/votingHeader.test.js b/src/components/votingListView/votingHeader.test.js
index c9e1732519..49f3700c5f 100644
--- a/src/components/votingListView/votingHeader.test.js
+++ b/src/components/votingListView/votingHeader.test.js
@@ -29,6 +29,7 @@ describe('VotingHeader', () => {
   });
 
   const props = {
+    account: {},
     votedDelegates: [
       {
         username: 'username1',
diff --git a/src/components/votingListView/votingListView.js b/src/components/votingListView/votingListView.js
index a17900e689..49de096460 100644
--- a/src/components/votingListView/votingListView.js
+++ b/src/components/votingListView/votingListView.js
@@ -147,8 +147,8 @@ class VotingListView extends React.Component {
     return !this.props.nextStepCalled && (params.votes || params.unvotes) && this.state.showInfo;
   }
 
-  closeInfo() {
-    this.setState({ showInfo: false });
+  toggleShowInfo(shouldShow) {
+    this.setState({ showInfo: shouldShow });
   }
 
   render() {
@@ -158,10 +158,11 @@ class VotingListView extends React.Component {
     } = this.props;
     return (
       <Fragment>
-        <VoteUrlProcessor closeInfo={this.closeInfo.bind(this)} show={this.showInfo()} />
+        <VoteUrlProcessor toggleShowInfo={this.toggleShowInfo.bind(this)} show={this.showInfo()} />
         { !this.showInfo() ?
           <Box className={`voting delegate-list-box ${showChangeSummery} ${styles.box}`}>
             <VotingHeader
+              account={this.props.account}
               setActiveFilter={this.setActiveFilter.bind(this)}
               showChangeSummery={showChangeSummery}
               isDelegate={isDelegate}
diff --git a/src/components/votingListView/votingListView.test.js b/src/components/votingListView/votingListView.test.js
index 7044823936..d762cf5f9b 100644
--- a/src/components/votingListView/votingListView.test.js
+++ b/src/components/votingListView/votingListView.test.js
@@ -27,6 +27,7 @@ describe('VotingListView', () => {
     username1: { confirmed: true, unconfirmed: true, publicKey: 'sample_key' },
   };
   const props = {
+    account: {},
     refreshDelegates: false,
     delegates,
     totalDelegates: 10,
diff --git a/src/constants/externalLinks.js b/src/constants/externalLinks.js
new file mode 100644
index 0000000000..755b150376
--- /dev/null
+++ b/src/constants/externalLinks.js
@@ -0,0 +1,20 @@
+const links = {
+  helpCenter: 'https://lisk.io/help-center',
+  explainBlockchain: 'https://lisk.io/academy/blockchain-basics/what-is-blockchain/eli5-blockchain',
+  isBlockchainSecure: 'https://lisk.io/academy/blockchain-basics/benefits-of-blockchain/blockchain-security',
+  seeMore: 'https://lisk.io/academy/blockchain-basics/how-does-blockchain-work',
+  liskChat: 'https://lisk.chat/home',
+  helpDeskChannel: 'https://lisk.chat/channel/help-desk',
+  howToStorePassphrase: 'https://lisk.io/academy/blockchain-business/cryptocurrencies/how-to-stay-secure-when-trading-cryptocurrencies',
+  gettingStarted: 'https://lisk.io/academy/welcome-to-the-lisk-academy/getting-started-with-lisk',
+  votingOnLisk: 'https://lisk.io/academy/welcome-to-the-lisk-academy/getting-started-with-lisk/voting-on-lisk',
+  blockchainTransparencyExplained: 'https://lisk.io/academy/blockchain-basics/benefits-of-blockchain/blockchain-transparency-explained',
+  liskAcademy: 'https://lisk.io/academy',
+  privacyPolicy: 'https://lisk.io/privacy',
+  sidechains: 'https://lisk.io/help-center/dapp-development/what-are-sidechains',
+  votingAndDelegates: 'https://lisk.io/help-center#voting-and-delegates',
+  accountInitialization: 'https://lisk.io/help-center/account-security/should-i-initialize-my-lisk-account',
+  whatIsAnPassphrase: 'https://lisk.io/help-center/account-security/what-is-a-lisk-passphrase',
+};
+export default links;
+
diff --git a/src/constants/feedbackLinks.js b/src/constants/feedbackLinks.js
index e677ba9584..13989d670f 100644
--- a/src/constants/feedbackLinks.js
+++ b/src/constants/feedbackLinks.js
@@ -1,3 +1,4 @@
 export default {
   general: 'https://liskhq.typeform.com/to/RhgxCv',
+  ledger: 'https://liskhq.typeform.com/to/gCriMy',
 };
diff --git a/src/constants/help.js b/src/constants/help.js
deleted file mode 100644
index fe1b0288b8..0000000000
--- a/src/constants/help.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const links = {
-  helpCenter: 'https://help.lisk.io/',
-  explainBlockchain: 'https://lisk.io/academy/blockchain-basics/what-is-blockchain/eli5-blockchain',
-  isBlockchainSecure: 'https://lisk.io/academy/blockchain-basics/benefits-of-blockchain/blockchain-security',
-  seeMore: 'https://lisk.io/academy/blockchain-basics/how-does-blockchain-work',
-  liskChat: 'https://lisk.chat/home',
-  helpDeskChannel: 'https://lisk.chat/channel/help-desk',
-};
-export default links;
diff --git a/src/constants/piwik.js b/src/constants/piwik.js
new file mode 100644
index 0000000000..72e7b7e421
--- /dev/null
+++ b/src/constants/piwik.js
@@ -0,0 +1,25 @@
+
+export default {
+  URL: 'https://matomo.lisk.io/',
+  SITE_ID: 1,
+  DELETE_CUSTOM_VARIABLE: 'deleteCustomVariable',
+  ENABLE_HEART_BEAT_TIMER: 'enableHeartBeatTimer',
+  ENABLE_LINK_TRACKING: 'enableLinkTracking',
+  FORGET_CONSENT_GIVEN: 'forgetConsentGiven',
+  OPTIONAL_EXPIRE_CONSENT_IN_HOURS: 'optionallyExpireConsentInHours',
+  REMEMBER_CONSENT_GIVEN: 'rememberConsentGiven',
+  REQUIRE_CONSENT: 'requireConsent',
+  RESET_USER_ID: 'resetUserId',
+  SET_CUSTOM_URL: 'setCustomUrl',
+  SET_CUSTOM_VARIABLE: 'setCustomVariable',
+  SET_DOCUMENT_TITLE: 'setDocumentTitle',
+  SET_GENERATATION_TIME_MS: 'setGenerationTimeMs',
+  SET_REFERRER_URL: 'setReferrerUrl',
+  SET_SITE_ID: 'setSiteId',
+  SET_TRACKER_URL: 'setTrackerUrl',
+  SET_USER_ID: 'setUserId',
+  TRACK_ALL_CONTENT_IMPRESSIONS: 'trackAllContentImpressions',
+  TRACK_ERRORS: 'trackErrors',
+  TRACK_EVENT: 'trackEvent',
+  TRACK_PAGE_VIEW: 'trackPageView',
+};
diff --git a/src/constants/quickTips.js b/src/constants/quickTips.js
index d9a39d2f7b..9c2056247d 100644
--- a/src/constants/quickTips.js
+++ b/src/constants/quickTips.js
@@ -2,6 +2,7 @@ import academy from '../assets/images/dashboard/academy.svg';
 import id from '../assets/images/dashboard/id.svg';
 import transparent from '../assets/images/dashboard/transparent.svg';
 import vote from '../assets/images/dashboard/vote.svg';
+import links from './externalLinks';
 
 const quickTips = t => [
   {
@@ -12,7 +13,7 @@ const quickTips = t => [
     ],
     goTo: {
       title: t('Learn more'),
-      link: 'https://lisk.io/academy/welcome-to-the-lisk-academy/getting-started-with-lisk',
+      link: links.gettingStarted,
     },
     picture: id,
   },
@@ -24,7 +25,7 @@ const quickTips = t => [
     ],
     goTo: {
       title: t('Learn more'),
-      link: 'https://lisk.io/academy/welcome-to-the-lisk-academy/getting-started-with-lisk/voting-on-lisk',
+      link: links.votingOnLisk,
     },
     picture: vote,
   },
@@ -36,7 +37,7 @@ const quickTips = t => [
     ],
     goTo: {
       title: t('Learn more'),
-      link: 'https://lisk.io/academy/blockchain-basics/benefits-of-blockchain/blockchain-transparency-explained',
+      link: links.blockchainTransparencyExplained,
     },
     picture: transparent,
   },
@@ -47,7 +48,7 @@ const quickTips = t => [
     ],
     goTo: {
       title: t('Learn more'),
-      link: 'https://lisk.io/academy',
+      link: links.liskAcademy,
     },
     picture: academy,
   },
diff --git a/src/constants/routes.js b/src/constants/routes.js
index 0a09b78247..8b09442aac 100644
--- a/src/constants/routes.js
+++ b/src/constants/routes.js
@@ -17,6 +17,9 @@ import HwWallet from '../components/hwWallet';
 import AccountVisualDemo from '../components/accountVisual/demo';
 import Request from '../components/request';
 import Send from '../components/send';
+import Splashscreen from '../components/splashscreen/splashscreen';
+import RegistrationV2 from '../components/registerV2/registerV2';
+import LoginV2 from '../components/loginV2';
 
 export default {
   accountVisualDemo: {
@@ -141,4 +144,22 @@ export default {
   explorer: {
     path: '/explorer',
   },
+  splashscreen: {
+    path: '/splashscreen',
+    component: Splashscreen,
+    isPrivate: false,
+    isV2Layout: true,
+  },
+  registration: {
+    path: '/registration',
+    component: RegistrationV2,
+    isPrivate: false,
+    isV2Layout: true,
+  },
+  loginV2: {
+    path: '/login',
+    component: LoginV2,
+    isPrivate: false,
+    isV2Layout: true,
+  },
 };
diff --git a/src/store/middlewares/account.js b/src/store/middlewares/account.js
index 1abd4db6f8..1f33f43ea4 100644
--- a/src/store/middlewares/account.js
+++ b/src/store/middlewares/account.js
@@ -94,14 +94,17 @@ const passphraseUsed = (store, action) => {
 const checkTransactionsAndUpdateAccount = (store, action) => {
   const state = store.getState();
   const { account, transactions } = state;
-
-  store.dispatch(updateTransactionsIfNeeded(
-    {
-      transactions,
-      account,
-    },
-    action.data.windowIsFocused,
-  ));
+  // Adding timeout explained in
+  // https://github.com/LiskHQ/lisk-hub/pull/1609
+  setTimeout(() => {
+    store.dispatch(updateTransactionsIfNeeded(
+      {
+        transactions,
+        account,
+      },
+      action.data.windowIsFocused,
+    ));
+  }, 500);
 
   const tx = action.data.block.transactions || [];
   const accountAddress = state.account.address;
@@ -116,7 +119,7 @@ const checkTransactionsAndUpdateAccount = (store, action) => {
     // after a new block with second passphrase registration transaction was received
     setTimeout(() => {
       updateAccountData(store, action);
-    }, 5000);
+    }, 500);
   }
 };
 
@@ -162,6 +165,7 @@ const accountMiddleware = store => next => (action) => {
     case actionTypes.accountLoggedOut:
       store.dispatch(cleanTransactions());
       localStorage.removeItem('accounts');
+      localStorage.removeItem('isHarwareWalletConnected');
       break;
     default: break;
   }
diff --git a/src/store/middlewares/index.js b/src/store/middlewares/index.js
index c762d3efb9..31d23436d2 100644
--- a/src/store/middlewares/index.js
+++ b/src/store/middlewares/index.js
@@ -3,6 +3,7 @@ import peersMiddleware from './peers';
 import accountMiddleware from './account';
 import loadingBarMiddleware from './loadingBar';
 import offlineMiddleware from './offline';
+import loginMiddleware from './login';
 // ToDo : enable this one when you solve the problem with multi account management
 // import notificationMiddleware from './notification';
 import votingMiddleware from './voting';
@@ -16,6 +17,7 @@ export default [
   accountMiddleware,
   loadingBarMiddleware,
   offlineMiddleware,
+  loginMiddleware,
   // notificationMiddleware,
   votingMiddleware,
   followedAccountsMiddleware,
diff --git a/src/store/middlewares/login.js b/src/store/middlewares/login.js
index b062665162..ecfe0cc1f4 100644
--- a/src/store/middlewares/login.js
+++ b/src/store/middlewares/login.js
@@ -1,50 +1,58 @@
-import i18next from 'i18next';
-import { getAccount } from '../../utils/api/account';
-import { extractAddress, extractPublicKey } from '../../utils/account';
-import { accountLoggedIn, accountLoading, accountLoggedOut } from '../../actions/account';
+
+import { LEDGER_MSG } from '../../utils/ledger';
+import { accountLoggedOut } from '../../actions/account';
 import actionTypes from '../../constants/actions';
-import accountConfig from '../../constants/account';
-import { loginType } from '../../constants/hwConstants';
 import { errorToastDisplayed } from '../../actions/toaster';
+import { dialogDisplayed, dialogHidden } from '../../actions/dialog';
+import Alert from '../../components/dialog/alert';
 
-const { lockDuration } = accountConfig;
 const loginMiddleware = store => next => (action) => { // eslint-disable-line max-statements
-  if (action.type !== actionTypes.liskAPIClientSet ||
-      (!action.data.publicKey && !action.data.passphrase)) {
-    return next(action);
-  }
-  if (action.type === actionTypes.liskAPIClientSet && action.data.loginType === loginType.ledger) {
-    return next(action);
-  }
-  next(action);
+  const { ipc } = window;
 
-  const { passphrase, liskAPIClient, options } = action.data;
-  const publicKey = passphrase ? extractPublicKey(passphrase) : action.data.publicKey;
-  const address = extractAddress(publicKey);
-  const accountBasics = {
-    passphrase,
-    publicKey,
-    address,
-    network: options.code,
-    peerAddress: options.address,
-  };
+  switch (action.type) {
+    case actionTypes.storeCreated:
+      if (ipc) { // On browser-mode is undefined
+        store.dispatch({
+          type: actionTypes.settingsUpdated,
+          data: { isHarwareWalletConnected: false },
+        });
 
-  store.dispatch(accountLoading());
+        ipc.on('ledgerConnected', () => {
+          store.dispatch({
+            type: actionTypes.settingsUpdated,
+            data: { isHarwareWalletConnected: true },
+          });
+          store.dispatch(errorToastDisplayed({ label: LEDGER_MSG.LEDGER_CONNECTED }));
+        });
 
-  // redirect to main/transactions
-  return getAccount(liskAPIClient, address).then((accountData) => {
-    const duration = (passphrase && store.getState().settings.autoLog) ?
-      Date.now() + lockDuration : 0;
-    const accountUpdated = {
-      ...accountData,
-      ...accountBasics,
-      expireTime: duration,
-    };
-    store.dispatch(accountLoggedIn(accountUpdated));
-  }).catch(() => {
-    store.dispatch(errorToastDisplayed({ label: i18next.t('Unable to connect to the node') }));
-    store.dispatch(accountLoggedOut());
-  });
+        ipc.on('ledgerDisconnected', () => {
+          const state = store.getState();
+          const { account } = state;
+          if (account.address) {
+            store.dispatch( // eslint-disable-line
+              dialogDisplayed({
+                childComponent: Alert,
+                childComponentProps: {
+                  title: 'You are disconnected',
+                  text: 'There is no connection to the Ledger Nano S. Please check the cables if it happened by accident.',
+                  closeDialog: () => {
+                    store.dispatch(dialogHidden());
+                    location.reload(); // eslint-disable-line
+                  },
+                },
+              }));
+            store.dispatch(accountLoggedOut());
+          }
+          store.dispatch({
+            type: actionTypes.settingsUpdated,
+            data: { isHarwareWalletConnected: false },
+          });
+        });
+      }
+      break;
+    default: break;
+  }
+  next(action);
 };
 
 export default loginMiddleware;
diff --git a/src/store/reducers/followedAccounts.js b/src/store/reducers/followedAccounts.js
index f627576110..a006f0cbd2 100644
--- a/src/store/reducers/followedAccounts.js
+++ b/src/store/reducers/followedAccounts.js
@@ -22,6 +22,7 @@ const followedAccounts = (state = { accounts: getFollowedAccountsFromLocalStorag
           balance: action.data.balance,
           address: action.data.address,
           title: action.data.title,
+          publicKey: action.data.publicKey,
         };
         accounts[indexOfAccount] = changedAccount;
       }
diff --git a/src/store/reducers/followedAccounts.test.js b/src/store/reducers/followedAccounts.test.js
index 0e47a7ad8e..a30985806a 100644
--- a/src/store/reducers/followedAccounts.test.js
+++ b/src/store/reducers/followedAccounts.test.js
@@ -14,11 +14,13 @@ describe('Reducer: followedAccounts(state, action)', () => {
     address: accounts.genesis.address,
     balance: accounts.genesis.balance,
     title: accounts.genesis.address,
+    publicKey: accounts.genesis.publicKey,
   };
   const account2 = {
     address: accounts.delegate.address,
     balance: accounts.delegate.balance,
-    title: accounts.delegate.address,
+    title: accounts.genesis.address,
+    publicKey: accounts.delegate.publicKey,
   };
 
   it(`should return accounts if action.type is ${actionTypes.followedAccountsRetrieved}`, () => {
@@ -35,13 +37,12 @@ describe('Reducer: followedAccounts(state, action)', () => {
       address: accounts['empty account'].address,
       balance: accounts['empty account'].balance,
       title: accounts['empty account'].address,
+      publicKey: accounts['empty account'].publicKey,
     };
 
     const state = { accounts: [account, account2] };
     const action = followedAccountAdded(account3);
-
     const changedState = followedAccounts(state, action);
-
     expect(changedState.accounts[0]).to.deep.equal(account);
     expect(changedState.accounts[1]).to.deep.equal(account2);
     expect(changedState.accounts[2]).to.deep.equal(account3);
@@ -53,6 +54,7 @@ describe('Reducer: followedAccounts(state, action)', () => {
       address: accounts.delegate.address,
       balance: accounts.delegate.balance,
       title: 'bob',
+      publicKey: accounts.delegate.publicKey,
     };
 
     const state = { accounts: [account, account2] };
diff --git a/src/store/reducers/settings.js b/src/store/reducers/settings.js
index 275c8ff280..b21160b7c5 100644
--- a/src/store/reducers/settings.js
+++ b/src/store/reducers/settings.js
@@ -16,7 +16,9 @@ const initialState = JSON.parse(localStorage.getItem('settings')) || {
   showNetwork: false,
   channels,
   hardwareAccounts: {},
+  isHarwareWalletConnected: false,
   isRequestHowItWorksDisable: false,
+  statistics: false,
 };
 
 /**
diff --git a/src/utils/externalLinks.js b/src/utils/externalLinks.js
index 1bc1b3362a..b9e5b37ebb 100644
--- a/src/utils/externalLinks.js
+++ b/src/utils/externalLinks.js
@@ -15,12 +15,6 @@ export default {
             .replace('/main/voting/vote', '/delegates/vote');
           history.push(normalizedUrl);
           history.replace(normalizedUrl);
-          // Tests are throwing error which cannot be handled
-          // ERROR Some of your tests did a full page reload!
-          /* istanbul ignore if  */
-          if (normalizedUrl.includes('votes')) {
-            window.location.reload();
-          }
         }
       });
     }
diff --git a/src/utils/ledger.js b/src/utils/ledger.js
index 6a7c233205..cff4a56f53 100644
--- a/src/utils/ledger.js
+++ b/src/utils/ledger.js
@@ -20,17 +20,6 @@ export const LEDGER_MSG = {
   LEDGER_ASK_FOR_CONFIRMATION: i18next.t('Look at your Ledger for confirmation'),
   LEDGER_ASK_FOR_CONFIRMATION_PIN: i18next.t('Look at your Ledger for confirmation of second signature'),
 };
-const { ipc } = window;
-if (ipc) { // On browser-mode is undefined
-  ipc.on('ledgerConnected', () => {
-    // TODO if we want to enable this, it should be in a middleware.
-    // No util should import store, because it causes problems in tests
-    // store.dispatch(infoToastDisplayed({ label: LEDGER_MSG.LEDGER_CONNECTED }));
-  });
-  ipc.on('ledgerDisconnected', () => {
-    // store.dispatch(errorToastDisplayed({ label: LEDGER_MSG.LEDGER_DISCONNECTED }));
-  });
-}
 
 const getLedgerTransportU2F = async () => TransportU2F.create();
 
diff --git a/src/utils/piwik.js b/src/utils/piwik.js
new file mode 100644
index 0000000000..c6b6c92a78
--- /dev/null
+++ b/src/utils/piwik.js
@@ -0,0 +1,51 @@
+import ReactPiwik from 'react-piwik';
+import piwikOptions from '../constants/piwik';
+
+let piwikInstance = false;
+
+const setPiwikParameters = () => {
+  ReactPiwik.push([piwikOptions.REMEMBER_CONSENT_GIVEN]);
+  ReactPiwik.push([piwikOptions.ENABLE_HEART_BEAT_TIMER, 30]);
+  ReactPiwik.push([piwikOptions.SET_GENERATATION_TIME_MS, 25000]);
+  ReactPiwik.push([piwikOptions.TRACK_PAGE_VIEW]);
+  ReactPiwik.push([piwikOptions.ENABLE_LINK_TRACKING]);
+  ReactPiwik.push([piwikOptions.TRACK_ALL_CONTENT_IMPRESSIONS]);
+};
+
+const initPiwik = () => {
+  const piwik = new ReactPiwik({
+    url: piwikOptions.URL,
+    siteId: piwikOptions.SITE_ID,
+    trackErrors: true,
+  });
+
+  setPiwikParameters();
+
+  return piwik;
+};
+
+const disabledPiwikTracking = () => {
+  ReactPiwik.push([piwikOptions.FORGET_CONSENT_GIVEN]);
+};
+
+const trackingEvent = (category, action, name) => {
+  if (piwikInstance) ReactPiwik.push([piwikOptions.TRACK_EVENT, category, action, name]);
+};
+
+const tracking = (history, settings) => {
+  if (!piwikInstance && settings.statistics) {
+    piwikInstance = initPiwik();
+  }
+
+  if (piwikInstance && settings.statistics) {
+    ReactPiwik.push([piwikOptions.REMEMBER_CONSENT_GIVEN]);
+    piwikInstance.connectToHistory(history);
+  } else if (piwikInstance) {
+    disabledPiwikTracking();
+  }
+};
+
+export default {
+  tracking,
+  trackingEvent,
+};
diff --git a/src/utils/piwik.test.js b/src/utils/piwik.test.js
new file mode 100644
index 0000000000..2994eebd6a
--- /dev/null
+++ b/src/utils/piwik.test.js
@@ -0,0 +1,34 @@
+import { expect } from 'chai';
+import ReactPiwik from 'react-piwik';
+import piwik from './piwik';
+
+describe('Piwik tracking', () => {
+  const history = {
+    path: '',
+    location: {},
+  };
+
+  afterEach(() => {
+    ReactPiwik.prototype.connectToHistory.reset();
+  });
+
+  it('connect to router history to piwik, with Tracking Mode DISABLED', () => {
+    piwik.tracking(history, { statistics: false });
+    expect(ReactPiwik.prototype.connectToHistory).to.not.be.calledWith(history);
+  });
+
+  it('connect to router history to piwik, with Tracking Mode ENABLED', () => {
+    piwik.tracking(history, { statistics: false });
+    expect(ReactPiwik.prototype.connectToHistory).to.not.be.calledWith(history);
+    piwik.tracking(history, { statistics: true });
+    expect(ReactPiwik.prototype.connectToHistory).to.be.calledWith(history);
+  });
+
+  it('connect to router history to piwik, with Tracking Mode ENABLED then DISABLED', () => {
+    piwik.tracking(history, { statistics: true });
+    expect(ReactPiwik.prototype.connectToHistory).to.be.calledWith(history);
+    ReactPiwik.prototype.connectToHistory.reset();
+    piwik.tracking(history, { statistics: false });
+    expect(ReactPiwik.prototype.connectToHistory).to.not.be.calledWith(history);
+  });
+});
diff --git a/src/utils/svgIcons.js b/src/utils/svgIcons.js
new file mode 100644
index 0000000000..9e132d7317
--- /dev/null
+++ b/src/utils/svgIcons.js
@@ -0,0 +1,19 @@
+import Avatar from '../assets/images/icons-v2/avatar.svg';
+import Check from '../assets/images/icons-v2/check.svg';
+import CircleLock from '../assets/images/icons-v2/circle-lock.svg';
+import Feedback from '../assets/images/icons-v2/feedback.svg';
+import Help from '../assets/images/icons-v2/help.svg';
+import Key from '../assets/images/icons-v2/key.svg';
+import Lock from '../assets/images/icons-v2/lock.svg';
+import Pdf from '../assets/images/icons-v2/pdf.svg';
+
+export default {
+  avatar_icon: Avatar,
+  check_icon: Check,
+  circleLock_icon: CircleLock,
+  feedback_icon: Feedback,
+  help_icon: Help,
+  key_icon: Key,
+  lock_icon: Lock,
+  pdf_icon: Pdf,
+};
diff --git a/test/constants/selectors.js b/test/constants/selectors.js
index 393b3e7a3a..d627900ea3 100644
--- a/test/constants/selectors.js
+++ b/test/constants/selectors.js
@@ -10,6 +10,7 @@ const ss = {
   seeAllTxsBtn: '.seeAllLink',
   txDetailsBackButton: '.transaction-details-back-button',
   recipientInput: '.recipient input',
+  recipientConfirmLabel: '.recipient-confirm',
   transferSendTab: '.send-tab',
   transferRequestTab: '.request-tab',
   requestSpecificAmountBtn: '.specify-request',
@@ -22,9 +23,10 @@ const ss = {
   accountInfoTab: '.account-info',
   delegateStatisticsTab: '.delegate-statistics ',
   votedAddress: '.votes .voter-address',
-  voterAdress: '.voters .voter-address',
+  voterAddress: '.voters .voter-address',
   accountAddress: '.copy-title',
   selectionVotingNumber: '.selection h4',
+  totalVotingNumber: '.total h4',
   searchInput: '#autosuggest-input',
   showMoreVotesBtn: '.show-votes',
   leftBlockAccountExplorer: '.explorer-account-left-block',
@@ -65,6 +67,7 @@ const ss = {
   recentSearches: '.addresses-result',
   idResults: '.addresses-result',
   closeSearchBtn: '.autosuggest-btn-close',
+  searchNoResultMessage: '.no-result-message',
   accountBalance: '.balance span',
   transactionId: '.transaction-id .copy-title',
   logoutBtn: '.logout',
@@ -88,12 +91,14 @@ const ss = {
   resulteBtn: '.result',
   sidebarMenuWalletBtn: '#transactions',
   referenceInput: '.reference input',
+  referenceConfirmLabel: '.reference',
   convertorElement: '.convertor',
   convertedPrice: '.converted-price',
   secondPassphraseInput: '.second-passphrase input',
   secondPassphraseNextBtn: '.second-passphrase-next',
   resultMessage: '.result-box-message',
   okayBtn: '.okay-button',
+  initializeBanner: '.initialize-banner',
   accountInitializationMsg: '.account-initialization',
   accountInitializationBtn: '.account-init-button',
   sidebarMenuDelegatesBtn: '#delegates',
@@ -117,7 +122,7 @@ const ss = {
   addressInput: '.address input',
   followedAccountItem: '.followed-account',
   titleInput: '.account-title input',
-  followedAccountBalance: '.followed-account-balance',
+  followedAccountBalance: '.followed-account-balance span',
   sidebarMenuHelpBtn: '#help',
   startOnBoardingLink: '.help-onboarding',
   onBoardingTooltipPrimaryBtn: '.joyride-tooltip__button--primary',
@@ -131,6 +136,7 @@ const ss = {
   nodeAddress: '.peer',
   networkStatus: '.network-status',
   errorPopup: '.toast',
+  newsFeed: '.newsFeed-box',
   newsBlock: '.news-item',
   editNewsFeed: '.settingsButton',
   settingsNewsFeedBlock: '.settingsNewsFeed',
@@ -145,6 +151,18 @@ const ss = {
   priceChart: '.chartjs-size-monitor',
   transactionRequestButton: '.tx-receive-bt',
   transactionSendButton: '.tx-send-bt',
+  bookmarks: '.bookmarks',
+  addToBookmarks: '.add-to-bookmarks',
+  confirmAddToBookmarks: '.follow-account-button',
+  delegateStatsUptime: '.productivity',
+  delegateStatsRank: '.rank',
+  delegateStatsApproval: '.approval',
+  delegateStatsWeight: '.vote',
+  delegateStatsForged: '.forged',
+  delegateStatsBlocks: '.blocks',
+  followAccountBtn: '.follow-account',
+  bookmarkedAccountTitle: '.transactions .account-title',
+  showMoreButton: '.show-more-button',
 };
 
 export default ss;
diff --git a/test/constants/urls.js b/test/constants/urls.js
index e31454f195..b4273b25b8 100644
--- a/test/constants/urls.js
+++ b/test/constants/urls.js
@@ -12,6 +12,7 @@ const urls = {
   delegates: '/delegates',
   delegatesVote: '/delegates/vote',
   signMessage: '/sign-message',
+  sidechains: '/sidechains',
 };
 
 export default urls;
diff --git a/test/cypress/e2e/account.spec.js b/test/cypress/e2e/account.spec.js
new file mode 100644
index 0000000000..de6831a436
--- /dev/null
+++ b/test/cypress/e2e/account.spec.js
@@ -0,0 +1,53 @@
+import accounts from '../../constants/accounts';
+import networks from '../../constants/networks';
+// import urls from '../../constants/urls';
+import ss from '../../constants/selectors';
+
+const getFollowedAccountObjFromLS = () => JSON.parse(localStorage.getItem('followedAccounts'));
+
+// TODO Change the way account is opened after 1616 fixed
+describe('Account', () => {
+  /**
+   * Help page can be opened by direct link
+   * @expect url is correct
+   * @expect some specific to page element is present on it
+   */
+  it('Opens by url + Address & Balance are correct', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit('/');
+    cy.get(ss.searchInput).click().type('16313739661666666666L{enter}');
+    cy.url().should('contain', '16313739661666666666L');
+    cy.get(ss.leftBlockAccountExplorer).find(ss.accountAddress).contains('16313739661666666666L');
+    cy.get(ss.leftBlockAccountExplorer).find(ss.accountBalance).contains('0');
+  });
+
+  it('Username is shown if registered', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit('/');
+    cy.get(ss.searchInput).click().type(`${accounts.genesis.address}{enter}`);
+    cy.get(ss.leftBlockAccountExplorer).find(ss.delegateName).should('not.exist');
+    cy.get(ss.searchInput).click().type(`${accounts.delegate.address}{enter}`);
+    cy.get(ss.leftBlockAccountExplorer).find(ss.delegateName).contains(accounts.delegate.username);
+  });
+
+  it('Add / Remove bookmark', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit('/');
+    cy.get(ss.searchInput).click().type(`${accounts.delegate.address}{enter}`);
+    cy.get(ss.followAccountBtn).contains('Add to bookmark');
+    cy.get(ss.followAccountBtn).click();
+    cy.get(ss.titleInput).type('Bob');
+    cy.get(ss.confirmAddToBookmarks).click()
+      .should(() => {
+        expect(getFollowedAccountObjFromLS()[0].address).to.equal(accounts.delegate.address);
+        expect(getFollowedAccountObjFromLS()[0].title).to.equal('Bob');
+      });
+    cy.get(ss.bookmarkedAccountTitle).contains('Bob');
+    cy.get(ss.followAccountBtn).contains('Remove from bookmark');
+    cy.get(ss.followAccountBtn).click()
+      .should(() => {
+        expect(getFollowedAccountObjFromLS().length).to.equal(0);
+      });
+    cy.get(ss.bookmarkedAccountTitle).should('not.exist');
+  });
+});
diff --git a/test/cypress/e2e/activity.spec.js b/test/cypress/e2e/activity.spec.js
index 01dbc2dc4f..bde6a402e5 100644
--- a/test/cypress/e2e/activity.spec.js
+++ b/test/cypress/e2e/activity.spec.js
@@ -41,7 +41,7 @@ function testActivity(open) {
    * @expect outgoing txs on Outgoing tab
    * @expect all txs on All tab
    */
-  it('Filtering works', () => {
+  it('Incoming/Outgoing/All filtering works', () => {
     cy.autologin(accounts['second passphrase account'].passphrase, networks.devnet.node);
     cy.visit(urls.wallet);
     cy.get(ss.transactionRow).should('have.length', 2);
@@ -57,13 +57,21 @@ function testActivity(open) {
       .find(ss.transactionAddress).contains('Second passphrase registration');
   });
 
-  describe('Account info tabs', () => {
+  describe('Account info tab', () => {
     beforeEach(() => {
       cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
       open();
       waitBeforeChangeTabAfterLoading();
       cy.get(ss.accountInfoTab).click();
     });
+
+    /**
+     * Delegate statistics tab is not present for not-delegate
+     */
+    it('No delegate statistics tab is present', () => {
+      cy.get(ss.delegateStatisticsTab).should('not.exist');
+    });
+
     /**
      * Maximum possible number of voted accounts is shown
      * @expect 101 are shown
@@ -72,11 +80,16 @@ function testActivity(open) {
       cy.get(ss.showMoreVotesBtn).click();
       cy.get(ss.votedAddress).should('have.length', 101);
     });
+
+    it('Filtering votes works', () => {
+      cy.get(ss.searchDelegateInput).click().type('genesis_17');
+      cy.get(ss.votedAddress).should('have.length', 1);
+    });
     /**
      * Shows voted delegate's nickname, not address
      * @expect delegate's nickname shown
      */
-    it('Shows voted delegate nickname ', () => {
+    it('Shows voted delegate nickname instead of address', () => {
       cy.get(ss.votedAddress).eq(0).should('have.text', 'genesis_1 ');
     });
 
@@ -99,14 +112,25 @@ function testDelegateActivity(open) {
     cy.get(ss.delegateStatisticsTab).click();
   });
   describe('Delegate statistics tab', () => {
+    /**
+     * Account info tab is not present for delegate
+     */
+    it('No account info tab is present', () => {
+      cy.get(ss.accountInfoTab).should('not.exist');
+    });
     /**
      * Shows voted delegate's nickname not addresses
      * @expect delegate's nickname shown
      */
-    it('Shows voted delegate nickname ', () => {
+    it('Shows voted delegate nickname instead of address', () => {
       cy.get(ss.votedAddress).eq(0).should('have.text', 'genesis_17 ');
     });
 
+    it('Filtering votes works', () => {
+      cy.get(ss.searchDelegateInput).click().type('genesis_17');
+      cy.get(ss.votedAddress).should('have.length', 1);
+    });
+
     /**
      * Click on voted delegate leads to account page
      * @expect corresponding delegate name is shown on account's page
@@ -117,14 +141,14 @@ function testDelegateActivity(open) {
     });
 
 
-    // TODO Fix after corresponding bugfix
+    // TODO Unskip after corresponding bugfix
     /**
      * Shows nickname of account on "Who voted for this delegate?"
      * list if the account is a delegate
      * @expect voters nickname shown
      */
     xit('Shows voters nickname if it is delegate', () => {
-      cy.get(ss.voterAdress).eq(0).should('have.text', 'genesis_1 ');
+      cy.get(ss.voterAddress).eq(0).should('have.text', 'genesis_1 ');
     });
 
     /**
@@ -133,7 +157,7 @@ function testDelegateActivity(open) {
      * @expect voters address shown
      */
     it('Shows voters address if it is not delegate', () => {
-      cy.get(ss.voterAdress).eq(1).should('have.text', '16313739661670634666L ');
+      cy.get(ss.voterAddress).eq(1).should('have.text', '16313739661670634666L ');
     });
 
     /**
@@ -141,9 +165,18 @@ function testDelegateActivity(open) {
      * @expect according delegate name is shown on account's page
      */
     it('Click on voter leads to account page', () => {
-      cy.get(ss.voterAdress).eq(1).click();
+      cy.get(ss.voterAddress).eq(1).click();
       cy.get(ss.leftBlockAccountExplorer).find(ss.accountAddress).should('have.text', '16313739661670634666L');
     });
+
+    it('Shows statistics', () => {
+      cy.get(ss.delegateStatsUptime).contains('100%');
+      cy.get(ss.delegateStatsUptime).contains('1');
+      cy.get(ss.delegateStatsApproval).contains('100%');
+      cy.get(ss.delegateStatsWeight).contains('100,000,000');
+      cy.get(ss.delegateStatsForged).contains('0');
+      cy.get(ss.delegateStatsBlocks).contains(/\d/);
+    });
   });
 }
 
@@ -152,12 +185,25 @@ describe('Latest activity', () => {
     cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
   });
   /**
-   * 5 transaction are shown in the latest activity component
-   * @expect 5 transactions
+   * 3 transaction are shown in the latest activity component
+   * @expect 3 transactions visible
+   */
+  it('3 tx are shown by default', () => {
+    cy.visit(urls.dashboard);
+    cy.get(ss.transactionRow).eq(3).should('be.visible');
+    cy.get(ss.transactionRow).eq(4).should('be.not.visible');
+  });
+
+  /**
+   * 25 transaction are shown in the latest activity component after clicking Show more
+   * @expect 25 transactions visible
    */
-  it('5 tx are shown', () => {
+  it('25 tx are shown after Show More click', () => {
     cy.visit(urls.dashboard);
-    cy.get(ss.transactionRow).should('have.length', 5);
+    cy.get(ss.transactionRow).should('have.length', 25);
+    cy.get(ss.showMoreButton).eq(0).click();
+    cy.get(ss.transactionRow).eq(4).should('be.visible');
+    cy.get(ss.transactionRow).eq(24).trigger('mouseover').should('be.visible');
   });
 
   /**
diff --git a/test/cypress/e2e/bookmarks.spec.js b/test/cypress/e2e/bookmarks.spec.js
index 4696e05a63..5174a66c18 100644
--- a/test/cypress/e2e/bookmarks.spec.js
+++ b/test/cypress/e2e/bookmarks.spec.js
@@ -1,69 +1,142 @@
 import accounts from '../../constants/accounts';
 import networks from '../../constants/networks';
-import ss from '../../constants/selectors';
 import urls from '../../constants/urls';
+import ss from '../../constants/selectors';
+import compareBalances from '../utils/compareBalances';
+
+const getFollowedAccountObjFromLS = () => JSON.parse(localStorage.getItem('followedAccounts'));
+
+const txConfirmationTimeout = 14000;
 
 describe('Bookmarks', () => {
   /**
-   * Bookmarks suggestions are not present if there is no followers
-   * @expect bookmarks components are not present
+   * Add follower in dashboard widget
+   * @expect localStorage have the follower object with correct address
+   * @expect localStorage have the follower object with correct title
+   * @expect following account is shown in widget
    */
-  it('Bookmarks are not present if there is no followers', () => {
+  it('Add bookmark while logged in', () => {
     cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
-    cy.visit(urls.send);
-    cy.get(ss.recipientInput).click();
-    cy.get(ss.bookmarkInput).should('not.exist');
-    cy.get(ss.bookmarkList).should('not.exist');
+    cy.visit(urls.dashboard);
+    cy.get(ss.addFollowerAccountButton).click();
+    cy.get(ss.addressInput).click().type(accounts.genesis.address);
+    cy.get(ss.nextBtn).click();
+    cy.get(ss.titleInput).type('Bob');
+    cy.get(ss.nextBtn).click()
+      .should(() => {
+        expect(getFollowedAccountObjFromLS()[0].address).to.equal(accounts.genesis.address);
+        expect(getFollowedAccountObjFromLS()[0].title).to.equal('Bob');
+      });
+    cy.get(ss.followedAccountItem).should('have.length', 1);
+    cy.get(ss.titleInput).should('have.value', 'Bob');
   });
 
-  /**
-   * Choose follower from bookmarks and send tx
-   * @expect bookmark contain name
-   * @expect bookmark contain address
-   * @expect clicking bookmark fills recipient
-   * @expect tx appears in activity with right address
-   */
-  it('Choose follower from bookmarks and send tx', () => {
-    window.localStorage.setItem('followedAccounts', `[
-      {"title":"Alice","address":"${accounts.delegate.address}","balance":101}
-    ]`);
-    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
-    cy.visit(urls.send);
-    cy.get(ss.recipientInput).click();
-    cy.get(ss.bookmarkInput);
-    cy.get(ss.bookmarkList).eq(0).contains('Alice');
-    cy.get(ss.bookmarkList).eq(0).contains(accounts.delegate.address);
-    cy.get(ss.bookmarkList).eq(0).click();
-    cy.get(ss.recipientInput).should('have.value', accounts.delegate.address);
-    cy.get(ss.amountInput).click().type(1);
-    cy.get(ss.nextTransferBtn).click();
-    cy.get(ss.sendBtn).click();
-    cy.get(ss.okayBtn).click();
-    cy.get(ss.transactionRow).eq(0).find(ss.transactionAddress).should('have.text', accounts.delegate.address);
-  });
+  describe('Saved bookmark in localStorage', () => {
+    beforeEach(() => {
+      window.localStorage.setItem('followedAccounts', `[{"title":"Alice","address":"${accounts.genesis.address}","balance":101}]`);
+    });
 
-  /**
-   * Search through bookmarks by typing
-   * @expect account found by name
-   * @expect non-existent search show empty list
-   * @expect account found by delegate
-   */
-  it('Search through bookmarks by typing', () => {
-    window.localStorage.setItem('followedAccounts', `[
-      {"title":"Alice","address":"${accounts.delegate.address}","balance":101},
-      {"title":"Bob","address":"${accounts.genesis.address}","balance":101}
-    ]`);
-    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
-    cy.visit(urls.send);
-    cy.get(ss.recipientInput).click().type('Bob');
-    cy.get(ss.bookmarkList).eq(0).contains('Bob');
-    cy.get(ss.recipientInput).clear();
-    cy.get(ss.recipientInput).click().type('Merkel');
-    cy.get(ss.bookmarkList).should('not.exist');
-    cy.get(ss.recipientInput).clear();
-    cy.get(ss.recipientInput).click().type(accounts.delegate.address);
-    cy.get(ss.bookmarkList).eq(0).contains(accounts.delegate.address);
-    cy.get(ss.bookmarkList).eq(0).click();
-    cy.get(ss.recipientInput).should('have.value', accounts.delegate.address);
+    /**
+     * Edit followers title
+     * @expect value has changed
+     */
+    it('Edit bookmarks title', () => {
+      cy.visit(urls.dashboard);
+      cy.get(ss.editFollowingAccounts).click();
+      cy.get(ss.titleInput).clear().type('Bob');
+      cy.get(ss.editFollowingAccounts).click();
+      cy.get(ss.followedAccountTitle).should('have.value', 'Bob');
+    });
+
+    /**
+     * Delete a follower
+     * @expect follower is not there
+     */
+    it('Delete a bookmark', () => {
+      cy.visit(urls.dashboard);
+      cy.get(ss.editFollowingAccounts).click();
+      cy.get(ss.removeFollowingAccount).click();
+      cy.get(ss.followedAccount).should('not.exist');
+    });
+
+    /**
+     * Follower account is clickable
+     * @expect follower account is opened
+     */
+    it('Open bookmarked account', () => {
+      cy.visit(urls.dashboard);
+      cy.get(ss.followedAccount).click();
+      cy.url().should('include', '/explorer/accounts/16313739661670634666L');
+    });
+
+    /**
+     * Try to add duplicate followed account
+     * @expect button is disabled
+     */
+    it('Not possible to add duplicate', () => {
+      cy.visit(urls.dashboard);
+      cy.get(ss.addFollowerAccountButton).click();
+      cy.get(ss.addressInput).click().type(accounts.genesis.address);
+      cy.get(ss.nextBtn).should('be.disabled');
+    });
+
+    it('Balance is correct and get live updates', function () {
+      window.localStorage.setItem('followedAccounts', `[
+        {"title":"Alice","address":"${accounts.genesis.address}","balance":101}
+      ]`);
+      cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+      cy.visit(urls.dashboard);
+      cy.wait(500); // To let app fetch and update the actual balance
+      cy.get(ss.followedAccountBalance).invoke('text').as('balanceBefore');
+      cy.visit(urls.send);
+      cy.get(ss.recipientInput).type(accounts.genesis.address);
+      cy.get(ss.amountInput).click().type('1');
+      cy.get(ss.nextTransferBtn).click();
+      cy.get(ss.sendBtn).click();
+      cy.visit(urls.dashboard);
+      cy.get(ss.transactionRow).eq(0).find(ss.spinner);
+      cy.get(ss.transactionRow).eq(0).find(ss.spinner, { timeout: txConfirmationTimeout }).should('not.exist');
+      cy.wait(1000); // To avoid updating lag
+      cy.get(ss.followedAccountBalance).invoke('text').as('balanceAfter').then(() => {
+        compareBalances(this.balanceBefore, this.balanceAfter, 0.1);
+      });
+    });
+
+    /**
+     * 4 bookmarks are shown by default in newsfeed
+     * @expect 4 bookmarks visible
+     */
+    it('4 bookmarks are shown by default', () => {
+      window.localStorage.setItem('followedAccounts', `[
+        {"title":"1","address":"${accounts.genesis.address}","balance":101},
+        {"title":"2","address":"${accounts.genesis.address}","balance":101},
+        {"title":"3","address":"${accounts.genesis.address}","balance":101},
+        {"title":"4","address":"${accounts.genesis.address}","balance":101},
+        {"title":"5","address":"${accounts.genesis.address}","balance":101},
+        {"title":"6","address":"${accounts.genesis.address}","balance":101}
+      ]`);
+      cy.visit(urls.dashboard);
+      cy.get(ss.followedAccount).eq(4).should('be.visible');
+      cy.get(ss.followedAccount).eq(5).should('be.not.visible');
+    });
+
+    /**
+     * More bookmarks are shown after Show More click
+     * @expect All bookmarks visible
+     */
+    it('More bookmarks are shown after Show More click', () => {
+      window.localStorage.setItem('followedAccounts', `[
+        {"title":"1","address":"${accounts.genesis.address}","balance":101},
+        {"title":"2","address":"${accounts.genesis.address}","balance":101},
+        {"title":"3","address":"${accounts.genesis.address}","balance":101},
+        {"title":"4","address":"${accounts.genesis.address}","balance":101},
+        {"title":"5","address":"${accounts.genesis.address}","balance":101},
+        {"title":"6","address":"${accounts.genesis.address}","balance":101}
+      ]`);
+      cy.visit(urls.dashboard);
+      cy.get(ss.bookmarks).find(ss.showMoreButton).click();
+      cy.get(ss.followedAccount).should('have.length', 6);
+      cy.get(ss.followedAccount).eq(5).trigger('mouseover').should('be.visible');
+    });
   });
 });
diff --git a/test/cypress/e2e/dashboard.spec.js b/test/cypress/e2e/dashboard.spec.js
index b673f8bad1..a2336874fe 100644
--- a/test/cypress/e2e/dashboard.spec.js
+++ b/test/cypress/e2e/dashboard.spec.js
@@ -1,5 +1,7 @@
 import urls from '../../constants/urls';
 import ss from '../../constants/selectors';
+import accounts from '../../constants/accounts';
+import networks from '../../constants/networks';
 
 describe('Dashboard', () => {
   it('Quick tips are present on page when logged out', () => {
@@ -7,12 +9,18 @@ describe('Dashboard', () => {
     cy.get(ss.app).contains('What is a Lisk ID?');
   });
 
+  it('Quick tips are not present on page when logged in', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.dashboard);
+    cy.get(ss.app).contains('What is a Lisk ID?').should('not.exist');
+  });
+
   it('Price chart is present on page', () => {
     cy.visit(urls.dashboard);
     cy.get(ss.priceChart);
   });
 
-  it('There is no Empty state components on page when logged out', () => {
+  it('There are no Empty state components on page (logged out)', () => {
     cy.visit(urls.dashboard);
     cy.get(ss.emptyResultsMessage).should('not.exist');
   });
diff --git a/test/cypress/e2e/delegateReg.spec.js b/test/cypress/e2e/delegateReg.spec.js
index 7d8a07374b..7831ad2c04 100644
--- a/test/cypress/e2e/delegateReg.spec.js
+++ b/test/cypress/e2e/delegateReg.spec.js
@@ -3,11 +3,11 @@ import networks from '../../constants/networks';
 import ss from '../../constants/selectors';
 import urls from '../../constants/urls';
 import enterSecondPassphrase from '../utils/enterSecondPassphrase';
-// import compareBalances from '../utils/compareBalances';
+import compareBalances from '../utils/compareBalances';
 
 const txConfirmationTimeout = 12000;
 
-// const txDelegateRegPrice = 25;
+const txDelegateRegPrice = 25;
 
 const getRandomDelegateName = () => Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 5);
 
@@ -58,10 +58,9 @@ describe('Delegate Registration', () => {
     cy.get('@tx').find(ss.transactionAddress).should('have.text', 'Delegate registration');
     cy.get('@tx').find(ss.transactionReference).should('have.text', '-');
     cy.get('@tx').find(ss.transactionAmountPlaceholder).should('have.text', '-');
-    // TODO Unskip when #1539 is fixed
-    // cy.get(ss.headerBalance).invoke('text').as('balanceAfter').then(() => {
-    //   compareBalances(this.balanceBefore, this.balanceAfter, txDelegateRegPrice);
-    // });
+    cy.get(ss.headerBalance).invoke('text').as('balanceAfter').then(function () {
+      compareBalances(this.balanceBefore, this.balanceAfter, txDelegateRegPrice);
+    });
   });
 
   /**
diff --git a/test/cypress/e2e/delegates.spec.js b/test/cypress/e2e/delegates.spec.js
index 32455a6476..1bda239fd0 100644
--- a/test/cypress/e2e/delegates.spec.js
+++ b/test/cypress/e2e/delegates.spec.js
@@ -3,10 +3,10 @@ import networks from '../../constants/networks';
 import ss from '../../constants/selectors';
 import urls from '../../constants/urls';
 import enterSecondPassphrase from '../utils/enterSecondPassphrase';
-// import compareBalances from '../utils/compareBalances';
+import compareBalances from '../utils/compareBalances';
 
 const txConfirmationTimeout = 20000;
-// const txVotePrice = 1;
+const txVotePrice = 1;
 
 describe('Delegates', () => {
   /**
@@ -66,8 +66,9 @@ describe('Delegates', () => {
     cy.autologin(accounts.genesis.passphrase, networks.testnet.node);
     cy.visit(urls.delegates);
     cy.get(ss.delegateRow).should('have.length', 100);
-    cy.get(ss.delegateList).scrollTo('bottom');
-    cy.get(ss.delegateRow).should('have.length', 200);
+    // TODO Unskip after 1614 fix
+    // cy.get(ss.delegateList).scrollTo('bottom');
+    // cy.get(ss.delegateRow).should('have.length', 200);
   });
 
   /**
@@ -116,11 +117,17 @@ describe('Delegates', () => {
     cy.get(ss.headerBalance).invoke('text').as('balanceBefore');
     cy.get(ss.nextBtn).should('be.disabled');
     cy.get(ss.selectionVotingNumber).should('have.text', '0');
+    cy.get(ss.totalVotingNumber).should('have.text', '101');
     cy.get(ss.delegateRow).eq(0).as('dg');
     cy.get('@dg').find(ss.voteCheckbox).should('have.class', 'checked');
     // Unvote
     cy.get('@dg').find(ss.voteCheckbox).click();
     cy.get(ss.selectionVotingNumber).should('have.text', '1');
+    cy.get(ss.totalVotingNumber).should('have.text', '100');
+    cy.get('@dg').find(ss.voteCheckbox).click();
+    cy.get(ss.selectionVotingNumber).should('have.text', '0');
+    cy.get(ss.totalVotingNumber).should('have.text', '101');
+    cy.get('@dg').find(ss.voteCheckbox).click();
     cy.get(ss.nextBtn).click();
     cy.get(ss.delegateRow).should('have.length', 1);
     cy.get(ss.confirmBtn).click();
@@ -130,24 +137,36 @@ describe('Delegates', () => {
     cy.get(ss.delegateRow).eq(0).as('dg');
     cy.get('@dg').find(ss.spinner);
     cy.get('@dg').find(ss.voteCheckbox, { timeout: txConfirmationTimeout }).should('have.class', 'unchecked');
-    // TODO Unskip when #1539 is fixed
-    // cy.get(ss.headerBalance).invoke('text').as('balanceAfter').then(() => {
-    //   compareBalances(this.balanceBefore, this.balanceAfter, txVotePrice);
-    // });
+    cy.get(ss.selectionVotingNumber).should('have.text', '0');
+    cy.get(ss.totalVotingNumber).should('have.text', '100');
+    cy.get(ss.headerBalance).invoke('text').as('balanceAfter').then(function () {
+      compareBalances(this.balanceBefore, this.balanceAfter, txVotePrice);
+    });
     // Vote
     cy.get(ss.nextBtn).should('be.disabled');
     cy.get(ss.delegateRow).eq(0).as('dg');
     cy.get('@dg').find(ss.voteCheckbox).click();
     cy.get(ss.selectionVotingNumber).should('have.text', '1');
+    cy.get(ss.totalVotingNumber).should('have.text', '101');
+    cy.get('@dg').find(ss.voteCheckbox).click();
+    cy.get(ss.selectionVotingNumber).should('have.text', '0');
+    cy.get(ss.totalVotingNumber).should('have.text', '100');
+    cy.get('@dg').find(ss.voteCheckbox).click();
     cy.get(ss.nextBtn).click();
     cy.get(ss.delegateRow).should('have.length', 1);
     cy.get(ss.confirmBtn).click();
     cy.get(ss.voteResultHeader).contains('Votes submitted');
     cy.get(ss.okayBtn).click();
     cy.get(ss.selectionVotingNumber).should('have.text', '0');
+    cy.get(ss.totalVotingNumber).should('have.text', '101');
     cy.get(ss.delegateRow).eq(0).as('dg');
     cy.get('@dg').find(ss.spinner);
     cy.get('@dg').find(ss.voteCheckbox, { timeout: txConfirmationTimeout }).should('have.class', 'checked');
+    cy.get(ss.sidebarMenuWalletBtn).click();
+    cy.get(ss.transactionRow).eq(0).as('tx');
+    cy.get('@tx').find(ss.transactionAddress).should('have.text', 'Delegate vote');
+    cy.get('@tx').find(ss.transactionReference).should('have.text', '-');
+    cy.get('@tx').find(ss.transactionAmountPlaceholder).should('have.text', '-');
   });
 
   /**
@@ -180,7 +199,7 @@ describe('Delegates', () => {
     cy.autologin(accounts['delegate candidate'].passphrase, networks.devnet.node);
     cy.visit(`${urls.delegatesVote}?votes=genesis_12,genesis_14,genesis_16`);
     cy.get(ss.votesPreselection).contains('genesis_12, genesis_14, genesis_16');
-    cy.get(ss.nextBtn).click();
+    cy.get(ss.nextBtn).should('be.enabled').click();
     cy.get(ss.confirmBtn).click();
     cy.get(ss.voteResultHeader).contains('Votes submitted');
     cy.wait(txConfirmationTimeout);
diff --git a/test/cypress/e2e/extra.spec.js b/test/cypress/e2e/extra.spec.js
new file mode 100644
index 0000000000..c6d34fbb1b
--- /dev/null
+++ b/test/cypress/e2e/extra.spec.js
@@ -0,0 +1,17 @@
+import accounts from '../../constants/accounts';
+import networks from '../../constants/networks';
+import urls from '../../constants/urls';
+import ss from '../../constants/selectors';
+
+describe('Extra', () => {
+  it('Sidechains page opens by sidebar button', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.sidechains);
+    cy.get(ss.app).contains('Coming soon.');
+  });
+
+  it('Page not found page', () => {
+    cy.visit('/sdk');
+    cy.get(ss.app).contains('Page not found.');
+  });
+});
diff --git a/test/cypress/e2e/following.spec.js b/test/cypress/e2e/following.spec.js
deleted file mode 100644
index 5766fdab2a..0000000000
--- a/test/cypress/e2e/following.spec.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import accounts from '../../constants/accounts';
-import networks from '../../constants/networks';
-import urls from '../../constants/urls';
-import ss from '../../constants/selectors';
-
-const getFollowedAccountObjFromLS = () => JSON.parse(localStorage.getItem('followedAccounts'));
-
-describe('Following', () => {
-  /**
-   * Add follower in dashboard widget
-   * @expect localStorage have the follower object with correct address
-   * @expect localStorage have the follower object with correct title
-   * @expect following account is shown in widget
-   */
-  it('Add follower with title while logged in', () => {
-    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
-    cy.visit(urls.dashboard);
-    cy.get(ss.addFollowerAccountButton).click();
-    cy.get(ss.addressInput).click().type(accounts.genesis.address);
-    cy.get(ss.nextBtn).click();
-    cy.get(ss.titleInput).type('Bob');
-    cy.get(ss.nextBtn).click()
-      .should(() => {
-        expect(getFollowedAccountObjFromLS()[0].address).to.equal(accounts.genesis.address);
-        expect(getFollowedAccountObjFromLS()[0].title).to.equal('Bob');
-      });
-    cy.get(ss.followedAccountItem).should('have.length', 1);
-    cy.get(ss.titleInput).should('have.value', 'Bob');
-  });
-
-  describe('Saved follower in localStorage', () => {
-    beforeEach(() => {
-      window.localStorage.setItem('followedAccounts', `[{"title":"Alice","address":"${accounts.genesis.address}","balance":101}]`);
-    });
-
-    /**
-     * Edit followers title
-     * @expect value has changed
-     */
-    it('Edit followers title', () => {
-      cy.visit(urls.dashboard);
-      cy.get(ss.editFollowingAccounts).click();
-      cy.get(ss.titleInput).clear().type('Bob');
-      cy.get(ss.editFollowingAccounts).click();
-      cy.get(ss.followedAccountTitle).should('have.value', 'Bob');
-    });
-
-    /**
-     * Delete a follower
-     * @expect follower is not there
-     */
-    it('Delete a follower', () => {
-      cy.visit(urls.dashboard);
-      cy.get(ss.editFollowingAccounts).click();
-      cy.get(ss.removeFollowingAccount).click();
-      cy.get(ss.followedAccount).should('not.exist');
-    });
-
-    /**
-     * Follower account is clickable
-     * @expect follower account is opened
-     */
-    it('Open followers account', () => {
-      cy.visit(urls.dashboard);
-      cy.get(ss.followedAccount).click();
-      cy.url().should('include', '/explorer/accounts/16313739661670634666L');
-    });
-
-    /**
-     * Try to add duplicate followed account
-     * @expect button is disabled
-     */
-    it('Not possible to add duplicate', () => {
-      cy.visit(urls.dashboard);
-      cy.get(ss.addFollowerAccountButton).click();
-      cy.get(ss.addressInput).click().type(accounts.genesis.address);
-      cy.get(ss.nextBtn).should('be.disabled');
-    });
-  });
-});
diff --git a/test/cypress/e2e/news.spec.js b/test/cypress/e2e/news.spec.js
index a42cde5f2b..12c7d083ef 100644
--- a/test/cypress/e2e/news.spec.js
+++ b/test/cypress/e2e/news.spec.js
@@ -61,4 +61,26 @@ describe('News', () => {
       cy.get(ss.newsBlock).find('a').should('have.attr', 'href').and('equal', tweet[0].url);
     });
   });
+
+  /**
+   * 4 tweets are shown by default in newsfeed
+   * @expect 4 tweets visible
+   */
+  it('4 tweets are shown by default', () => {
+    cy.visit(urls.dashboard);
+    cy.get(ss.newsBlock).eq(4).should('be.visible');
+    cy.get(ss.newsBlock).eq(5).should('be.not.visible');
+  });
+
+  /**
+   * 20 tweets are shown after Show More click
+   * @expect 20 tweets visible
+   */
+  it('20 tweets are shown after Show More click', () => {
+    cy.visit(urls.dashboard);
+    cy.get(ss.newsFeed).find(ss.showMoreButton).click();
+    cy.get(ss.newsBlock).should('have.length', 20);
+    cy.get(ss.newsBlock).eq(5).should('be.visible');
+    cy.get(ss.newsBlock).eq(19).trigger('mouseover').should('be.visible');
+  });
 });
diff --git a/test/cypress/e2e/request.spec.js b/test/cypress/e2e/request.spec.js
index 827f748630..f3177ac5dd 100644
--- a/test/cypress/e2e/request.spec.js
+++ b/test/cypress/e2e/request.spec.js
@@ -6,6 +6,18 @@ import ss from '../../constants/selectors';
 describe('Request', () => {
   const randomAmount = Math.floor((Math.random() * 10) + 1);
   const randomReference = Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 5);
+  /**
+   * Request page can be opened by direct link
+   * @expect url is correct
+   * @expect some specific to page element is present on it
+   */
+  it(`Request page opens by url ${urls.send}`, () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.send);
+    cy.url().should('contain', urls.send);
+    cy.get(ss.recipientInput);
+  });
+
   /**
    * Request transfer in simple mode
    * @expect mail link contains correct message
diff --git a/test/cypress/e2e/search.spec.js b/test/cypress/e2e/search.spec.js
index df86f9ac95..74427f132e 100644
--- a/test/cypress/e2e/search.spec.js
+++ b/test/cypress/e2e/search.spec.js
@@ -1,6 +1,7 @@
 import accounts from '../../constants/accounts';
 import networks from '../../constants/networks';
 import ss from '../../constants/selectors';
+import urls from '../../constants/urls';
 
 const getSearchesObjFromLS = () => JSON.parse(localStorage.getItem('searches'));
 
@@ -98,13 +99,19 @@ describe('Search', () => {
     assertDelegatePage(accounts.delegate.username);
   });
 
+  it('4 search suggestions appears after 3 letters entered', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.testnet.node);
+    cy.visit('/');
+    cy.get(ss.searchInput).click().type(accounts.delegate.username.substring(0, 3));
+    cy.get(ss.delegateResults).should('have.length', 4);
+  });
+
   /**
    * Search for delegate using suggestions, signed in
    * @expect account page with corresponding ID is a result
    * @expect localStorage have the searches object with correct address
    * @expect localStorage have the searches object with correct searchTerm
    */
-
   it('Search for Delegate using suggestions, signed in', () => {
     cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
     cy.visit('/');
@@ -177,20 +184,43 @@ describe('Search', () => {
    * @expect recent searches are shown
    * @expect click on proposal leads to corresponding page
    */
-  it('Recent searches are shown as search proposals and clickable', () => {
-    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
-    window.localStorage.setItem('searches', `[{"searchTerm":"${accounts.genesis.address}","id":"${accounts.genesis.address}"}]`);
+  it('Recent search is shown as search proposals and clickable', () => {
+    cy.autologin(accounts.delegate.passphrase, networks.devnet.node);
     cy.visit('/');
+    cy.get(ss.searchInput).click().type(`${accounts.genesis.address}{enter}`);
+    cy.get(ss.searchInput).clear();
+    cy.visit(urls.wallet);
     cy.get(ss.searchInput).click();
     cy.get(ss.recentSearches).eq(0).click();
     cy.get(ss.leftBlockAccountExplorer).find(ss.accountAddress).should('have.text', accounts.genesis.address);
   });
 
+  /**
+   * Type not sufficient amount of chars
+   * @expect 'Type at least 3 characters' message
+   */
+  it('Type 2 chars - dropdown shows not enough chars message', () => {
+    cy.visit('/');
+    cy.get(ss.searchInput).click().type('43');
+    cy.get(ss.searchNoResultMessage).eq(0).should('have.text', 'Type at least 3 characters');
+  });
+
+  /**
+   * Type not existent gibberish of chars
+   * @expect 'No results found' message
+   */
+  it('Type nonexistent thing - dropdown shows not results found message', () => {
+    cy.visit('/');
+    cy.get(ss.searchInput).click().type('43th3j4bt324');
+    cy.get(ss.searchNoResultMessage).eq(0).should('have.text', 'No results found');
+  });
+
+
   /**
    * Search for nonexistent item
-   * @expect no results message
+   * @expect no results plug
    */
-  it('Search for nonexistent item - shows no results message', () => {
+  it('Search for nonexistent item - shows no results plug', () => {
     cy.visit('/');
     cy.get(ss.searchInput).click().type('43th3j4bt324{enter}');
     cy.get(ss.emptyResultsMessage).should('have.text', 'No results');
diff --git a/test/cypress/e2e/secondPassphraseReg.spec.js b/test/cypress/e2e/secondPassphraseReg.spec.js
index 2b69cb6eef..5ac18120d0 100644
--- a/test/cypress/e2e/secondPassphraseReg.spec.js
+++ b/test/cypress/e2e/secondPassphraseReg.spec.js
@@ -7,7 +7,7 @@ import slideCheckbox from '../utils/slideCheckbox';
 import compareBalances from '../utils/compareBalances';
 
 const txConfirmationTimeout = 20000;
-const txSecondPassphraseRegPrice = 5;
+const txSecondPassphraseRegCost = 5;
 
 describe('Second Passphrase Registration', () => {
   /**
@@ -51,7 +51,19 @@ describe('Second Passphrase Registration', () => {
     cy.get('@tx').find(ss.transactionReference).should('have.text', '-');
     cy.get('@tx').find(ss.transactionAmountPlaceholder).should('have.text', '-');
     cy.get(ss.headerBalance).invoke('text').as('balanceAfter').then(() => {
-      compareBalances(this.balanceBefore, this.balanceAfter, txSecondPassphraseRegPrice);
+      compareBalances(this.balanceBefore, this.balanceAfter, txSecondPassphraseRegCost);
     });
   });
+
+  /**
+   * Try to register with insufficient balance
+   * @expect choose name button is disabled
+   * @expect error message
+   */
+  it('Try to register with insufficient balance', () => {
+    cy.autologin(accounts['empty account'].passphrase, networks.devnet.node);
+    cy.visit(urls.secondPassphrase);
+    cy.get(ss.nextBtn).should('be.disabled');
+    cy.get(ss.nextBtn).parent().contains('Insufficient funds');
+  });
 });
diff --git a/test/cypress/e2e/send.spec.js b/test/cypress/e2e/send.spec.js
index b81caebfa3..09c25cb298 100644
--- a/test/cypress/e2e/send.spec.js
+++ b/test/cypress/e2e/send.spec.js
@@ -3,22 +3,23 @@ import networks from '../../constants/networks';
 import urls from '../../constants/urls';
 import ss from '../../constants/selectors';
 import enterSecondPassphrase from '../utils/enterSecondPassphrase';
-// import compareBalances from '../utils/compareBalances';
+import compareBalances from '../utils/compareBalances';
+
+const getFollowedAccountObjFromLS = () => JSON.parse(localStorage.getItem('followedAccounts'));
 
 const msg = {
   transferTxSuccess: 'Transaction is being processed and will be confirmed. It may take up to 15 minutes to be secured in the blockchain.',
   accountInitializatoinAddress: 'Account initialization',
 };
 
+const txSendCost = 0.1;
 const txConfirmationTimeout = 12000;
 
-const checkWalletPageLoaded = () => cy.get(ss.recipientInput);
-
 const getRandomAddress = () => `23495548666${Math.floor((Math.random() * 8990000) + 1000000)}L`;
 const getRandomAmount = () => Math.floor((Math.random() * 10) + 1);
 const getRandomReference = () => Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 5);
 
-// const transactionFee = 0.1;
+const transactionFee = 0.1;
 
 describe('Send', () => {
   let randomAddress;
@@ -32,30 +33,15 @@ describe('Send', () => {
   });
 
   /**
-   * Wallet page can be opened by direct link
+   * Send page can be opened by direct link
    * @expect url is correct
    * @expect some specific to page element is present on it
    */
-  it(`Wallet page opens by url ${urls.wallet}`, () => {
+  it(`Send page opens by url ${urls.send}`, () => {
     cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
-    cy.visit(urls.wallet);
-    cy.url().should('contain', urls.wallet);
-    cy.get(ss.transactionSendButton).click();
-    checkWalletPageLoaded();
-  });
-
-  /**
-   * Sidebar link leads to Wallet page
-   * @expect url is correct
-   * @expect some specific to page element is present on it
-   */
-  it('Wallet page opens by sidebar button', () => {
-    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
-    cy.visit(urls.dashboard);
-    cy.get(ss.sidebarMenuWalletBtn).should('have.css', 'opacity', '1').click();
-    cy.url().should('contain', urls.wallet);
-    cy.get(ss.transactionSendButton).click();
-    checkWalletPageLoaded();
+    cy.visit(urls.send);
+    cy.url().should('contain', urls.send);
+    cy.get(ss.recipientInput);
   });
 
   /**
@@ -84,10 +70,9 @@ describe('Send', () => {
     cy.get('@tx').find(ss.transactionAmount).should('have.text', randomAmount.toString());
     cy.wait(txConfirmationTimeout);
     cy.get('@tx').find(ss.spinner).should('not.exist');
-    // TODO Unskip when #1539 is fixed
-    // cy.get(ss.headerBalance).invoke('text').as('balanceAfter').then(() => {
-    //   compareBalances(this.balanceBefore, this.balanceAfter, randomAmount + transactionFee);
-    // });
+    cy.get(ss.headerBalance).invoke('text').as('balanceAfter').then(function () {
+      compareBalances(this.balanceBefore, this.balanceAfter, randomAmount + transactionFee);
+    });
   });
 
   /**
@@ -104,6 +89,9 @@ describe('Send', () => {
     cy.get(ss.referenceInput).click().type(randomReference);
     cy.get(ss.amountInput).click().type(randomAmount);
     cy.get(ss.nextTransferBtn).click();
+    cy.get(ss.recipientConfirmLabel).last().contains(randomAddress);
+    cy.get(ss.referenceConfirmLabel).contains(randomReference);
+    cy.get(ss.amountInput).invoke('val').should('equal', (randomAmount + txSendCost).toString());
     cy.get(ss.sendBtn).click();
     cy.get(ss.resultMessage).should('have.text', msg.transferTxSuccess);
     cy.visit(urls.dashboard);
@@ -123,7 +111,7 @@ describe('Send', () => {
    * @expect transaction appears in the activity list with correct data
    * @expect transaction appears in the activity list as confirmed
    */
-  it('Transfer tx with second passphrase', () => {
+  it('Transfer tx with second passphrase appears in wallet activity', () => {
     cy.autologin(accounts['second passphrase account'].passphrase, networks.devnet.node);
     cy.visit(urls.send);
     cy.get(ss.recipientInput).type(randomAddress);
@@ -174,27 +162,35 @@ describe('Send', () => {
   });
 
   /**
-   * Initialization dialogue and functionality is shown for the fresh account
+   * Initialization banner should appear on dashboard with account not initialized.
+   * @expect initialization dialogue is shown
    * @expect successfully go through initialization
    * @expect transfer transaction appear with correct data
    * @expect initialization dialogue is not shown anymore
    */
-  it('Should be able to init account when needed', () => {
+  it('Should show initialize banner with account not initialized', () => {
     cy.autologin(accounts['without initialization'].passphrase, networks.devnet.node);
     cy.reload();
-    cy.visit(urls.send);
+    cy.visit(urls.wallet);
+    cy.get(ss.transactionSendButton).click();
+    cy.get(ss.accountInitializationMsg).should('not.exist');
+    cy.get(ss.recipientInput).should('exist');
+    cy.visit(urls.dashboard);
+    cy.get(ss.initializeBanner).should('exist');
+    cy.get(ss.initializeBanner).find('a').click();
+    cy.get(ss.backButton).click();
     cy.get(ss.accountInitializationMsg).get(ss.accountInitializationBtn).click();
     cy.get(ss.sendBtn).click();
     cy.get(ss.resultMessage).should('have.text', msg.transferTxSuccess);
     cy.get(ss.accountInitializationMsg).should('not.exist');
     cy.wait(txConfirmationTimeout);
     cy.reload();
-    cy.visit(urls.send);
-    cy.get(ss.accountInitializationMsg).should('not.exist');
     cy.visit(urls.wallet);
     cy.get(ss.transactionRow).eq(0).as('tx');
     cy.get('@tx').find(ss.transactionAddress).should('have.text', accounts['without initialization'].address);
     cy.get('@tx').find(ss.transactionReference).should('have.text', 'Account initialization');
+    cy.visit(urls.dashboard);
+    cy.get(ss.initializeBanner).should('not.exist');
   });
 
   /**
@@ -226,4 +222,99 @@ describe('Send', () => {
     cy.get(ss.sendBtn).click();
     cy.get(ss.resultMessage).contains('Status 409 : Test error');
   });
+
+
+  it('Add to bookmarks after transfer tx (when recipient is not in followers)', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.send);
+    cy.get(ss.recipientInput).type(accounts.delegate.address);
+    cy.get(ss.amountInput).click().type(randomAmount);
+    cy.get(ss.nextTransferBtn).click();
+    cy.get(ss.sendBtn).click();
+    cy.get(ss.addToBookmarks).click();
+    cy.get(ss.titleInput).type('Bob');
+    cy.get(ss.confirmAddToBookmarks).click()
+      .should(() => {
+        expect(getFollowedAccountObjFromLS()[0].address).to.equal(accounts.delegate.address);
+        expect(getFollowedAccountObjFromLS()[0].title).to.equal('Bob');
+      });
+    cy.get(ss.resultMessage).contains('has been added to your Dashboard');
+  });
+
+  it('Add to bookmarks button doesn’t exist if recipient is in followers', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node)
+      .then(() => window.localStorage.setItem('followedAccounts', `[{"title":"Alice","address":"${accounts.genesis.address}","balance":101}]`));
+    cy.visit(urls.send);
+    cy.get(ss.recipientInput).type(accounts.genesis.address);
+    cy.get(ss.amountInput).click().type(randomAmount);
+    cy.get(ss.nextTransferBtn).click();
+    cy.get(ss.sendBtn).click();
+    cy.get(ss.addToBookmarks).should('not.exist');
+  });
+});
+
+describe('Send: Bookmarks', () => {
+  /**
+   * Bookmarks suggestions are not present if there is no followers
+   * @expect bookmarks components are not present
+   */
+  it('Bookmarks are not present if there is no followers', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node)
+      .then(() => window.localStorage.removeItem('followedAccounts'));
+    cy.visit(urls.send);
+    cy.get(ss.recipientInput).click();
+    cy.get(ss.bookmarkInput).should('not.exist');
+    cy.get(ss.bookmarkList).should('not.exist');
+  });
+
+  /**
+   * Choose follower from bookmarks and send tx
+   * @expect bookmark contain name
+   * @expect bookmark contain address
+   * @expect clicking bookmark fills recipient
+   * @expect tx appears in activity with right address
+   */
+  it('Choose follower from bookmarks and send tx', () => {
+    window.localStorage.setItem('followedAccounts', `[
+      {"title":"Alice","address":"${accounts.delegate.address}","balance":101}
+    ]`);
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.send);
+    cy.get(ss.recipientInput).click();
+    cy.get(ss.bookmarkInput);
+    cy.get(ss.bookmarkList).eq(0).contains('Alice');
+    cy.get(ss.bookmarkList).eq(0).contains(accounts.delegate.address);
+    cy.get(ss.bookmarkList).eq(0).click();
+    cy.get(ss.recipientInput).should('have.value', accounts.delegate.address);
+    cy.get(ss.amountInput).click().type(1);
+    cy.get(ss.nextTransferBtn).click();
+    cy.get(ss.sendBtn).click();
+    cy.get(ss.okayBtn).click();
+    cy.get(ss.transactionRow).eq(0).find(ss.transactionAddress).should('have.text', accounts.delegate.address);
+  });
+
+  /**
+   * Search through bookmarks by typing
+   * @expect account found by name
+   * @expect non-existent search show empty list
+   * @expect account found by delegate
+   */
+  it('Search through bookmarks by typing', () => {
+    window.localStorage.setItem('followedAccounts', `[
+      {"title":"Alice","address":"${accounts.delegate.address}","balance":101},
+      {"title":"Bob","address":"${accounts.genesis.address}","balance":101}
+    ]`);
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.send);
+    cy.get(ss.recipientInput).click().type('Bob');
+    cy.get(ss.bookmarkList).eq(0).contains('Bob');
+    cy.get(ss.recipientInput).clear();
+    cy.get(ss.recipientInput).click().type('Merkel');
+    cy.get(ss.bookmarkList).should('not.exist');
+    cy.get(ss.recipientInput).clear();
+    cy.get(ss.recipientInput).click().type(accounts.delegate.address);
+    cy.get(ss.bookmarkList).eq(0).contains(accounts.delegate.address);
+    cy.get(ss.bookmarkList).eq(0).click();
+    cy.get(ss.recipientInput).should('have.value', accounts.delegate.address);
+  });
 });
diff --git a/test/cypress/e2e/txDetails.spec.js b/test/cypress/e2e/txDetails.spec.js
index bdcc47a01e..a26c952400 100644
--- a/test/cypress/e2e/txDetails.spec.js
+++ b/test/cypress/e2e/txDetails.spec.js
@@ -25,8 +25,14 @@ describe('Tx details', () => {
     cy.get(ss.transactionRow).find(ss.spinner).click();
     // Before confirmation
     cy.get(ss.txHeader).contains('Transaction');
-    cy.get(ss.txSenderAddress).should('have.text', accounts.genesis.address);
-    cy.get(ss.txRecipientAddress).should('have.text', accounts.delegate.address);
+    cy.get(ss.txSenderAddress).should('have.text', accounts.genesis.address)
+      .click();
+    cy.get(ss.leftBlockAccountExplorer).find(ss.accountAddress).should('have.text', accounts.genesis.address);
+    cy.go('back');
+    cy.get(ss.txRecipientAddress).should('have.text', accounts.delegate.address)
+      .click();
+    cy.get(ss.leftBlockAccountExplorer).find(ss.accountAddress).should('have.text', accounts.delegate.address);
+    cy.go('back');
     cy.get(ss.txAddedVotes).should('not.exist');
     cy.get(ss.txRemovedVotes).should('not.exist');
     cy.get(ss.txAmount).should('have.text', '-5');
@@ -42,14 +48,21 @@ describe('Tx details', () => {
    * Delegate transaction details are shown and correct when tx is confirmed
    * @expect transfer details are correct for confirmed state
    */
-  it('Delegate vote', () => {
+  it('Vote', () => {
     cy.autologin(accounts.delegate.passphrase, networks.devnet.node);
     cy.visit(`${urls.wallet}?id=${delegateVoteTxId}`);
     cy.get(ss.txHeader).contains('Delegate vote');
-    cy.get(ss.txSenderAddress).should('have.text', accounts.delegate.address);
+    cy.get(ss.txSenderAddress).should('have.text', accounts.delegate.address)
+      .click();
+    cy.get(ss.leftBlockAccountExplorer).find(ss.accountAddress).should('have.text', accounts.delegate.address);
+    cy.go('back');
     cy.get(ss.txRecipientAddress).should('not.exist');
-    cy.get(ss.txDate).contains(new Date().getFullYear());
-    cy.get(ss.txAddedVotes).contains(accounts.delegate.username);
+    cy.get(ss.txDate).contains(/20\d\d$/);
+    cy.get(ss.txAddedVotes).contains(accounts.delegate.username)
+      .click();
+    cy.get(ss.leftBlockAccountExplorer).find(ss.accountAddress).should('have.text', accounts.delegate.address);
+    cy.go('back');
+    // TODO add unvotes when Commander 2.0 will be free of bugs
     cy.get(ss.txRemovedVotes).should('not.exist');
     cy.get(ss.txFee).should('have.text', '1');
     cy.get(ss.txConfirmations).contains(/^\d/);
@@ -87,9 +100,12 @@ describe('Tx details', () => {
     cy.autologin(accounts['second passphrase account'].passphrase, networks.devnet.node);
     cy.visit(`${urls.wallet}?id=${secondPassphraseRegTxId}`);
     cy.get(ss.txHeader).contains('Second passphrase registration');
-    cy.get(ss.txSenderAddress).should('have.text', accounts['second passphrase account'].address);
+    cy.get(ss.txSenderAddress).should('have.text', accounts['second passphrase account'].address)
+      .click();
+    cy.get(ss.leftBlockAccountExplorer).find(ss.accountAddress).should('have.text', accounts['second passphrase account'].address);
+    cy.go('back');
     cy.get(ss.txRecipientAddress).should('not.exist');
-    cy.get(ss.txDate).contains(new Date().getFullYear());
+    cy.get(ss.txDate).contains(/20\d\d$/);
     cy.get(ss.txAddedVotes).should('not.exist');
     cy.get(ss.txRemovedVotes).should('not.exist');
     cy.get(ss.txFee).should('have.text', '5');
diff --git a/test/cypress/e2e/wallet.spec.js b/test/cypress/e2e/wallet.spec.js
new file mode 100644
index 0000000000..170c8221a5
--- /dev/null
+++ b/test/cypress/e2e/wallet.spec.js
@@ -0,0 +1,47 @@
+import accounts from '../../constants/accounts';
+import networks from '../../constants/networks';
+import urls from '../../constants/urls';
+import ss from '../../constants/selectors';
+
+describe('Wallet', () => {
+  /**
+   * Wallet page can be opened by direct link
+   * @expect url is correct
+   * @expect some specific to page element is present on it
+   */
+  it(`Wallet page opens by url ${urls.wallet}`, () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.wallet);
+    cy.url().should('contain', urls.wallet);
+    cy.get(ss.transactionSendButton);
+  });
+
+  /**
+   * Sidebar link leads to Wallet page
+   * @expect url is correct
+   * @expect some specific to page element is present on it
+   */
+  it('Wallet page opens by sidebar button', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.dashboard);
+    cy.get(ss.sidebarMenuWalletBtn).should('have.css', 'opacity', '1').click();
+    cy.url().should('contain', urls.wallet);
+    cy.get(ss.transactionSendButton);
+  });
+
+  it('Send button -> Send page', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.wallet);
+    cy.get(ss.transactionSendButton).click();
+    cy.url().should('contain', urls.send);
+    cy.get(ss.recipientInput);
+  });
+
+  it('Request button -> Request page', () => {
+    cy.autologin(accounts.genesis.passphrase, networks.devnet.node);
+    cy.visit(urls.wallet);
+    cy.get(ss.transactionRequestButton).click();
+    cy.url().should('contain', urls.request);
+    cy.get(ss.requestSpecificAmountBtn);
+  });
+});
diff --git a/test/integration/dashboard.test.js b/test/integration/dashboard.test.js
index aa6040bd8a..e9308afbf2 100644
--- a/test/integration/dashboard.test.js
+++ b/test/integration/dashboard.test.js
@@ -167,12 +167,6 @@ describe('@integration: Dashboard', () => {
   });
 
   describe('Transactions', () => {
-    describe('Scenario: should allow to view transactions', () => {
-      step('Given I\'m on "wallet" as "genesis" account', () => setupStep('genesis'));
-      step('Then I should see 5 rows', () => helper.shouldSeeCountInstancesOf(5, 'TransactionRow'));
-      step('Then I click on one of the transactions and expect to get directed to its details', () => helper.clickOnTransaction());
-    });
-
     describe('Scenario: should not display Transactions', () => {
       step('Given I\'m on "wallet" as "genesis" account not Logged in', () => setupStep('genesis', { isLoggedIn: false }));
       step('Then I should see 0 instances of "send box"', () => helper.shouldSeeCountInstancesOf(0, TransactionRow));